Sweet Pineapple Coconut Rice Mochi

Sweet Pineapple Coconut Rice Mochi

The first bite releases a burst of tropical sunshine — tender, chewy mochi infused with sweet coconut milk and studded with caramelized pineapple chunks. This Filipino-inspired sweet rice cake transforms humble glutinous rice into a dessert that’s both comforting and exotic, with a texture that’s somewhere between pudding and cake.

Mochi lovers and tropical dessert fans will find themselves making this recipe on repeat, whether for weekend treat sessions or impressive potluck contributions that always spark recipe requests.

Why You’ll Love This Recipe

  • Ready in under 45 minutes with just one pot and a baking dish — minimal cleanup for maximum flavor
  • Uses pantry-friendly glutinous rice flour instead of hard-to-find sweet rice grains for foolproof texture every time
  • Make-ahead friendly and actually tastes better the next day when flavors have melded together
  • Naturally gluten-free and dairy-free without any special substitutions required
  • The caramelized pineapple adds bursts of tangy sweetness that cut through the rich coconut base perfectly

Pro Tips

  • Toast the coconut flakes in a dry skillet for 2-3 minutes before adding them to the batter — this unlocks deeper nutty flavors and prevents sogginess
  • Use full-fat canned coconut milk (don’t shake the can) and scrape out the thick cream from the top for the richest, most authentic texture
  • Let the pineapple pieces drain on paper towels for 5 minutes after caramelizing to prevent excess moisture from making the mochi gummy
  • The surface should look set but still jiggle slightly in the center when you remove it from the oven — it continues cooking as it cools and will firm up to the perfect chewy consistency

Sweet Pineapple Coconut Rice Mochi

Bite into tropical bliss! Sweet coconut milk mochi studded with caramelized pineapple — chewy, gluten-free, and ready in 45 minutes. The make-ahead dessert that disappears at every gathering. Save for your next potluck! 🍍🥥
Prep Time 15 minutes
Cook Time 40 minutes
Total Time 55 minutes
Servings: 16 servings
Course: Dessert
Cuisine: American

Ingredients
  

  • 2 cups glutinous rice flour mochiko
  • 1 1/2 cups full-fat coconut milk
  • 1 cup granulated sugar
  • 1/2 cup water
  • 1 cup fresh or canned pineapple diced into 1/2-inch chunks
  • 1/2 cup sweetened shredded coconut
  • 2 large eggs beaten
  • 1/4 cup unsalted butter melted
  • 1 teaspoon vanilla extract
  • 1/4 teaspoon salt
  • 2 tablespoons brown sugar for caramelizing pineapple
  • Extra toasted coconut flakes for topping

Method
 

  1. Preheat oven to 350°F (175°C). Grease an 8×8-inch baking pan with butter or line with parchment paper, leaving overhang on two sides for easy removal.
  2. Heat a skillet over medium-high heat and add the diced pineapple with brown sugar. Cook for 3-4 minutes, stirring occasionally, until the pineapple is golden and caramelized. Transfer to a paper towel-lined plate to drain excess moisture.
  3. In a large mixing bowl, whisk together the glutinous rice flour, granulated sugar, shredded coconut, and salt until evenly combined with no lumps.
  4. In a separate bowl, whisk together the coconut milk, water, beaten eggs, melted butter, and vanilla extract until smooth and well blended.
  5. Pour the wet ingredients into the dry ingredients and stir with a spatula until you have a smooth, pourable batter with no flour streaks remaining.
  6. Gently fold in the caramelized pineapple chunks, distributing them evenly throughout the batter without breaking them apart.
  7. Pour the batter into the prepared pan, smoothing the top with a spatula. Sprinkle toasted coconut flakes over the surface if desired.
  8. Bake for 35-40 minutes, until the edges pull away from the pan and the center jiggles only slightly when gently shaken. The top should be golden brown.
  9. Remove from the oven and let cool completely in the pan for at least 1 hour — this allows the texture to set properly. The mochi will firm up as it cools.
  10. Using the parchment overhang, lift the mochi out of the pan and cut into 16 squares with a sharp knife dipped in water between cuts to prevent sticking.
Sweet Pineapple Coconut Rice Mochi close up

Frequently Asked Questions

Can I use fresh pineapple instead of canned?

Absolutely! Fresh pineapple actually works better because it has less moisture. Dice it into 1/2-inch chunks and caramelize in a hot pan with 2 tablespoons sugar for 3-4 minutes until golden.

Why is my mochi too hard or rubbery?

Overbaking is the most common culprit. Check at 35 minutes — the edges should pull away slightly from the pan, but the center should still wobble. Also ensure you’re measuring glutinous rice flour correctly by spooning it into the cup rather than scooping.

How do I store leftover mochi?

Keep it in an airtight container at room temperature for up to 2 days, or refrigerate for up to 5 days. The texture firms up when cold, so let it sit at room temperature for 20 minutes before serving, or warm briefly in the microwave for 15-20 seconds.

Can I make this without coconut?

For a less tropical version, substitute the coconut milk with whole milk or oat milk and omit the shredded coconut. You’ll lose the signature flavor but still get a delicious pineapple rice cake with great texture.

Storage & Serving

Store covered at room temperature for 2 days or refrigerate for up to 5 days — the mochi becomes denser when chilled but softens beautifully at room temp. Cut into squares and serve plain, dust with toasted coconut flakes, or top with a scoop of vanilla ice cream for contrast. It’s also wonderful alongside hot jasmine tea or as part of a tropical dessert platter with mango and passion fruit.

Try this recipe once and it’ll become your go-to when you’re craving something sweet, chewy, and refreshingly different from standard brownies and cookies.

Scroll to Top