If you have a soft spot for chewy desserts with a tropical twist, you are going to love this Coconut Mochi Cake Recipe. This cake brings together the unique, springy texture of mochi with the rich, creamy aroma of coconut milk, creating a treat that’s both comforting and slightly exotic. Every bite offers a delightful balance of sweetness and subtle coconut flavor that simply melts in your mouth. Whether you’re new to mochi or a seasoned fan, this recipe is a fantastic way to enjoy a classic favorite with ease and indulgence.

Ingredients You’ll Need
The beauty of this Coconut Mochi Cake Recipe is in its simplicity and the thoughtful harmony of ingredients. Each component plays a crucial role, whether in giving the cake its signature chewy texture, its subtle sweetness, or that irresistible coconut richness.
- Sweet rice flour (mochiko): The star for that perfectly chewy, mochi-inspired texture that makes this cake so unique.
- Full-fat coconut milk: Adds a creamy, tropical richness that infuses every bite with coconut goodness.
- Granulated sugar: Balances the flavors with just the right amount of sweetness.
- Baking powder: Ensures the cake is light enough while maintaining the perfect chewiness.
- Large eggs: Bind everything together and give structure to the batter.
- Vanilla extract: Enhances the sweetness and complements the coconut flavor beautifully.
- Salt: A small pinch to elevate all the flavors and keep the sweetness in check.
- Shredded coconut (optional): Adds texture and an extra burst of coconut flavor if you like a bit more chewiness and visual appeal.
- Melted butter: (implied in steps) Adds richness and helps give the cake a tender crumb.
How to Make Coconut Mochi Cake Recipe
Step 1: Prepare Your Oven and Pan
Start by preheating your oven to 350°F (175°C). While the oven is heating, grease an 8-inch square baking dish carefully. This simple prep ensures your Coconut Mochi Cake will bake evenly and come out effortlessly when it’s time to serve.
Step 2: Mix Dry Ingredients
In a medium bowl, whisk together the mochiko (sweet rice flour), sugar, baking powder, and salt. Stirring these early helps with an even distribution of leavening and sweetness throughout the cake, giving you a balanced flavor and texture in every bite.
Step 3: Whisk Wet Ingredients
In another bowl, beat the eggs. Then add the full-fat coconut milk, vanilla extract, and melted butter, whisking until the mixture is smooth and well combined. This creates a silky base that binds the cake and infuses it with rich, tropical flavor.
Step 4: Combine Wet and Dry Mixtures
Gradually pour the dry ingredient mixture into the wet ingredients, stirring gently just until everything is combined. Be careful not to overmix; you want a smooth batter without ruining that tender texture. If you’re adding shredded coconut, fold it in now to evenly distribute that lovely chewy texture.
Step 5: Bake to Perfection
Pour your batter into the greased baking dish, smoothing the top with a spatula. Place it in the oven and bake for 35 to 40 minutes, until the cake turns golden brown and a toothpick inserted in the center comes out clean. This step is crucial to achieve the perfect balance between a cooked-through center and a springy mochi texture.
Step 6: Cool and Slice
Once baked, allow the cake to cool in the pan for about 10 minutes. This cooling process helps the cake set up so it doesn’t fall apart when you slice it into delicious squares. Afterward, serve warm or at room temperature for the best experience.
How to Serve Coconut Mochi Cake Recipe

Garnishes
Adding a thoughtful garnish can elevate your Coconut Mochi Cake Recipe from delicious to simply unforgettable. Try sprinkling toasted shredded coconut on top for a toasty crunch. Fresh berries or a drizzle of coconut cream can also add a refreshing touch that contrasts beautifully with the chewy texture.
Side Dishes
This mochi cake pairs wonderfully with light accompaniments. A scoop of vanilla ice cream or a dollop of whipped cream complements the cake’s richness, making the experience feel decadent yet balanced. For a refreshing contrast, serve it alongside a tropical fruit salad featuring mango, pineapple, and kiwi.
Creative Ways to Present
You can serve this Coconut Mochi Cake Recipe in adorable bite-sized squares at parties or slice it into larger pieces for a cozy tea-time treat. For a fun twist, layer it with fruit preserves or sweetened coconut cream in parfait glasses. These creative ideas not only look stunning but also bring out new flavor combinations that wow your guests.
Make Ahead and Storage
Storing Leftovers
If you find yourself with leftovers (which can happen if you don’t eat it all immediately, but honestly who would resist?), store the Coconut Mochi Cake in an airtight container at room temperature for up to 2 days. For longer storage, keep it refrigerated. Just bring it back to room temperature before serving for the best texture.
Freezing
This cake freezes beautifully! To freeze, wrap individual squares tightly in plastic wrap and place them in a sealed freezer bag or container. They can last up to 2 months in the freezer without losing their delightful chewiness. When you’re ready, thaw them overnight in the fridge.
Reheating
For a fresh-out-of-the-oven feel, warm your slices gently in the microwave for about 20 seconds or in a preheated oven at 300°F (150°C) for 5 to 7 minutes. This softens the cake while bringing back that chewy texture, making every bite as satisfying as the first.
FAQs
Can I use regular rice flour instead of sweet rice flour for this Coconut Mochi Cake Recipe?
Regular rice flour won’t give you the chewy texture that mochiko (sweet rice flour) provides. To get the authentic mochi cake consistency, it’s best to stick with sweet rice flour.
Is shredded coconut necessary for the recipe?
No, shredded coconut is optional. It adds extra texture and flavor, but the cake is delicious even without it.
Can I substitute coconut milk with regular milk?
Substituting coconut milk changes the flavor significantly and the cake won’t have that distinctive coconut richness. For the best results and flavor, use full-fat coconut milk.
How do I know when the cake is done baking?
The cake is done when the edges turn golden brown and a toothpick inserted into the center comes out mostly clean. A few moist crumbs are okay, but there should be no wet batter.
Can I make this cake dairy-free?
Yes! Use a dairy-free butter substitute for melting, and this Coconut Mochi Cake Recipe will be perfect for those avoiding dairy.
Final Thoughts
This Coconut Mochi Cake Recipe is such a wonderful treat to have in your baking repertoire. It’s an easy, comforting dessert that surprises with every bite, balancing chewy, soft textures with rich coconut flavor. Whether for a casual family dessert or a special occasion, this cake will become your new go-to favorite. I honestly can’t wait for you to try it and savor the magic of mochi combined with tropical coconut.
Print
Coconut Mochi Cake Recipe
- Prep Time: 15 minutes
- Cook Time: 40 minutes
- Total Time: 55 minutes
- Yield: 9 servings
- Category: Dessert
- Method: Baking
- Cuisine: Asian
- Diet: Vegetarian
Description
Coconut Mochi Cake is a delightful, chewy dessert made with sweet rice flour and rich coconut milk, offering a perfect balance of sweetness and tropical flavor. This baked cake features a moist, dense texture with optional shredded coconut for added texture and flavor. Ideal for gatherings or a comforting treat alongside tea or coffee.
Ingredients
Dry Ingredients
- 2 cups sweet rice flour (mochiko)
- 1 cup granulated sugar
- 2 tsp baking powder
- 1/4 tsp salt
Wet Ingredients
- 1 can (13.5 oz) full-fat coconut milk
- 3 large eggs
- 1 tsp vanilla extract
- 1/4 cup melted butter
Optional
- 1 cup shredded coconut
Instructions
- Preheat and prepare pan: Preheat your oven to 350°F (175°C) and grease an 8-inch square baking dish to prevent sticking and ensure easy removal of the cake.
- Mix dry ingredients: In a large bowl, combine the sweet rice flour, granulated sugar, baking powder, and salt, ensuring even distribution of leavening and flavoring agents.
- Whisk wet ingredients: In a separate bowl, whisk together the eggs, full-fat coconut milk, vanilla extract, and melted butter until the mixture is smooth and well combined.
- Combine mixtures: Gradually add the dry ingredients into the wet mixture, stirring gently until just combined to avoid overmixing, which can affect the cake’s texture. If desired, fold in the shredded coconut to incorporate extra texture and flavor.
- Bake the cake: Pour the batter into the prepared baking dish, smoothing the top. Bake in the preheated oven for 35 to 40 minutes, or until the cake turns golden brown and a toothpick inserted in the center comes out clean.
- Cool and serve: Allow the cake to cool in the pan for about 10 minutes to set properly before slicing into squares and serving.
Notes
- The shredded coconut is optional but adds a lovely texture and enhances coconut flavor.
- Do not overmix the batter to maintain the cake’s chewy texture.
- Use full-fat coconut milk for the best richness and moistness.
- Store leftovers covered at room temperature for up to 2 days or refrigerate for up to 5 days.
- Reheat slices gently to restore softness if refrigerated.

