Asian Mango Cake Recipe: Tropical Layers of Sweet and Tangy Bliss

This Asian mango cake recipe delivers tropical layers of sweet, tangy perfection that tastes like sunshine in every bite. 🌴 The secret lies in balancing ripe mango purée with a light, fluffy batter—inspired by Southeast Asian desserts where fruit takes center stage.

I've perfected the texture to be moist yet tender, with just enough structure to hold its shape, and a subtle citrus note that brightens the sweetness.

The magic happens in the layers: a velvety mango-infused batter sandwiched between a delicate sponge, all baked to golden perfection. What sets this apart is the aromatic touch of pandan extract, which adds that signature floral note you find in many Asian desserts.

The cake stays fresh for days, making it ideal for gatherings or treating yourself when mango season hits.

By the time you slice into this cake, you'll discover a harmonious balance of flavors—creamy mango filling that's not too sweet, a tender crumb that's neither dense nor dry, and a finish that's subtly tropical.

The presentation is just as important: dusted with powdered sugar and garnished with toasted coconut flakes or lime zest, it looks as good as it tastes.

Whether you're recreating a Filipino mango cake or a Thai-inspired version, this recipe captures the essence of tropical desserts with a modern twist. Let's bake this masterpiece that'll have everyone asking for seconds.

Ingredients for asian mango cake

Tropical mango purée meets delicate sponge layers—just eight ingredients for sunshine in every bite.

The mangoes are everything here. Ripe but not mushy—think just slightly soft when squeezed. Asian markets often have the sweetest varieties, but any ripe mango works. I usually grab Atkinson or Tommy Atkins from the grocery store, but Filipino markets carry perfect ones year-round. Purée them smooth—no chunks—and save a little extra for garnish if you're feeling fancy. The pandan extract? Trader Joe's sells it, or look for it in the baking aisle of Asian grocery stores. It's what gives that signature floral note to Asian desserts.

No pandan extract? Vanilla bean paste or a drop of rose water can mimic that floral touch. Running short on mango? Substitute with papaya purée—it's close in texture and sweetness. The butter needs to be room temperature—microwave it for 40 seconds if it's cold. European-style unsalted butter like Plugrá or Land O'Lakes works best. For the coconut flakes, toast them in a dry pan for 2-3 minutes until golden—no butter needed. The lime zest adds that bright citrus finish that cuts through the sweetness, so don't skip it if you've got fresh limes on hand.

This cake keeps beautifully for 4-5 days in the fridge, wrapped tightly in plastic. The layers stay moist, but the texture is best within 2 days. For longer storage, freeze the whole cake (unfrosted) for up to 3 months. Just thaw at room temperature before serving. I like to slice it into individual portions and store them in airtight containers—perfect for grab-and-go treats. The powdered sugar garnish is optional but adds that final touch. Keep it in a sealed container away from moisture to prevent clumping.

Step-by-step instructions for Asian mango cake

Here's how to create layers of tropical sweetness with this vibrant cake.

Peel and pit the 2 cups ripe mangoes, then blend until completely smooth with no visible chunks. I like to strain through a fine-mesh sieve for an ultra-silky texture—this prevents any gritty bits in your cake. Set the puree aside in a bowl.

In a separate bowl, whisk together the 2 cups all-purpose flour, 1 tbsp baking powder, and 0.5 tsp salt. Sift the mixture through a fine-mesh sieve directly into another bowl to remove any lumps. This ensures a light, airy texture rather than dense layers. Keep this dry mix ready for the next step.

In a stand mixer fitted with the paddle attachment, beat the 1 cup unsalted butter (at room temperature) and 1.5 cups granulated sugar 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 crumb.

Add the 4 whole large eggs, one at a time, mixing on low speed for 30 seconds after each addition. Then stir in the 1 tsp vanilla extract and 0.5 tsp pandan extract until just combined. The pandan adds that floral, slightly nutty aroma that makes this cake uniquely Asian-inspired. Here's the thing—don't overmix after adding the eggs or you'll develop gluten and end up with a tough cake.

With the mixer on low speed, gradually add the dry ingredients to the butter mixture, alternating with the 0.5 cup milk. Start and end with the dry ingredients to ensure even distribution. Mix just until combined—you should still see some flour streaks. This prevents overdevelopment of gluten, which keeps the cake tender.

Gently fold in the 2 cups mango puree using a silicone spatula. The batter will be thick and vibrant orange. Here's where it gets fun—taste a spoonful. If it needs more sweetness, add 1-2 tablespoons more granulated sugar (though the recipe should be perfectly balanced). Fold in the 1 tbsp lime zest for that bright citrus note that cuts through the sweetness.

Preheat your oven to 350°F and grease an 8-inch round cake pan (or line with parchment paper). Pour the batter into the prepared pan and smooth the top. Bake for 35-40 minutes until a toothpick inserted in the center comes out clean and the edges are golden brown. The cake should spring back slightly when pressed gently in the center.

I know it seems like too much time, but trust me—this ensures the cake bakes through completely without a gummy center. If the top browns too quickly, tent loosely with aluminum foil after 20 minutes to prevent over-browning while still allowing steam to escape.

Let the cake cool in the pan for 15 minutes, then transfer to a wire rack to cool completely. While it cools, prepare the powdered sugar glaze by whisking together the 0.5 cup powdered sugar with 2-3 tablespoons milk (start with 2, add more as needed) until smooth. You want a thick but pourable consistency—like heavy cream.

Once completely cool, spread the glaze evenly over the top of the cake. Immediately sprinkle with the 0.25 cup toasted coconut flakes while the glaze is still wet so they adhere. Let the cake sit for 10 minutes to set before slicing. The contrast of creamy mango, floral pandan, and toasty coconut makes every bite unforgettable.

Dietary considerations for this recipe

Gluten-Free Adaptation

Swap the 2 cups all-purpose flour for a 1:1 gluten-free baking flour blend like Bob's Red Mill or King Arthur. These blends include xanthan gum, which mimics gluten's structure for a tender crumb. For extra moisture, add 1 extra tablespoon of milk to compensate for the drier texture.

I've tested this version and found it stays just as light when baked at 350°F for 40-45 minutes—just check for doneness with a toothpick. 🌱

Dairy-Free Options

Replace the 1 cup unsalted butter with 1 cup dairy-free butter (like Miyoko's or Earth Balance) or 1 cup coconut oil (refrigerated until solid). For the 0.5 cup milk, use coconut milk or almond milk—both work well, though coconut milk adds a subtle sweetness that complements the mango.

The texture remains moist, but the cake may have a slightly denser crumb. Adjust baking time to 38-42 minutes if using coconut oil, as it can slow heat transfer. 🥥

Lower Sugar Version

Reduce the 1.5 cups granulated sugar to 1 cup and replace the 0.5 cup powdered sugar glaze with a 1:1 sugar substitute blend (like Lakanto or monk fruit sweetener). The mango's natural sweetness shines through, but the texture stays tender.

For extra flavor, add 1 extra teaspoon of lime zest to brighten the reduced sugar. I've found this version works best when baked at 350°F for 35 minutes—the lower sugar content means it browns slightly faster. 🍋

Vegan-Friendly Swaps

For a vegan version, replace the 4 eggs with 4 tablespoons ground flaxseed mixed with 12 tablespoons water (let sit for 5 minutes to thicken). Use dairy-free butter (as above) and coconut milk for the 0.5 cup milk.

The pandan extract remains vegan-friendly, but check labels for hidden animal products. The texture holds up well, though the cake may be slightly denser. Bake at 350°F for 40-45 minutes and let it cool completely before slicing to prevent crumbling. 🌿

Nut-Free Considerations

The original recipe is naturally nut-free, but if you're avoiding coconut, skip the toasted coconut flakes garnish. Instead, try crushed pineapple (drained well) or extra lime zest for a citrusy finish. The cake's flavor remains vibrant—it's the mango and pandan that steal the show.

For extra crunch, toast pumpkin seeds lightly and sprinkle them on top. Always check your flour blend and extracts for cross-contamination if allergies are a concern. 💛

Frequently asked questions