Asian Coconut Cake Recipe: Tropical Layers With Silky Moisture

Desserts

Asian Coconut Cake Recipe: Tropical Layers With Silky Moisture

This Asian coconut cake recipe delivers layers of tropical sweetness with a silky, moist crumb that stays fresh for days. 🌺 The secret lies in a blend of coconut milk and evaporated milk, which keeps the texture tender and rich without drying out. I've perfected this version after testing countless combinations—it's the one that finally earned rave reviews from even the most skeptical cake lovers.

The cake features a delicate vanilla-infused sponge layered with creamy coconut cream filling, all wrapped in a buttery coconut crust that adds a satisfying crunch. What makes this recipe special is the balance of flavors: the natural sweetness of coconut pairs beautifully with the subtle warmth of pandan extract, creating a signature taste that feels both nostalgic and fresh. The layers are light yet substantial, ensuring every bite is a perfect harmony of textures.

Baking at 350°F for just 30-35 minutes ensures a golden top without overcooking the moist interior. The cake is best served slightly warm with a cup of pandan coffee or coconut milk tea, which complements its tropical notes beautifully. Whether you're celebrating a special occasion or simply craving a slice of paradise, this recipe delivers restaurant-quality results at home.

For those who love customization, you can adjust the coconut flavor intensity by adding more extract or swapping in ube (purple yam) for a vibrant twist. The recipe also works well as a no-bake option if you prefer a chilled dessert. Let's get started on creating your own tropical masterpiece!

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for asian coconut cake

These tropical ingredients create a cake so moist it stays fresh for days.

Ingredient Amount Notes
All-Purpose Flour 🌾 2 ½ cups Sifted for light texture
Granulated Sugar 🍚 2 cups White or light brown
Unsalted Butter 🧈 1 ½ cups Room temperature, cubed
Coconut Milk (Full-Fat) 🥥 13 ½ oz Canned, refrigerated overnight
Evaporated Milk 🥛 1 cup Unsweetened, full-fat
Large Eggs 🥚 4 whole Room temperature, separated
Pandan Extract 🌿 ½ tsp Pure, not imitation
Vanilla Extract 🍃 1 tbsp Pure, high-quality
Baking Powder 🍞 2 tsp Aluminum-free preferred
Salt 🧂 ½ tsp Fine sea salt
Shredded Coconut 🥥 2 cups Sweetened, unsweetened
Condensed Milk 🥛 14 oz Canned, full-fat
Powdered Sugar 🍚 2 cups For dusting
Unsweetened Coconut Flakes 🥥 1 cup Toasted for crust

The coconut milk is non-negotiable—full-fat canned gives that signature richness. Thai Kitchen or Goya brands work perfectly, but any canned coconut milk will do if it's full-fat. Keep the can refrigerated overnight before opening to separate the cream (use that for the filling!). The evaporated milk is key too—Carnation is the brand I always reach for, but any full-fat evaporated milk works. For the shredded coconut, unsweetened is better for the crust—sweetened goes in the filling. Toast it lightly in a dry pan until golden for that perfect crunch.

No pandan extract? Vanilla bean paste at double the amount adds depth, though you'll lose that signature floral note. Short on condensed milk? Mix equal parts powdered sugar and evaporated milk—it's not identical, but close. The baking powder must be fresh—test it with vinegar (drop a pinch in vinegar; if it bubbles, it's good). For a no-bake option, skip the eggs and use 1/4 cup cornstarch mixed with 1/4 cup water as a thickener for the filling. The cake layers beautifully without eggs too, though texture will differ slightly.

Store the cake in an airtight container with parchment between layers for up to 5 days. For longer storage, freeze the assembled cake (unfrosted) for 3 months. Let it thaw at room temperature before serving. The coconut crust stays crisp for about 2 days if kept sealed—reheat slices in the oven for 5 minutes to restore crunch. I always make a double batch—this cake is the kind of dessert that disappears fast, and leftovers taste even better the next day.

❤️

Why You'll Love This Recipe

  • No Mixer Needed: I swear by this recipe when my hands are full—just whisk the dry ingredients in a bowl, fold in the coconut milk and melted butter, and pour. That’s it. No electric gadgets, no stress, just a cake that comes together faster than takeout.
  • Tropical Comfort in Every Bite: The moment that rich coconut milk folds into the batter, you know you’re in for something special. It’s not just sweet—there’s this subtle, velvety depth from the evaporated milk that makes it taste like a hug from a bakery in Bali. Honestly, the first slice disappears faster than I can say “second helping.”
  • Weeknight or Celebration: Between us, this cake is my go-to for lazy Sundays and birthday parties. The same simple batter works for a single slice or a full sheet pan—just adjust the pan size. Pro tip: Brush the top with a little extra coconut milk before baking for that golden, crackly crust. (Yes, even on a Tuesday night.)
  • Leftovers That Won’t Let You Down: I’ve had this cake last me four days, and it only gets better. The texture stays moist, the coconut flavor deepens slightly, and the buttercream (if you add it) stays luscious. Plus, it’s budget-friendly—full-fat coconut milk and evaporated milk stretch the recipe without sacrificing richness. My wallet and my taste buds thank me.

Step-by-step instructions for Asian coconut cake

Here's how to create a tropical masterpiece with layers of silky moisture and perfect texture.

1

👨‍🍳 Step 1: Prepare the Coconut Milk Base

First, open the 13.5 oz canned coconut milk (full-fat) and refrigerate it overnight. This chilling process separates the thick cream from the watery part—we only need the thick cream. Scoop out about 1 cup of the thick coconut cream (discard the watery part) and set it aside.

In a mixing bowl, combine the 1 cup coconut cream with the 14 oz condensed milk and 1 cup evaporated milk. Whisk until completely smooth—this forms the rich, creamy foundation of our cake. The condensed milk adds natural sweetness while the evaporated milk creates that signature tender crumb. Here's the thing—don't skip this blending step. Any lumps will translate to a grainy texture in your final cake.

2

👨‍🍳 Step 2: Cream Butter and Sugars

In a separate large mixing bowl, beat the 1.5 cups unsalted butter (room temperature) and 2 cups granulated sugar together using an electric mixer on medium speed for 3-4 minutes. You're looking for a light, fluffy mixture that nearly doubles in volume and becomes pale in color. This creaming process incorporates air, which creates that signature tender texture in Asian coconut cakes.

I like to scrape down the sides of the bowl every 30 seconds to ensure everything gets properly incorporated. The butter should be completely smooth with no visible graininess. Add the 4 whole large eggs (room temperature) one at a time, mixing well after each addition. Then stir in the 0.5 tsp pandan extract and 1 tbsp vanilla extract. The pandan gives that authentic tropical aroma while the vanilla adds depth of flavor.

3

🥘 Step 3: Combine Wet and Dry Ingredients

In a separate bowl, sift together the 2.5 cups all-purpose flour, 2 tsp baking powder, and 0.5 tsp salt. This sifting step is crucial—it prevents dense pockets in your cake. Gradually add the dry ingredients to your wet mixture, mixing on low speed just until combined. Be careful not to overmix—you should still see some flour streaks.

Now gently fold in the 2 cups shredded coconut and 1 cup unsweetened coconut flakes using a spatula. The shredded coconut adds texture while the toasted flakes create that beautiful golden crust. Here's where it gets fun—fold in the coconut milk mixture from Step 1. The batter will be thick but should hold its shape when dropped from a spoon. If it's too thick, add 1-2 tablespoons of evaporated milk to reach the perfect consistency.

4

🍳 Step 4: Bake in Layers for Perfect Texture

Preheat your oven to 350°F. Grease two 8-inch round cake pans and line the bottoms with parchment paper. Divide the batter evenly between the pans. For extra moisture, I like to place a small piece of aluminum foil in the center of each pan—this creates a well that prevents the cake from rising too much in the middle.

Bake for 35-40 minutes or until a toothpick inserted into the center comes out clean. The edges should be golden brown while the top might have a slightly domed appearance. Here's the moment that matters: when you open the oven, you'll see that beautiful golden crust with a slightly cracked top—that's your sign of success. Let the cakes cool in the pans for 10 minutes before transferring to a wire rack to cool completely.

5

🍽️ Step 5: Assemble and Dust with Powdered Sugar

Once completely cooled, level the tops of your cakes if needed. Place one cake layer on a serving plate and spread a thin layer of the remaining coconut milk mixture (about 2 tablespoons) over the top. This creates that signature moist layer between cakes. Dust the top with ½ cup powdered sugar, then add the second cake layer.

For the final touch, spread another thin layer of coconut milk mixture over the top cake and dust generously with the remaining 1½ cups powdered sugar. The powdered sugar not only adds sweetness but creates that beautiful snowy finish. Let the cake sit for 10 minutes before serving to allow the powdered sugar to settle. Each slice should reveal that perfect balance of moist crumb, sweet coconut filling, and delicate texture.

👨‍🍳

Pro Tips For Making Asian Coconut Cake

  • STEAM THE CAKE: This isn’t a regular bake—your Asian coconut cake thrives on steam. After pouring the batter into your pan, pop it in the oven, then immediately pour a cup of boiling water into a heatproof dish on the lower rack. The steam keeps the texture moist and prevents a dry top, especially with all that coconut milk.
  • WHISK THE COCONUT MILK: Don’t just dump the coconut milk straight into the batter. Whisk it vigorously first—it separates like crazy, and you’ll end up with a curdled mess if you skip this. A quick 30-second whisk with a fork makes all the difference.
  • DON’T OVERMIX THE BATTER: I learned this the hard way—overmixing turns your cake dense and tough. Mix the dry ingredients first, then fold in the wet ingredients just until combined. A few lumps? Doesn’t matter. Overworking it does.
  • CHILL THE BATTER: This isn’t the prettiest method, but it’s the tastiest. After mixing, let the batter sit for 10-15 minutes at room temperature. The flour absorbs the coconut milk better, and the texture becomes lighter. (Yes, even if you’re impatient like me.)

Pro cooking tips for this recipe

Creaming Perfection

For that signature light, fluffy texture, cream your 1.5 cups unsalted butter and 2 cups granulated sugar for a full 3-4 minutes until pale and airy. Use a stand mixer with the paddle attachment—I prefer KitchenAid for this step. Scrape the bowl every 30 seconds to prevent butter buildup on the sides. Room-temperature butter is critical; if it's too cold, the mixture won't emulsify properly, leading to a dense cake. 🔥

Pandan Substitutes

Can't find pandan extract? Vanilla bean paste works in a pinch—use 1 tsp instead of the 0.5 tsp pandan, but expect a less floral aroma. For a stronger tropical flavor, blend 1 tbsp toasted coconut flakes into the dry ingredients. I've also had success with 1 tsp lemongrass paste (found in Asian markets) for a citrusy twist. The key is balancing the coconut's sweetness with another aromatic element.

Baking Time Secrets

Your oven's hot spots matter—rotate pans halfway through baking for even cooking. For a foolproof test, insert a toothpick at 35 minutes. If it comes out with a few moist crumbs but no wet batter, it's ready. Overbaking dries out the cake; if in doubt, pull it out slightly underdone. The residual heat will finish cooking it as it cools. I always bake mine on the middle rack for consistent heat distribution.

Layering Like a Pro

Spread your coconut filling evenly—about 2 tablespoons per layer—to create that signature moist barrier. Use a bench scraper for clean edges. For extra flair, pipe the filling in decorative swirls using a star tip. Chill the assembled cake for 1 hour before slicing to maintain clean layers. This also helps the powdered sugar adhere better for that professional finish.

Texture Troubleshooting

If your cake turns out dense, you likely overmixed the batter. For next time, fold the dry ingredients just until combined—think "lumpy" is okay. Too dry? The coconut milk mixture might not have been smooth enough. Blend it with an immersion blender for 10 seconds to eliminate any lumps. For a no-bake version, replace eggs with 1/4 cup cornstarch mixed with 1/4 cup water—it thickens beautifully while maintaining moisture.

Crust Perfection

Toast your 1 cup unsweetened coconut flakes in a dry skillet over medium heat for 3-4 minutes**, stirring constantly, until golden brown. This adds that essential crunch to the crust. For extra richness, mix 1 tbsp melted butter into the toasted flakes before folding into the batter. The contrast between the soft cake and crispy crust is what makes this dessert unforgettable. ✨

Nutrition facts

Servings 8
Amount Per Serving
Calories 580kcal
% Daily Value *
Total Fat 36g46%
Saturated Fat 27g135%
Cholesterol 135mg45%
Sodium 390mg17%
Total Carbohydrate 68g25%
Dietary Fiber 2g8%
Sugars 58g
Protein 7g14%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I make this cake without pandan extract?

While pandan gives that signature floral aroma, you can substitute with 1 tsp vanilla bean paste or 1 tbsp toasted coconut flakes mixed into the dry ingredients. For a citrusy twist, try 1 tsp lemongrass paste (found in Asian markets). The key is balancing coconut's sweetness with another aromatic element to keep the tropical vibe.

2

How do I store leftovers to keep them fresh?

Store the cake in an airtight container with parchment between layers for up to 5 days. For longer storage, freeze the unfrosted cake for 3 months. Let it thaw at room temperature before serving. The coconut crust stays crisp for about 2 days if sealed—reheat slices in the oven for 5 minutes to restore crunch.

3

Why did my cake turn out dense instead of moist?

Overmixing the batter is the most common cause. Fold the dry ingredients just until combined—think "lumpy" is okay. Also check your coconut milk mixture: any lumps will create a grainy texture. For a no-bake version, replace eggs with 1/4 cup cornstarch mixed with 1/4 cup water to maintain moisture.

4

What's the best way to serve this cake?

Serve slightly warm with pandan coffee or coconut milk tea to enhance the tropical flavors. For extra presentation, dust with extra powdered sugar and garnish with toasted coconut flakes. The cake pairs beautifully with fresh mango slices or a scoop of coconut ice cream for a complete dessert experience.

5

Can I use this recipe for a no-bake version?

Yes! Omit the eggs and replace them with 1/4 cup cornstarch mixed with 1/4 cup water to thicken the filling. Chill the assembled cake for 4 hours or overnight before serving. While the texture will differ slightly, it still delivers that signature coconut flavor without requiring baking. Perfect for hot climates!

★★★★★4.7(2 reviews)
Categories Desserts