Moist Mango Upside Down Cake

Mangoes aren’t just delicious—they bring a tropical twist to any dessert! This Moist Mango Upside Down Cake is a perfect combination of sweet, juicy mangoes and tender, buttery cake, topped with a luscious coconut cream that feels like a little slice of paradise. It’s perfect for summer gatherings, birthday celebrations, or even a simple weekend treat. The golden caramelized topping pairs beautifully with the soft, mango-infused sponge, making every bite a burst of flavor. If you’re looking for a show-stopping dessert that’s easier than it looks, this recipe will quickly become a favorite in your baking repertoire.

Why You’ll Love This Recipe

  • Tropical Flavor Explosion: Fresh mangoes combined with mango puree make every bite sweet, juicy, and aromatic.
  • Moist, Fluffy Cake: The perfect balance of brown sugar, butter, and eggs ensures a soft and tender texture.
  • Elegant Presentation: The golden upside-down caramelized topping makes it look like it came from a bakery.
  • Coconut Cream Twist: A lightly sweetened coconut cream topping adds a creamy finish that complements the mango perfectly.
  • Easy to Customize: Substitute mangoes with peaches, pineapples, or even mixed tropical fruits for a different twist.
  • Great for Gatherings: Serve as a dessert, brunch treat, or even as a tropical afternoon snack that everyone will love.

Ingredients You’ll Need

Tip: You’ll find the full list of ingredients and measurements in the recipe card below.

For the Cake:

  • 2 ripe mangoes, peeled and sliced
  • ½ cup unsalted butter (or margarine for dairy-free option)
  • ½ cup brown sugar (light or dark works)
  • ¾ cup granulated sugar
  • 1 cup mango puree (fresh or canned)
  • 3 large eggs, at room temperature
  • 1 teaspoon vanilla extract (or almond extract for a twist)
  • 1½ cups all-purpose flour (can use gluten-free blend)
  • 1 teaspoon baking powder
  • ½ teaspoon baking soda
  • 1 pinch salt

For the Coconut Cream Topping:

  • 1 can coconut milk, chilled
  • 2 tablespoons sugar or honey (or maple/agave syrup for variation)

Let’s Get Started

  1. Prepare the Pan and Mangoes: Preheat your oven to 350°F (175°C). Grease a 9-inch round cake pan with butter and line it with parchment paper. Slice the mangoes evenly and set aside.
  2. Make the Caramel Base: In a small saucepan, melt ½ cup unsalted butter with ½ cup brown sugar over medium heat until smooth and bubbly. Pour the mixture into the prepared cake pan, spreading it evenly. Arrange the mango slices on top of the caramel.
  3. Mix the Cake Batter: In a mixing bowl, whisk together granulated sugar, eggs, and vanilla extract until light and fluffy. Add mango puree and continue whisking until fully incorporated.
  4. Combine Dry Ingredients: In a separate bowl, sift together flour, baking powder, baking soda, and salt. Gradually fold the dry ingredients into the wet mixture until a smooth batter forms.
  5. Bake: Pour the batter over the caramelized mango slices in the cake pan, smoothing the top. Bake for 35–45 minutes or until a toothpick inserted in the center comes out clean. Let the cake cool for 10 minutes.
  6. Prepare Coconut Cream Topping: While the cake cools, open the chilled can of coconut milk. Scoop out the thick cream layer into a bowl, leaving the liquid behind. Whip with 2 tablespoons sugar or honey until light and fluffy.
  7. Invert and Serve: Carefully run a knife along the edges of the cake, place a serving plate over the pan, and flip it to reveal the caramelized mango topping. Dollop or pipe the whipped coconut cream on top before serving.

Moist Mango Upside Down Cake

Servings and Pairing

This cake serves 8–10 generous slices. Pair with a cup of hot tea, fresh mango juice, or a scoop of vanilla ice cream for a decadent dessert experience. For brunch, it goes beautifully with light salads or tropical fruit platters.

Variations

  • Tropical Fruit Mix: Add pineapple chunks or peach slices for a mixed fruit upside-down cake.
  • Nutty Crunch: Sprinkle toasted coconut flakes, chopped pistachios, or almonds over the caramel before baking.
  • Spiced Cake: Add ½ teaspoon cinnamon or a pinch of nutmeg to the batter for a warm, aromatic flavor.
  • Mini Cakes: Use muffin tins for single-serving upside-down mango cakes, perfect for parties.

Storage Tips

  • Room Temperature: Store the cake covered for up to 2 days.
  • Refrigerator: Keep in an airtight container for up to 5 days. Add coconut cream topping just before serving.
  • Freezing: Freeze the cake (without topping) for up to 2 months. Thaw overnight in the fridge before serving.

FAQs

Can I use canned mangoes?

Yes! If fresh mangoes are not available, canned mango slices or puree works well. Make sure they are well-drained to avoid a soggy cake.

How do I make it dairy-free?

Substitute butter with margarine or coconut oil and use a dairy-free milk in the coconut cream.

Can I make it ahead of time?

Absolutely. The cake can be baked a day in advance, and the coconut cream can be whipped fresh before serving.

Why did my caramel burn?

Caramel can burn quickly if cooked over high heat. Keep it on medium and watch carefully while melting the sugar with butter.

Can I double the recipe?

Yes! Use a larger pan and adjust baking time slightly, checking doneness with a toothpick.

Final Thoughts

The Moist Mango Upside Down Cake Magic is a tropical, flavorful dessert that’s both impressive and simple to make. Its sweet, juicy mango topping, tender cake, and creamy coconut finish will leave your taste buds delighted. Perfect for any occasion, this cake proves that tropical desserts can be easy, fun, and incredibly satisfying.

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 Upside Down Cake ١

Moist Mango Upside Down Cake


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Maya Thornwell
  • Total Time: 55 minutes
  • Yield: 8 servings
  • Diet: Vegetarian

Description

Golden caramelized mango slices atop a soft, tender cake, finished with whipped coconut cream for a tropical dessert that’s simple to make yet impressive.


Ingredients

For the Cake:

  • 2 ripe mangoes, peeled and sliced
  • ½ cup unsalted butter (or margarine)
  • ½ cup brown sugar
  • ¾ cup granulated sugar
  • 1 cup mango puree
  • 3 large eggs, room temperature
  • 1 teaspoon vanilla extract
  • 1½ cups all-purpose flour
  • 1 teaspoon baking powder
  • ½ teaspoon baking soda
  • 1 pinch salt

For Coconut Cream Topping:

  • 1 can coconut milk, chilled
  • 2 tablespoons sugar or honey


Instructions

  1. Preheat oven to 350°F (175°C). Grease a 9-inch round pan and line with parchment.
  2. Melt butter and brown sugar; pour into pan. Arrange mango slices over caramel.
  3. Whisk eggs, sugar, vanilla, and mango puree; fold in dry ingredients.
  4. Pour batter over mangoes; bake 35–45 minutes until toothpick comes out clean.
  5. Whip coconut cream with sugar until fluffy.
  6. Cool cake 10 minutes, invert onto a plate, top with coconut cream, and serve.

Notes

  • Use fresh or canned mangoes depending on availability.
  • Chill coconut milk beforehand for best whipping results.
  • Serve immediately for best texture; refrigerate leftovers.
  • Prep Time: 15 minutes
  • Cook Time: 40 minutes

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star