Coconut Mochi Cake is a soft, chewy coconut dessert made with sweet rice flour, full-fat coconut milk, eggs, and vanilla. It bakes into tender squares with a lightly golden top, a stretchy mochi center, and a sweet coconut finish that works for potlucks, family desserts, or weekend baking. I like this cake because it feels special without needing complicated decorating or a long ingredient list. Mochiko gives the cake its signature bounce, while coconut milk keeps the crumb creamy and rich. Once cooled, the slices hold neatly for packing, sharing, or setting on a dessert tray at the table. Serve it plain, add toasted coconut for crunch, or spoon fresh mango or pineapple over each slice for a bright finish.
| Serving Breakdown | |||
|---|---|---|---|
| 4gProtein | 10gFat | 45gCarbs | 278Calories |
Nutrition values are estimated per serving and may vary based on ingredients, brands, and portion size.
Why You’ll Love This Coconut Mochi Cake
This Coconut Mochi Cake is cozy enough for family dessert and pretty enough for sharing. Here’s why:
- Chewy Texture: Sweet rice flour creates that soft mochi pull, giving each square a tender bite that feels different from a regular cake.
- Coconut Flavor: Full-fat coconut milk adds creamy richness and a gentle tropical flavor without needing frosting or filling.
- Shareable Squares: The cake cuts neatly once cooled, so it is practical for potlucks, dessert boxes, and family gatherings.
- Flexible Toppings: Toasted coconut, mango, pineapple, or a light dusting of powdered sugar all fit the chewy coconut base.
- Pantry-Friendly Bake: Once you have Mochiko, the rest of the ingredients are straightforward baking staples.
Ingredients You’ll Need
- Sweet Rice Flour (2 cups): Use Mochiko or another glutinous rice flour for the signature chewy texture. Regular flour will not create mochi cake.
- Coconut Milk (1 cup): Full-fat coconut milk gives the cake creaminess, richer flavor, and a softer center than light coconut milk.
- Sugar (1 cup): Granulated sugar keeps the flavor clean, while coconut sugar adds a deeper caramel note and slightly darker color.
- Baking Powder (1 tablespoon): This helps the dense rice flour batter lift gently so the cake stays chewy but not heavy.
- Eggs (2 large): Eggs add structure, moisture, and a custardy softness that helps the cake slice cleanly after cooling.
- Vanilla Extract (1 teaspoon): Pure vanilla rounds out the coconut flavor and gives the cake a warm bakery-style aroma.
- Salt (1 teaspoon): Salt balances the sugar and keeps the coconut flavor from tasting flat.
- Shredded Coconut (1 cup, optional): Toast it first for crunch, color, and a deeper coconut finish on top of the cake.
- Fruity Additions (1 cup, optional): Fresh mango or pineapple adds brightness. Serve it on top instead of mixing in for the cleanest cake texture.

Before You Start
- Use the Right Flour: Choose sweet rice flour, also called glutinous rice flour. Regular rice flour or all-purpose flour will change the texture completely.
- Prepare the Pan: Grease an 8-inch square baking pan and line it with parchment so the sticky cake lifts out cleanly.
- Shake the Coconut Milk: Full-fat coconut milk separates in the can, so shake or whisk it until smooth before measuring.
- Cool Before Cutting: Mochi cake firms as it cools. Warm slices can drag on the knife and lose their neat edges.
I let mochi cake cool longer than regular cake because the chewy center needs time to set. A lightly oiled knife makes cleaner slices.
How to Make Coconut Mochi Cake
- Step 1 – Heat Oven: Preheat the oven to 350°F and line a greased 8-inch square pan with parchment.
- Step 2 – Mix Dry Ingredients: Whisk sweet rice flour, sugar, baking powder, and salt in a large bowl until evenly combined.
- Step 3 – Whisk Wet Ingredients: In another bowl, whisk coconut milk, eggs, and vanilla until smooth and blended.
- Step 4 – Make Batter: Pour wet ingredients into dry ingredients and whisk until the batter is thick, smooth, and lump-free.
- Step 5 – Add Topping: Spread batter into the pan and sprinkle toasted shredded coconut over the top if using.
- Step 6 – Bake Cake: Bake for 40 to 45 minutes until the top is lightly golden and the center springs back gently.
- Step 7 – Cool and Slice: Cool completely in the pan, then lift out and cut into squares with a lightly oiled knife.

How to Know When Coconut Mochi Cake Is Done
- Golden Top: The surface should look set with light golden edges and a pale center that is no longer wet.
- Springy Center: Press the middle gently. It should spring back and feel bouncy rather than liquid underneath.
- Clean Tester: A toothpick may have a few sticky crumbs, but it should not come out coated in raw batter.
- Set Edges: The edges should pull slightly from the pan and feel firmer than the center.
Tips to Make It Easier
- Whisk Well: Rice flour can settle into pockets, so whisk the batter until it looks glossy and smooth.
- Use Parchment: I always line the pan because mochi cake is sticky and easier to lift once cooled.
- Toast the Coconut: Toast shredded coconut in a dry skillet for a deeper flavor and a crisp contrast.
- Avoid Overbaking: Pull the cake once the center is springy. Too much baking can make the edges tough.
- Slice Cleanly: I usually wipe and lightly oil the knife between cuts for tidy squares.
- Serve at Room Temperature: The chewy texture is best after cooling, not straight from the oven.
How to Store and Reheat
- Room Temperature: Store covered at room temperature for up to 24 hours if your kitchen is cool and dry.
- Fridge: Refrigerate in an airtight container for 3 to 4 days. The texture will firm slightly when chilled.
- Freezer: Freeze individual squares for up to 1 month, wrapped tightly and placed in a freezer-safe bag.
- Reheat: Warm chilled or frozen slices in the microwave for 10 to 20 seconds to soften the chewy center.
- Food Safety: Do not leave the cake out longer than 2 hours if topped with fresh fruit.
- Best Texture: Add mango, pineapple, or whipped cream after reheating so the toppings stay fresh.
Easy Swaps & Add-Ins
- Coconut Sugar: Swap granulated sugar for coconut sugar for a deeper flavor and slightly darker cake.
- Mango Topping: Spoon diced mango over cooled slices for a bright Filipino food dessert feel.
- Pineapple Finish: Add small pineapple pieces on top when serving for a Hawaiian food inspired dessert plate.
- Sesame Crunch: Sprinkle a little toasted sesame with the coconut for a nutty contrast.
- Citrus Note: Add a small amount of lime zest to the batter for a fresher coconut finish.
- Extra Coconut: Fold a few tablespoons of shredded coconut into the batter if you like more texture inside.

What to Serve With Coconut Mochi Cake
- Fresh Mango: Juicy mango adds color and brightness against the sweet chewy coconut cake.
- Pineapple: Pineapple gives the dessert a tropical finish that works well with coconut milk.
- Hot Tea: Green tea or black tea balances the sweetness and makes the cake feel lighter.
- Coffee: A small cup of coffee pairs well with the vanilla and toasted coconut notes.
- Whipped Cream: Lightly sweetened cream adds softness without covering the mochi texture.
- Fruit Salad: A simple fruit salad turns the cake into an easy dessert tray for guests.
FAQs
No. Sweet rice flour creates the chewy mochi texture, while regular flour makes a completely different cake.
No. Sweet rice flour is made from glutinous rice and gives mochi cake its sticky, stretchy bite.
Yes. Bake it a day ahead, cool completely, cover tightly, and slice before serving for the neatest pieces.
Dense cake usually comes from underbaking, poorly mixed batter, or using flour that is not sweet rice flour.
Room temperature is best. Chilled slices are firmer, while lightly warmed slices become softer and chewier.
Serve juicy fruit on top instead. Mixing it into the batter can add moisture and change the cake texture.

Coconut Mochi Cake
Equipment
- 8-inch square baking pan
- Mixing bowls
- Whisk
- Parchment paper
- Measuring cups and spoons
Ingredients
- 2 cups sweet rice flour such as Mochiko
- 1 cup full-fat coconut milk well shaken
- 1 cup granulated sugar or coconut sugar
- 1 tablespoon baking powder
- 2 large eggs
- 1 teaspoon pure vanilla extract
- 1 teaspoon salt
- 1 cup shredded coconut toasted if desired
- 1 cup fresh mango or pineapple diced for serving
Instructions
- Preheat the oven to 350°F and line a greased 8-inch square pan with parchment paper.
- Whisk sweet rice flour, sugar, baking powder, and salt in a large bowl until evenly combined.
- Whisk coconut milk, eggs, and vanilla in a separate bowl until smooth.
- Pour the wet ingredients into the dry ingredients and whisk until the batter is thick, smooth, and lump-free.
- Spread the batter in the prepared pan and sprinkle toasted shredded coconut over the top if using.
- Bake for 40 to 45 minutes, until the top is lightly golden and the center springs back gently.
- Cool completely in the pan before lifting out and slicing with a lightly oiled knife.
