Moist Mango Layer Cake: A Tropical, Irresistibly Soft Dessert

If you’re craving a fruity dessert that’s light, vibrant, and full of tropical flavor, Moist Mango Layer Cake is the perfect choice. With its tender mango-infused sponge, creamy frosting, and fresh mango filling, this cake delivers sunshine in every bite.

Perfect for birthdays, summer parties, special occasions, or simply satisfying a mango craving, this layered cake combines sweetness, freshness, and elegance into one show-stopping dessert.

In this complete guide, you’ll learn how to make a perfectly moist mango layer cake, including step-by-step instructions, frosting options, baking tips, storage advice, and creative variations.


Why You’ll Love This Moist Mango Layer Cake

This cake stands out because it is:

  • ✅ Incredibly soft and moist
  • ✅ Naturally fruity and flavorful
  • ✅ Perfect for celebrations
  • ✅ Visually stunning when sliced
  • ✅ Customizable with different frostings

The natural sweetness and aroma of ripe mangoes make this cake both refreshing and indulgent.


What Makes a Mango Cake Moist?

The secret to a moist mango layer cake lies in:

  • Using fresh or high-quality mango puree
  • Incorporating oil or butter for tenderness
  • Avoiding overbaking
  • Adding yogurt or sour cream for extra moisture

Mango puree not only adds flavor but also contributes natural moisture and a beautiful golden color.


Ingredients for Moist Mango Layer Cake

For the Mango Cake Layers:

  • 2 ½ cups all-purpose flour
  • 1 cup granulated sugar
  • ½ cup vegetable oil (or melted butter)
  • 1 cup mango puree (fresh or canned)
  • ½ cup milk
  • 3 large eggs
  • 1 teaspoon vanilla extract
  • 2 teaspoons baking powder
  • ½ teaspoon baking soda
  • ½ teaspoon salt

  • 1 cup diced fresh mango
  • 2 tablespoons sugar
  • 1 teaspoon lemon juice

For the Frosting (Choose One):

Mango Buttercream

  • 1 cup unsalted butter (softened)
  • 3 cups powdered sugar
  • 3–4 tablespoons mango puree

OR

Whipped Cream Frosting (Light Option)

  • 1 ½ cups heavy cream
  • ¼ cup powdered sugar
  • 2 tablespoons mango puree

Step-by-Step Instructions

Step 1: Prepare the Cake Pans

Preheat oven to 350°F (175°C).
Grease and line two 8-inch round cake pans with parchment paper.


Step 2: Mix Dry Ingredients

In a bowl, whisk together:

  • Flour
  • Baking powder
  • Baking soda
  • Salt

Set aside.


Step 3: Mix Wet Ingredients

In a separate large bowl:

  1. Beat sugar and oil until combined.
  2. Add eggs one at a time, mixing well.
  3. Stir in mango puree, milk, and vanilla extract.

Mix until smooth.


Step 4: Combine Wet and Dry

Gradually fold dry ingredients into wet mixture.

Do not overmix — stir just until combined to keep the cake tender.


Step 5: Bake

Divide batter evenly between pans.

Bake for 25–30 minutes, or until a toothpick inserted in the center comes out clean.

Let cakes cool in pans for 10 minutes, then transfer to a wire rack to cool completely.


Preparing the Mango Filling

In a small saucepan:

  1. Combine diced mango, sugar, and lemon juice.
  2. Cook over medium heat for 5–7 minutes until slightly thickened.
  3. Cool completely before using.

This step intensifies mango flavor and prevents excess moisture from soaking the cake.


Making the Frosting

For Mango Buttercream:

  1. Beat softened butter until creamy.
  2. Gradually add powdered sugar.
  3. Mix in mango puree until smooth and fluffy.

For Whipped Cream Frosting:

  1. Beat cold heavy cream until soft peaks form.
  2. Add powdered sugar and mango puree.
  3. Beat until stiff peaks form.

Chill until ready to use.


Assembling the Mango Layer Cake

  1. Level cake layers if needed.
  2. Place first layer on serving plate.
  3. Spread frosting evenly.
  4. Add mango filling in the center (optional).
  5. Place second layer on top.
  6. Frost the top and sides smoothly.

Decorate with fresh mango slices, whipped cream swirls, or mint leaves.


Expert Tips for Perfect Results

Use Ripe Mangoes

Choose sweet, fragrant mangoes for best flavor.

Don’t Overbake

Overbaking dries out the cake. Check at the 25-minute mark.

Chill Before Slicing

Refrigerate for 30 minutes after frosting for clean slices.

Strain Mango Puree

Remove fibers for a smoother batter and frosting.


Best Mango Varieties for Baking

  • Ataulfo (Honey mango) – Sweet and creamy
  • Kent – Juicy and low fiber
  • Alphonso – Rich, aromatic flavor

Avoid overly fibrous mangoes for smooth texture.


Delicious Variations

Mango Coconut Layer Cake

Add shredded coconut to the batter and sprinkle toasted coconut on top.

Mango Passionfruit Cake

Add passionfruit pulp to the filling for tangy contrast.

Mango Cream Cheese Frosting

Blend cream cheese with mango puree for a slightly tangy frosting.

Mango Chocolate Cake

Add white chocolate chips for a sweet twist.

Eggless Mango Cake

Substitute eggs with yogurt or condensed milk.


When to Serve Moist Mango Layer Cake

This tropical cake is ideal for:

  • Summer birthdays
  • Bridal showers
  • Baby showers
  • Graduation parties
  • Holiday celebrations
  • Afternoon tea

Its bright color and refreshing flavor make it especially popular during warm months.


Storage Instructions

Refrigerator:

  • Store in an airtight container.
  • Keeps fresh for 3–4 days.

Freezer:

  • Wrap unfrosted cake layers tightly.
  • Freeze up to 2 months.
  • Thaw overnight before assembling.

If using whipped cream frosting, always refrigerate.


Nutritional Information (Approximate Per Slice)

Based on 12 servings:

  • Calories: 350–450
  • Fat: 18–25g
  • Carbohydrates: 40–55g
  • Sugar: 25–35g
  • Protein: 4–6g

Values vary depending on frosting type.


Common Mistakes to Avoid

Using Unripe Mangoes

This results in bland flavor.

Adding Too Much Puree

Excess liquid can make cake dense.

Overmixing Batter

Leads to tough texture.

Frosting Warm Cake

Always frost after cake is fully cooled.


Mango is one of the most loved fruits worldwide. Its natural sweetness, bright color, and tropical aroma make it perfect for desserts. When transformed into a moist layered cake, it becomes both comforting and refreshing.

The balance between fruity sweetness and creamy frosting creates a dessert that feels indulgent yet light.


Make-Ahead Tips

  • Bake layers one day ahead and wrap tightly.
  • Prepare mango filling in advance.
  • Assemble and frost on serving day for freshest taste.

This makes it ideal for entertaining.


Final Thoughts

Moist Mango Layer Cake is a vibrant, tropical dessert that delivers incredible flavor and softness in every bite. With its tender mango-infused sponge, creamy frosting, and fresh fruit filling, it’s a beautiful centerpiece for any celebration.

Easy to customize and guaranteed to impress, this cake combines elegance with irresistible fruity sweetness. Whether you’re a mango lover or simply looking for a refreshing alternative to traditional cakes, this recipe is a must-try.

If you want a dessert that tastes like sunshine and looks stunning on the table, Moist Mango Layer Cake is the perfect choice.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Moist Mango Layer Cake


  • Author: Rachel Mills

Description

Brighten your dessert table with this Moist Mango Layer Cake 🥭✨ — fluffy mango sponge, light mascarpone whipped cream, and fresh mango slices. Perfect for summer celebrations!

 


Ingredients

– 2 1/2 cups all-purpose flour 🌾

– 2 tsp baking powder 🧂

– 1/2 tsp salt 🧂

– 1 cup unsalted butter, softened 🧈

– 1 1/2 cups granulated sugar 🍚

– 4 large eggs, room temperature 🥚

– 1 tsp vanilla extract 🌼

– 1/2 cup milk, room temperature 🥛

– 1 cup mango puree (about 2 ripe mangoes) 🥭

– 2 ripe mangoes, peeled and sliced for filling/garnish 🥭

– 1 1/2 cups heavy cream, chilled 🥛

– 8 oz (225g) mascarpone cheese, chilled 🧀

– 1/2 cup powdered sugar, sifted 🍚

– Zest of 1 lime (optional) 🍋

– Toasted coconut or mint leaves for garnish (optional) 🥥🌿


Instructions

 

1 Preheat the oven to 350°F (175°C). Grease two 8- or 9-inch round cake pans and line the bottoms with parchment paper.

2 Make the mango puree: peel and chop 2 ripe mangoes and blend until smooth. Measure 1 cup for the batter and reserve extra slices for filling and garnish 🥭.

3 Whisk together the flour, baking powder, and salt in a bowl; set aside 🌾🧂.

4 In a large bowl, cream the softened butter and granulated sugar with an electric mixer until light and fluffy, about 3–4 minutes 🧈🍚.

5 Add the eggs one at a time, beating well after each addition. Mix in the vanilla extract 🌼🥚.

6 With the mixer on low, alternate adding the dry ingredients and the milk+mango puree (combine 1/2 cup milk with 1 cup mango puree) in three additions, beginning and ending with the dry ingredients. Mix until just combined — don’t overmix 🥛🥭.

7 Divide the batter evenly between the prepared pans and smooth the tops. Bake for 25–30 minutes, or until a toothpick inserted into the center comes out clean 🕒.

8 Allow the cakes to cool in the pans for 10 minutes, then turn out onto a wire rack and cool completely before assembling 🌬️.

9 Make the mascarpone whipped cream: chill a mixing bowl, then whip the heavy cream with powdered sugar until soft peaks form. Gently fold in the mascarpone until smooth and spreadable. If you like, fold in 1/4 cup mango puree for extra flavor 🥛🧀🍚.

10 Level the cooled cake layers with a knife if needed. Place the first layer on a serving plate, spread a generous layer of mascarpone cream, and arrange a few fresh mango slices on top 🥭.

11 Stack the second cake layer and cover the top and sides with the remaining mascarpone whipped cream. Decorate with remaining mango slices, lime zest, and toasted coconut or mint if using 🍋🥥🌿.

12 Chill the assembled cake for at least 1 hour to firm up the frosting before slicing. Serve chilled or at cool room temperature. Enjoy! 🎂

Leave a Comment

Recipe rating

Videos