Delightful Coconut Mochi Cake

Golden coconut mochi cake with shredded coconut topping on a white plate Save to Pinterest
Golden coconut mochi cake with shredded coconut topping on a white plate | homegrownfork.com

This coconut mochi cake delivers a wonderfully chewy texture with subtle sweetness. The combination of sweet rice flour creates that signature mochi-like bounce, while full-fat coconut milk provides rich, tropical flavor throughout each bite. Baking takes about an hour, resulting in golden edges and a tender center. The shredded coconut topping adds pleasant texture and visual appeal.

Ideal for gatherings or afternoon tea, this cake slices neatly into squares and stays fresh for days. The naturally gluten-free base makes it accessible for various dietary needs without compromising on taste or texture.

The first time I encountered coconut mochi cake was at a neighborhood potluck where someone's grandmother had brought it. I remember standing there in the kitchen, chatting while I ate, and suddenly realizing I'd gone back for three squares. That chewy, bouncy texture is unlike anything else, and the way it balances sweet coconut with just enough richness keeps you coming back.

I made this for a friend's birthday last summer because she couldn't eat gluten, and honestly, everyone else was just as excited about it. Watching people's expressions when they took that first bite, the surprise at how satisfying something so simple could be, that's what keeps this recipe in my regular rotation.

Ingredients

  • Sweet rice flour (mochiko): This is the heart of the chew dont try substituting regular rice flour or the texture wont be the same
  • Granulated sugar: Sweetens just enough without overpowering the coconut flavor
  • Baking powder: Gives the cake a subtle lift while keeping that dense mochi texture
  • Fine salt: Balances the sweetness and enhances the coconut
  • Coconut milk: Full-fat is crucial here for richness and authentic flavor
  • Whole milk: Adds creaminess but any milk alternative works beautifully
  • Eggs: Provide structure and help create that perfect tender crumb
  • Unsalted butter: Melted and cooled adds depth and richness
  • Pure vanilla extract: Rounds out all the flavors and adds warmth
  • Shredded coconut: Creates a lovely toasted crust on top that contrasts with the soft interior

Instructions

Prep your pan and oven:
Get your oven to 350F and grease a 9x13 inch pan well, then line it with parchment paper so you can lift the whole cake out easily later
Mix the dry ingredients:
Whisk the sweet rice flour, sugar, baking powder, and salt together in a large bowl until well combined
Combine the wet mixture:
In another bowl, whisk the coconut milk, whole milk, eggs, melted butter, and vanilla until completely smooth
Bring it together:
Pour the wet ingredients into the dry and stir with a spatula until combined and smooth, but be careful not to overmix
Pan and top it:
Pour the batter into your prepared pan and tap it gently on the counter to release any air bubbles, then sprinkle the shredded coconut evenly over the top
Bake to golden perfection:
Bake for 55 to 60 minutes until the edges are golden brown and a toothpick in the center comes out mostly clean
Cool completely:
Let the cake cool completely in the pan on a wire rack before slicing into squares or bars
Chewy gluten-free coconut mochi cake sliced into squares for dessert serving Save to Pinterest
Chewy gluten-free coconut mochi cake sliced into squares for dessert serving | homegrownfork.com

This cake has become my go-to for bringing to gatherings because it travels so well and appeals to everyone. There's something about sharing food that brings people together, and the way this cake disappears from the plate always makes me smile.

Making It Dairy Free

I've made this dairy-free many times using coconut oil instead of butter and extra coconut milk in place of the whole milk. Honestly, it's just as delicious, maybe even more coconut-forward, which I never mind.

Storage Tips

This cake keeps remarkably well at room temperature for a couple of days, though I've been known to eat it for breakfast straight from the container. The texture actually seems to improve after a day, becoming even more chewy and settled.

Serving Ideas

While it's perfect on its own, I've served this with fresh mango or pineapple when I want something extra special. A scoop of vanilla ice cream melting slightly over a warm square is absolute heaven.

  • Try swirling red bean paste through the batter for a Hawaiian inspired twist
  • Toasted macadamia nuts on top add wonderful crunch
  • A dusting of powdered sugar makes it extra pretty for serving
Baked coconut mochi cake with golden edges and fluffy coconut topping sprinkled generously Save to Pinterest
Baked coconut mochi cake with golden edges and fluffy coconut topping sprinkled generously | homegrownfork.com

There's something so comforting about a recipe that comes together simply yet delivers such a unique, memorable experience. I hope this finds its way into your regular baking rotation too.

Recipe FAQs

Sweet rice flour, also called mochiko, creates the signature chewy texture. This glutenous rice flour becomes elastic and bouncy when baked, giving the cake its distinctive mochi-like consistency that's different from regular wheat flour cakes.

Absolutely. Substitute the whole milk with additional coconut milk and replace melted butter with coconut oil. The results remain just as delicious and chewy, with even more pronounced coconut flavor throughout.

Keep in an airtight container at room temperature for up to 2 days, or refrigerate for up to 5 days. The texture remains pleasantly chewy, though bringing chilled slices to room temperature before serving enhances the experience.

Mochi cake naturally has a denser, slightly tacky texture compared to sponge cakes. However, if the center seems underbaked, continue baking in 5-minute increments until a toothpick comes out mostly clean with just a few moist crumbs attached.

Yes. Try swirling in sweetened red bean paste for a Hawaiian twist, adding chocolate chips, or incorporating fresh mango cubes. Just keep additions to about ½ cup total to maintain proper baking consistency.

Delightful Coconut Mochi Cake

Chewy, sweet coconut cake perfect for dessert or tea-time treats.

Prep 15m
Cook 60m
Total 75m
Servings 12
Difficulty Easy

Ingredients

Dry Ingredients

  • 2 cups sweet rice flour (mochiko)
  • 1 cup granulated sugar
  • 1 1/2 teaspoons baking powder
  • 1/4 teaspoon fine salt

Wet Ingredients

  • 1 can (400 ml) full-fat coconut milk, well-stirred
  • 1/2 cup whole milk or non-dairy alternative
  • 3 large eggs
  • 1/2 cup unsalted butter, melted and cooled
  • 2 teaspoons pure vanilla extract

Topping

  • 1/2 cup unsweetened shredded coconut

Instructions

1
Prepare the Oven and Pan: Preheat the oven to 350°F. Lightly grease a 9x13-inch baking pan and line with parchment paper for easy removal.
2
Combine Dry Ingredients: In a large mixing bowl, whisk together the sweet rice flour, sugar, baking powder, and salt until evenly blended.
3
Mix Wet Ingredients: In a separate bowl, whisk the coconut milk, whole milk, eggs, melted butter, and vanilla extract until smooth and fully incorporated.
4
Combine Batter: Pour the wet ingredients into the dry ingredients. Stir with a spatula or whisk until fully combined and smooth—do not overmix.
5
Transfer and Prepare Batter: Pour the batter into the prepared baking pan and gently tap the pan on the counter to release any trapped air bubbles.
6
Add Topping: Sprinkle the shredded coconut evenly over the top of the batter.
7
Bake the Cake: Bake for 55–60 minutes, or until the edges are golden brown and a toothpick inserted in the center comes out mostly clean.
8
Cool and Serve: Cool completely in the pan on a wire rack before slicing into squares or bars.
Additional Information

Equipment Needed

  • Large mixing bowl
  • Whisk
  • 9x13-inch baking pan
  • Parchment paper
  • Spatula

Nutrition (Per Serving)

Calories 250
Protein 3g
Carbs 33g
Fat 12g

Allergy Information

  • Contains eggs and dairy (unless substituted with non-dairy alternatives).
  • Contains coconut.
  • Gluten-free preparation.
  • Always check ingredient labels for potential allergens or cross-contamination.
Amy Callahan

Down-to-earth cook sharing simple recipes and cooking tips for every home kitchen.