Coconut Mochi Cake

Golden coconut mochi cake topped with toasted shredded coconut and sliced into chewy squares Pin it
Golden coconut mochi cake topped with toasted shredded coconut and sliced into chewy squares | cookible.com

This coconut mochi cake delivers the perfect balance of chewy texture and tropical sweetness. Made with sweet rice flour and creamy coconut milk, it bakes into golden squares with a delicate coconut topping. The preparation comes together quickly—just whisk the dry ingredients, combine with the wet mixture, and let the oven work its magic. In about an hour, you'll have a gluten-free dessert that's naturally satisfying and endlessly customizable.

The first time I encountered coconut mochi cake was at a neighborhood potluck where someone brought this mysterious, jiggly, golden slab that disappeared faster than anything else on the table. I hovered near the serving area waiting to see who would claim the recipe, and learned it had been passed down through three generations of a Hawaiian family. Something about that chewy, springy texture combined with the tropical richness felt like discovering a secret language between flour and coconut that I never wanted to stop speaking.

Last summer my sister in law asked me to bring dessert to her daughters graduation party and I decided to attempt doubling this coconut mochi cake recipe. I baked two pans side by side in my tiny apartment oven, checking them obsessively as the coconut topping turned into delicate golden islands. When my niece took her first bite and immediately grabbed two more squares for later, I knew this recipe had earned its permanent place in my collection.

Ingredients

  • Sweet rice flour (mochiko): This glutinous rice flour creates the signature chewy texture that regular rice flour simply cannot achieve
  • Coconut milk: Full fat coconut milk provides the richest flavor and most tender crumb, so shake the can well before measuring
  • Unsalted butter: Melted and slightly cooled butter adds depth while helping the texture stay moist without making it greasy
  • Unsweetened shredded coconut: The topping toasts beautifully in the oven, creating little islands of crunch against the soft cake

Instructions

Prepare your baking vessel:
Preheat your oven to 350°F and generously grease a 9x13 inch pan before lining it with parchment paper. This paper is your insurance policy because mochi cake loves to stick despite the greasing.
Whisk the dry foundation:
In a large bowl, combine sweet rice flour, sugar, baking powder, and salt until everything looks uniformly blended. Take your time here because uneven distribution of leavening will show in the final texture.
Blend the wet mixture:
In a separate bowl, whisk coconut milk, whole milk, eggs, melted butter, and vanilla extract until completely smooth. The melted butter should be warm but not hot when it meets the eggs.
Bring it all together:
Pour the wet ingredients into the dry mixture and fold gently with a spatula until no dry streaks remain. The batter will be thin and pourable, which is exactly what you want for that characteristic mochi texture.
Add the crowning glory:
Pour the batter into your prepared pan and give it a gentle tap on the counter to release any trapped air bubbles. Sprinkle the shredded coconut evenly across the surface like a snowfall.
Bake until golden:
Bake for 55 to 60 minutes until the edges turn golden brown and a toothpick inserted in the center comes out mostly clean. The center should still feel slightly jiggly, like custard, when you gently shake the pan.
Practice patience:
Cool completely in the pan on a wire rack before attempting to slice. The texture settles and firms up as it cools, making clean cuts possible.
Gluten-free coconut mochi cake with a golden crust ready for serving on a white plate Pin it
Gluten-free coconut mochi cake with a golden crust ready for serving on a white plate | cookible.com

My grandmother always said that dessert tastes better when shared, and this coconut mochi cake proved her right countless times. I once brought a freshly baked pan to a book club meeting where nobody knew each other well, but by the time we reached the discussion portion everyone was bonding over seconds and asking for the recipe. Food has this magical way of creating community without forcing conversation.

Making It Dairy Free

Swapping whole milk for more coconut milk and using coconut oil instead of butter actually intensifies the coconut flavor throughout the cake. The texture remains just as chewy and satisfying, so nobody eating a dairy version would ever know the difference unless you told them. I often make it this way for friends with dietary restrictions, and it has become the most requested variation.

Storage Secrets

This cake has an interesting relationship with time because the texture continues to evolve over the first day, becoming slightly chewier and more cohesive. Room temperature storage in an airtight container keeps it perfectly moist for up to two days, though the refrigerator extends its life to five days at the cost of slightly firming the texture. A quick 10 second zap in the microwave brings refrigerated pieces back to their original glory.

Serving Suggestions

Fresh tropical fruits like mango or pineapple create the perfect acidic balance to cut through the rich sweetness. A scoop of vanilla ice cream melting over warm mochi cake creates a temperature and texture contrast that feels almost decadent. For afternoon tea, simply serving it plain allows the subtle coconut flavors to shine without any competition.

  • Try drizzling warm coconut caramel over the top for extra indulgence
  • A sprinkle of toasted macadamia nuts adds welcome crunch
  • Lemon zest on the finished slices brightens everything beautifully
Chewy Hawaiian-style coconut mochi cake sprinkled with coconut flakes and dusted with powdered sugar Pin it
Chewy Hawaiian-style coconut mochi cake sprinkled with coconut flakes and dusted with powdered sugar | cookible.com

Every time I pull a pan of coconut mochi cake from the oven, that toasted coconut fragrance fills the kitchen and reminds me why this recipe has become such a staple. Its the dessert that makes people ask for seconds before they have even finished their first serving.

Recipe Q&A

The chewy texture comes from sweet rice flour (mochiko), which has a unique starch composition that creates a delightfully bouncy, tender crumb unlike wheat-based cakes.

Absolutely. Replace the whole milk with additional coconut milk and substitute melted butter with coconut oil. The result remains just as rich and flavorful.

Keep in an airtight container at room temperature for up to 2 days, or refrigerate for up to 5 days. The texture remains beautifully chewy either way.

Yes! Try swirling in sweetened red bean paste for a Hawaiian twist, adding a tablespoon of matcha powder for green tea flavor, or folding in fresh mango cubes.

Mochi cake has a denser, moister texture than traditional cake. A few moist crumbs are normal and indicate the perfect chewy consistency.

Coconut Mochi Cake

A chewy, lightly sweet treat with rich coconut flavor. Gluten-free and easy to make.

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 (13.5 oz) coconut milk, full-fat, 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
Preheat and Prepare Pan: Preheat oven to 350°F. Grease a 9x13-inch baking pan lightly and line with parchment paper for easy removal.
2
Combine Dry Ingredients: Whisk sweet rice flour, sugar, baking powder, and salt in a large mixing bowl until evenly blended.
3
Blend Wet Ingredients: In a separate bowl, whisk coconut milk, whole milk, eggs, melted butter, and vanilla extract until smooth and fully incorporated.
4
Mix Batter: Pour wet mixture into dry ingredients. Stir with spatula or whisk until just combined and smooth—avoid overmixing.
5
Pour and Prepare for Baking: Transfer batter to prepared pan. Gently tap pan on counter to release trapped air bubbles.
6
Add Coconut Topping: Sprinkle shredded coconut evenly over surface of batter.
7
Bake: Bake for 55-60 minutes until edges are golden brown and toothpick inserted in center comes out mostly clean.
8
Cool and Slice: Cool completely in pan on 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 alternatives
  • Contains coconut
  • Gluten-free preparation
  • Always verify ingredient labels for potential cross-contamination
Jenna Lawson

Sharing simple, tasty recipes and kitchen tips for home cooks and food lovers.