Rich Mango Upside Down Cake

If you ask me, upside down cakes are one of the smartest desserts around.

This tropical twist on the classic pineapple version brings sweet mango slices and a tender butter cake together in one pan. The fruit caramelizes on the bottom while the cake bakes, creating a glossy topping when you flip it over.

It starts with arranging fresh mango slices in a buttery brown sugar mixture, then topping with a simple vanilla cake batter. The whole thing bakes until golden and pulls away from the edges.

It’s a show-stopping dessert that tastes like summer, perfect for when you want something special without too much fuss.

What Kind of Mangoes Should I Use?

For this upside down cake, you’ll want to find mangoes that are firm-ripe – they should give slightly when you press them but not be mushy or overly soft. Tommy Atkins, Kent, or Keitt varieties work well since they hold their shape during baking and won’t turn to mush in the oven. Avoid mangoes that are too hard (they won’t be sweet enough) or too ripe (they’ll fall apart when you flip the cake). When selecting your mangoes at the store, look for ones that smell sweet at the stem end and have smooth, unblemished skin – this usually means they’re at that perfect stage of ripeness for baking.

Options for Substitutions

This tropical cake is pretty forgiving when it comes to swaps, so here are some options if you need to make changes:

• Mangoes: If mangoes aren’t available, try peaches, pineapple rings, or even pears. Just make sure they’re firm enough to hold their shape during baking. Canned fruit works too – just drain it well first.
• Mango juice concentrate: No mango juice? You can use orange juice, pineapple juice, or even regular milk. The cake won’t have that extra mango punch, but it’ll still be delicious.
• Plain yogurt: Sour cream works perfectly as a 1:1 swap, or you can use buttermilk (though you might need to reduce other liquids slightly). Greek yogurt works too, just thin it with a tablespoon of milk.
• Brown sugar: You can use regular granulated sugar for the topping, but you’ll lose some of that caramel-like richness. If you want to keep that depth, add a tablespoon of molasses to white sugar.
• Lemon or lime: Either citrus works fine here – they both help prevent the fruit from browning and add a nice tang. If you’re out of both, a splash of orange juice will do the trick.

Watch Out for These Mistakes While Baking

The biggest mistake when making mango upside down cake is using mangoes that are too ripe, which will turn mushy and release excess moisture that can make your cake soggy – stick with firm-ripe mangoes that give slightly to pressure but still hold their shape when sliced.

Another common error is not letting the brown sugar and butter mixture bubble and caramelize properly in the pan before adding the mangoes, so make sure it’s actively bubbling for at least 2-3 minutes to create that perfect caramel layer.

Don’t skip the lemon or lime juice on the mangoes, as the acid prevents browning and balances the sweetness, and be sure to arrange the mango slices in a single layer without overlapping to ensure even cooking.

Finally, resist the urge to flip the cake immediately after baking – let it cool for exactly 5 minutes before inverting, as this timing prevents the topping from sliding off while still being warm enough to release from the pan.

What to Serve With Mango Upside Down Cake?

This tropical cake is absolutely perfect on its own, but a scoop of vanilla ice cream or some freshly whipped cream takes it to the next level. The cool, creamy texture pairs beautifully with the warm, caramelized mango flavors and makes each bite even more indulgent. If you want to keep the tropical theme going, try serving it with a dollop of coconut whipped cream or even a small scoop of coconut ice cream. For something a little different, a cup of strong coffee or black tea helps balance out the sweetness and makes this cake perfect for an afternoon treat or after-dinner dessert.

Storage Instructions

Keep Fresh: This mango upside down cake stays moist and delicious when covered tightly with plastic wrap or stored in an airtight container at room temperature for up to 3 days. You can also pop it in the fridge for up to a week, though I think it tastes best at room temperature.

Freeze: You can freeze individual slices wrapped in plastic wrap and then placed in a freezer bag for up to 3 months. The whole cake freezes well too – just wrap it tightly in plastic wrap and then aluminum foil before freezing.

Serve: If you’ve stored the cake in the fridge, let it sit at room temperature for about 30 minutes before serving to bring out the best flavor. Frozen slices can be thawed overnight in the fridge or at room temperature for a couple hours.

Estimated Nutrition

Estimated nutrition for the whole recipe (without optional ingredients):

• Calories: 2750-3000
• Protein: 31-37 g
• Fat: 118-130 g
• Carbohydrates: 400-440 g

Ingredients

For the fruit topping:

• 3 to 4 ripe mangoes, peeled
• Juice of 1/2 lemon or 1 lime
• 4 tbsp unsalted butter (1/2 stick)
• 1/2 cup packed light brown sugar

For the cake mixture:

• 1 1/2 cups all-purpose flour
• 1 tsp baking powder
• 1/4 tsp salt
• 1/2 cup unsalted butter, softened (1 stick)
• 3/4 cup white sugar
• 2 large eggs plus 1 egg yolk
• 1 tsp vanilla extract
• 1/3 cup plain yogurt
• 1/2 cup mango juice concentrate, nectar, or thawed mango pulp

Step 1: Prepare the Mango Topping

• 3 to 4 ripe mangoes, peeled
• juice of 1/2 lemon or 1 lime

Slice the ripe mangoes lengthwise and use a spoon to remove the flesh from the halves.

Cut the mango flesh into half-inch slivers and place them into a medium bowl.

Sprinkle the juice of half a lemon or lime over the mango slices to add acidity and keep the color vibrant.

Set aside.

Step 2: Make the Caramel Base and Arrange Mango

• 4 tbsp unsalted butter (1/2 stick)
• 1/2 cup packed light brown sugar
• mango slivers with lemon/lime juice from Step 1

In a small saucepan, melt the unsalted butter over medium heat, then stir in the packed light brown sugar.

Simmer and stir until the sugar dissolves.

Allow the mixture to cook without stirring until small bubbles begin to form around the edges (the sugar will begin to caramelize).

Pour and spread this caramel mixture into the bottom of a buttered 9-inch round baking pan.

Arrange the mango slivers from Step 1 on top of the caramel in a decorative pattern, ensuring to fill all or most spaces for the best visual result.

Set the pan aside.

Step 3: Prepare the Cake Batter

• 1 1/2 cups all-purpose flour
• 1 tsp baking powder
• 1/4 tsp salt
• 1/2 cup unsalted butter, softened (1 stick)
• 3/4 cup white sugar
• 2 large eggs plus 1 egg yolk
• 1 tsp vanilla extract
• 1/3 cup plain yogurt

Preheat the oven to 350°F (177°C).

In a medium bowl, whisk together the all-purpose flour, baking powder, and salt, then set aside.

In the bowl of an electric mixer fitted with the paddle attachment, beat the softened unsalted butter and white sugar at medium speed until the mixture is light and fluffy, about 5 minutes.

Add the eggs, one at a time, followed by the egg yolk, beating well after each addition.

Beat in the vanilla extract and plain yogurt until smooth.

Step 4: Combine Wet and Dry Ingredients

• flour mixture from Step 3
• wet batter mixture from Step 3
• 1/2 cup mango juice concentrate, nectar, or thawed mango pulp

Add half of the flour mixture from Step 3 to the wet ingredients in the mixer and beat at low speed just until combined.

Mix in the mango juice concentrate or nectar, then add the remaining flour mixture and continue to mix until just combined.

Be careful not to overmix the batter.

I like to scrape down the bowl a couple of times to make sure everything is evenly combined.

Step 5: Assemble and Bake the Cake

• batter from Step 4
• arranged mangoes in caramel from Step 2

Carefully spoon the batter from Step 4 over the arranged mango slivers in the cake pan, taking care not to disturb the design.

Gently spread the batter evenly.

Bake in the preheated oven for 33-37 minutes if using a dark pan, or 45-50 minutes if using a shiny pan, or until the cake is golden brown and a toothpick inserted in the center comes out clean.

Let the cake cool on a wire rack for about 10 minutes.

Step 6: Unmold and Serve the Cake

Once the cake has cooled slightly, run a thin knife gently along the edge of the pan.

Carefully invert the cake onto a platter and allow it to cool further.

Serve the mango upside-down cake slightly warm or at room temperature.

For a special touch, I sometimes serve it with a scoop of vanilla ice cream.

Rich Mango Upside Down Cake

Delicious Rich Mango Upside Down Cake recipe with step-by-step instructions.

Print Recipe Pin Recipe

Prep Time 22 minutes mins

Cook Time 44 minutes mins

Total Time 1 hour hr 6 minutes mins

Servings 4

Calories 2875 kcal

Ingredients

  

For the fruit topping:

• 3 to 4 ripe mangoes, peeled
• juice of 1/2 lemon or 1 lime
• 4 tbsp unsalted butter (1/2 stick)
• 1/2 cup packed light brown sugar

For the cake mixture:

• 1 1/2 cups all-purpose flour
• 1 tsp baking powder
• 1/4 tsp salt
• 1/2 cup unsalted butter, softened (1 stick)
• 3/4 cup white sugar
• 2 large eggs plus 1 egg yolk
• 1 tsp vanilla extract
• 1/3 cup plain yogurt
• 1/2 cup mango juice concentrate, nectar, or thawed mango pulp

Instructions

 

• Slice the ripe mangoes lengthwise and use a spoon to remove the flesh from the halves. Cut the mango flesh into half-inch slivers and place them into a medium bowl. Sprinkle the juice of half a lemon or lime over the mango slices to add acidity and keep the color vibrant. Set aside.
• In a small saucepan, melt the unsalted butter over medium heat, then stir in the packed light brown sugar. Simmer and stir until the sugar dissolves. Allow the mixture to cook without stirring until small bubbles begin to form around the edges (the sugar will begin to caramelize). Pour and spread this caramel mixture into the bottom of a buttered 9-inch round baking pan. Arrange the mango slivers from Step 1 on top of the caramel in a decorative pattern, ensuring to fill all or most spaces for the best visual result. Set the pan aside.
• Preheat the oven to 350°F (177°C). In a medium bowl, whisk together the all-purpose flour, baking powder, and salt, then set aside. In the bowl of an electric mixer fitted with the paddle attachment, beat the softened unsalted butter and white sugar at medium speed until the mixture is light and fluffy, about 5 minutes. Add the eggs, one at a time, followed by the egg yolk, beating well after each addition. Beat in the vanilla extract and plain yogurt until smooth.
• Add half of the flour mixture from Step 3 to the wet ingredients in the mixer and beat at low speed just until combined. Mix in the mango juice concentrate or nectar, then add the remaining flour mixture and continue to mix until just combined. Be careful not to overmix the batter. I like to scrape down the bowl a couple of times to make sure everything is evenly combined.
• Carefully spoon the batter from Step 4 over the arranged mango slivers in the cake pan, taking care not to disturb the design. Gently spread the batter evenly. Bake in the preheated oven for 33-37 minutes if using a dark pan, or 45-50 minutes if using a shiny pan, or until the cake is golden brown and a toothpick inserted in the center comes out clean. Let the cake cool on a wire rack for about 10 minutes.
• Once the cake has cooled slightly, run a thin knife gently along the edge of the pan. Carefully invert the cake onto a platter and allow it to cool further. Serve the mango upside-down cake slightly warm or at room temperature. For a special touch, I sometimes serve it with a scoop of vanilla ice cream.