Fresh, ripe mangoes make Mango Upside Down Cake a sweet tropical dessert with a buttery brown sugar topping, tender homemade crumb, and delicious caramelized mango slices.

An upside down mango cake is a tropical variation of the classic pineapple upside-down cake, with caramelized fresh mangoes over a tender homemade cake. Mango juice and yogurt are added to the batter for flavor and moisture, and the brown sugar topping gives the fruit a buttery caramel finish. It's delicious slightly warm or at room temperature, alongside coffee, tea, or a scoop of Mango Ice Cream.
Quick Look: Mango Upside Down Cake
- ⏱️ Prep Time: 20 minutes
- 🔥 Cook Time: 50 minutes
- ❄️ Cooling Time: 10 minutes (before inverting)
- ⏲️ Total Time: 1 hour 20 minutes
- 🍽️ Servings: 8
- 🥭 Flavor Profile: Sweet mango, buttery caramel, and a hint of citrus
- 🍰 Texture: Soft, buttery cake with tender mango slices and a caramelized topping
- 👌 Difficulty: Moderate
- 🎉 Best For: Dessert, afternoon coffee, and tea
- 🔥 Cooking Method: Oven-baked in a 9-inch round cake pan
- 🥭 Key Ingredients: Fresh mangoes, brown sugar, butter, mango juice, and plain yogurt
- 🧪 Why This Recipe Works: Mango juice gives the cake more fruit flavor, and yogurt helps keep the crumb moist and tender. The buttery brown sugar caramel complements the fresh mangoes, giving the finished cake its sweet topping and a beautiful presentation without frosting.
SUMMARIZE & SAVE THIS CONTENT ON
Jump to:
- Quick Look: Mango Upside Down Cake
- Chef's Notes from Valentina
- Ingredients
- Substitutions And Additions
- How to Make Mango Upside Down Cake
- Prepare the Mango Topping
- Expert Tips for Mango Upside Down Cake
- FAQ About Mango Upside Down Cake
- What to Serve with Mango Upside Down Cake
- More Mango and Tropical Dessert Recipes
- Mango Upside Down Cake
- Storage and Reheating
Ingredients
Mango Topping
- Fresh Mangoes – 3–4 firm-ripe mangoes, peeled. Choose sweet, ripe mangoes that are still firm enough to slice without falling apart. They become tender and juicy after baking.
- Lemon or Lime – ½ lemon or 1 lime. A little citrus juice balances the sweetness and helps keep the mango slices from browning.
- Unsalted Butter – ½ stick (about 4 tablespoons). Its rich, buttery taste pairs with the brown sugar to create the caramel topping.
- Light Brown Sugar – ½ cup, packed. Creates a sweet, glossy caramel with a slight molasses note that complements the fresh mangoes.
Cake Batter
- All-Purpose Flour – 1 ½ cups. Provides structure without making the cake too delicate to slice.
- Baking Powder – 1 teaspoon. Helps the batter rise for a softer, lighter cake.
- Salt – ¼ teaspoon. Balances the sweetness of the cake and caramel.
- Unsalted Butter – 1 stick (½ cup), softened. Creams with the sugar for a tender, buttery crumb. Use softened butter rather than melted butter.
- Granulated Sugar – ¾ cup. Sweetens the batter and contributes to its texture when creamed with butter.
- Eggs – 2 whole large eggs plus 1 large egg yolk. The whole eggs provide structure, and the extra yolk contributes richness.
- Pure Vanilla Extract – 1 teaspoon. Its delicate vanilla taste pairs well with the mangoes and buttery cake.
- Plain Yogurt – ⅓ cup. Keeps the crumb moist, with a slight tang that balances the sweet topping.
- Mango Juice – ½ cup. Choose concentrated mango juice, mango nectar, or thawed frozen mango pulp. All three work in the batter.
How to Make Mango Upside Down Cake
Prepare the Mango Topping
- Slice the mangoes: Peel 3–4 firm-ripe mangoes. Cut the flesh away from both sides of the flat pit, then slice into approximately ½-inch-thick pieces. Place the slices in a medium bowl.
- Add the citrus juice: Sprinkle the mango slices with the juice of ½ lemon or 1 lime. Set aside.
- Make the caramel: Melt 4 tablespoons of unsalted butter in a small saucepan over medium heat. Stir in ½ cup of packed light brown sugar. Continue to simmer and stir until the sugar dissolves.
- Finish the caramel: Stop stirring and let the mixture cook a little longer, until bubbles form around the edges and the sugar begins to caramelize.
- Arrange the mangoes: Spread the caramel mixture evenly across the bottom of a buttered 9-inch round cake pan. Arrange the mango slices on top in a rose pattern or any design you prefer. Cover most of the caramel with fruit, as large gaps will be noticeable when the cake is inverted. Set aside.
Make the Cake Batter
- Preheat the oven: Set the oven to 350°F (177°C).
- Combine the dry ingredients: Whisk together 1 ½ cups of all-purpose flour, 1 teaspoon of baking powder, and ¼ teaspoon of salt in a medium bowl. Set aside.
- Cream the butter and sugar: Using an electric mixer fitted with a paddle attachment, beat ½ cup of softened unsalted butter and ¾ cup of granulated sugar on medium speed for about 5 minutes, until light and fluffy.
- Add the eggs: Beat in 2 whole large eggs, one at a time, followed by 1 large egg yolk. Beat well after each addition.
- Mix in the vanilla and yogurt: Beat in 1 teaspoon of pure vanilla extract and ⅓ cup of plain yogurt.
- Finish the batter: Add half of the flour mixture and beat on low speed until just combined. Mix in ½ cup of concentrated mango juice, mango nectar, or thawed frozen mango pulp. Add the remaining flour mixture and mix just until combined.
Bake and Unmold the Cake
- Add the batter: Carefully spoon the batter over the arranged mango slices. Spread it into an even layer without disturbing the fruit pattern.
- Bake the cake: Bake at 350°F (177°C) for approximately 33–37 minutes in a dark-colored metal pan or 45–50 minutes in a shiny, light-colored metal pan, following the original recipe's timing. Begin checking a few minutes early, as ovens and pans vary. The cake is ready when a toothpick inserted into the center comes out clean or with a few moist crumbs, but no wet batter.
- Cool briefly: Place the cake pan on a wire rack and let it cool for about 10 minutes.
- Unmold the cake: Gently run a thin knife around the edges of the pan, then invert the cake onto a serving platter. Let it continue cooling.
- Garnish and serve: Top with pomegranate seeds, if desired. Enjoy slightly warm or at room temperature, on its own or with ice cream.

FAQ About Mango Upside Down Cake
Yes, a vanilla or yellow cake mix is an option. Prepare the mango and brown sugar topping as directed, then pour the prepared cake mix batter over the fruit. Follow the package instructions for mixing and check the cake for doneness with a toothpick, since baking times may vary.
Cream the softened butter and sugar until light and fluffy, then mix gently once the flour goes in. Avoid overbaking and measure the flour carefully. Cold ingredients, substitutions, and high altitude can also affect the cake's texture.
Yes! Kent, Keitt, and Ataulfo (Honey) mangoes are good choices. Look for sweet, firm-ripe fruit that holds its shape when sliced, and avoid overly soft mangoes that can become mushy during baking.

What to Serve with Mango Upside Down Cake
- Coffee. A small cup of strong Brazilian coffee, known as cafezinho, pairs well with the sweet caramelized mangoes. It's a popular way to enjoy cakes in Brazil. Learn more about Brazilian coffee in my Traditional Brazilian Foods guide.
- Tea. Black tea, Earl Grey, green tea, jasmine tea, or chamomile are all good options with mango upside down cake, especially for an afternoon treat.
- Ice Cream. Vanilla, coconut, pineapple, or passion fruit ice cream are delicious options with a slightly warm slice of cake.
Did You Love This Recipe? If you make this recipe and love it, stop back, give it a 5-star rating ★★★★★ and leave a comment.
Mango Upside Down Cake
Ingredients
For the Topping
- 3 – 4 firm-ripe mangoes – peeled
- ½ lemon or 1 lime
- ½ stick unsalted butter – about 4 tablespoons
- ½ cup packed light brown sugar
For the Cake Batter
- 1 ½ cups all-purpose flour
- 1 teaspoon baking powder
- ¼ teaspoon salt
- 1 stick unsalted butter – softened (½ cup)
- ¾ cup granulated sugar
- 2 whole large eggs, plus 1 large egg yolk
- 1 teaspoon pure vanilla extract
- ⅓ cup plain yogurt
- ½ cup concentrated mango juice, mango nectar, or thawed frozen mango pulp
Instructions
Prepare the Mango Topping
- Slice the mangoes: Peel 3–4 firm-ripe mangoes. Cut the flesh away from both sides of the flat pit, then slice into approximately ½-inch-thick pieces. Place the slices in a medium bowl.
- Add the citrus juice: Sprinkle the mango slices with the juice of ½ lemon or 1 lime. Set aside.
- Make the caramel: Melt 4 tablespoons of unsalted butter in a small saucepan over medium heat. Stir in ½ cup of packed light brown sugar. Continue to simmer and stir until the sugar dissolves.
- Finish the caramel: Stop stirring and let the mixture cook a little longer, until bubbles form around the edges and the sugar begins to caramelize.
- Arrange the mangoes: Spread the caramel mixture evenly across the bottom of a buttered 9-inch round cake pan. Arrange the mango slices on top in a rose pattern or any design you prefer. Cover most of the caramel with fruit, as large gaps will be noticeable when the cake is inverted. Set aside.
Make the Cake Batter
- Preheat the oven: Set the oven to 350°F (177°C).
- Combine the dry ingredients: Whisk together 1 ½ cups of all-purpose flour, 1 teaspoon of baking powder, and ¼ teaspoon of salt in a medium bowl. Set aside.
- Cream the butter and sugar: Using an electric mixer fitted with a paddle attachment, beat ½ cup of softened unsalted butter and ¾ cup of granulated sugar on medium speed for about 5 minutes, until light and fluffy.
- Add the eggs: Beat in 2 whole large eggs, one at a time, followed by 1 large egg yolk. Beat well after each addition.
- Mix in the vanilla and yogurt: Beat in 1 teaspoon of pure vanilla extract and ⅓ cup of plain yogurt.
- Finish the batter: Add half of the flour mixture and beat on low speed until just combined. Mix in ½ cup of concentrated mango juice, mango nectar, or thawed frozen mango pulp. Add the remaining flour mixture and mix just until combined.
Bake and Unmold the Cake
- Add the batter: Carefully spoon the batter over the arranged mango slices. Spread it into an even layer without disturbing the fruit pattern.
- Bake the cake: Bake at 350°F (177°C) for approximately 33–37 minutes in a dark-colored metal pan or 45–50 minutes in a shiny, light-colored metal pan, following the original recipe's timing. Begin checking a few minutes early, as ovens and pans vary. The cake is ready when a toothpick inserted into the center comes out clean or with a few moist crumbs, but no wet batter.
- Cool briefly: Place the cake pan on a wire rack and let it cool for about 10 minutes.
- Unmold the cake: Gently run a thin knife around the edges of the pan, then invert the cake onto a serving platter. Let it continue cooling.
- Garnish and serve: Top with pomegranate seeds, if desired. Enjoy slightly warm or at room temperature, on its own or with ice cream.
Recipe Notes
Storage and Reheating
Make Ahead: Prepare the mango upside down cake a day before serving. Let it cool completely, cover it well, and refrigerate until needed. Bring it to room temperature before enjoying. Refrigerate: Store leftover cake in an airtight container in the refrigerator for up to 3–4 days. Keep it covered to prevent drying and protect the flavor. Freeze: Wrap individual slices tightly in plastic wrap and place them in a freezer-safe container for up to 1–2 months for best quality. Thaw overnight in the refrigerator. The mango topping may soften after thawing. Reheat: Enjoy at room temperature or microwave individual slices in 10–15-second intervals until slightly warm. Avoid overheating to keep the cake moist.Nutrition
** Nutrition labels on easyanddelish.com are for educational purposes only. This info is provided as a courtesy and is only an estimate, since the nutrition content of recipes can vary based on ingredient brand or source, portion sizes, recipe changes/variations, and other factors. We suggest making your own calculations using your preferred calculator, based on which ingredients you use, or consulting with a registered dietitian to determine nutritional values more precisely.
Please note that health-focused and diet information provided on easyanddelish.com is for educational purposes and does not constitute medical advice, nor is it intended to diagnose, treat, cure, or prevent disease. Consult with your doctor or other qualified health professional prior to initiating any significant change in your diet or exercise regimen, or for any other issue necessitating medical advice.






I made this Mango Upside Down Cake again when I invited a few friends over for coffee today, and everyone loved it! The cake turned out beautifully moist and tender, and the caramelized mango topping was delicious. It looked so elegant on the table and paired perfectly with our afternoon coffee. Not a slice was left! - Valentina
Hi Denise! I tried the recipe and the cake was delish, but somehow the texture doesn't seem right. Mine came out quite dense like bread pudding. I was wondering if you had any idea on what may have gone wrong? Thanks in advance for your help and for the recipe!
Hi Ria! I would love to help you figure this out but it is one of the most surprising results that I have ever heard. Everyone that has ever made this cake (including myself more than once) never experienced that type of texture as far as I know. A few things that may have altered the texture are: ingredients substitutions (or simply butter was not at room temp or softened and/or eggs were not at room temp), overbeating the batter, overbaking, and high altitudes. In addition, are you used to eat more cakes that are made from scratch or cakes that are prepared from a mix? One thing my American friends always say about cakes in general is they prefer the ones made from mixes because they are lighter although the ones from scratch are more flavorful. All these can play a role in the results or how you feel the texture. I wish I could have seen your cake to have a better idea. This is my younger daughter's favorite cake and I use the same batter recipe to make variations as well such as pineapple, pear, and peach upside down cakes. I hope my answer can help you somehow. Thank you for stopping by!
Is it just as good if I make it the day before or should it be fresh day of? Can’t wait to try it. Adding a little sunshine to Thanksgiving.
Hi Renee! You can make the day before and cover well to not dry out. Wishing you a Happy Thanksgiving!
Omg such a lovely cake and beautiful clicks. I love mangoes wish could taste it..
How Do I incorporate the mango and the pineapple in this recipe?
Hi, Danielle!
This cake takes mango juice and sliced mangos. There is no pineapple among its ingredients.
Ingredients should be incorporated according to the recipe directions/instructions.
Have a great day!
I could never resist upside down cakes!! Especially with mangoes 🙂
Thanks, Kiran! This was my first time making this type of cake with mangoes-- and I loved it! In general, I use either bananas or pineapple.
What a beautiful looking cake! And I love that you used mangos in it, it sounds so delicious!
Hi, Maria! Thank you very much...and welcome to FBTY!
I finally have five minutes to sit down and pour over all the recipes I have missed in recent months and come face to face with this mouth watering dessert! It looks absolutely scrumptious, Denise - you are tempting me away from my diet 😉 xx
It's so good to have you visiting me here again, Abbe! I've missed you. Thanks a lot for stopping by... I know that you have been quite busy!
This looks super delicious- I love upside down cakes, definitely need to try this one in the Summer!
You won't regret it, Jessica! This is a super duper delish cake.
I always eat mangoes by themselves but this cake looks wonderful! My grandfather's house in India used to have mango trees and many other tropical fruit trees. It was so beautiful when everything was blossoming and going. Bright and cheerful like this cake.
Thanks, Nazneen! We had a tall mango in the backyard of the house where I grew up...I remember that it produced mangoes almost year round. I love mangoes since I was a child. My fave variety is called rose mango.
Denise, this cake does look like sunshine: so bright and yellow! Love the design on top - so pretty! I am sure the cake is so tasty!
Hi, Julia! Thanks a ton. Yes, my family and I did enjoyed it so much that I intend to make it again. My little one is crazy for it!
You truly captured the sunshine with your delicious Mango Upside Down Cake! Love the beautiful photos Denise 🙂
Cheers,
J+C
I am so glad to see you both here again. Thanks a lot for the kind words, Judith and Corina! Wishing you an awesome evening...
Gosh, simply delicious and the photograph is so intruguing...
lovin mango all the way....
Dedy: Thanks so much!
I'm a HUGE mango lover, this cake looks so lovely! Love the pop of red too!
Krissie x -https://pearlsofstyle.blospot.com.au
Thanks, Krissie! This is my sunshine in a plate. I am so tired of winter days.
I totally love mangoes too! But I've never had them in an upside down cake. I will, I will. 😉 Thanks for this.
If you make this, you won't regret it, John...
This is absolutely out of this world. I love love love mangoes. In Egypt we have many kinds most are very sweet,very flavorful and colorful. Thanks for this heavenly cake.
I hope you try this at home, Amira! You will love this cake. Wishing you a great day!
Wow what a gorgeous cake Denise.. A sunshine indeed 🙂 Love it. Mangoes have just started to show up here so will sure try this soon
Enjoy, Rekha!!! This one delicious cake...
What a gorgeous upside down cake, Denise! It looks so summery in the dead of winter!
Thanks, Liz! That was my intention since I am so looking forward to sunny, warmer days. I just cannot stand to winter anymore... I really had enough of it! 🙂 Having at least a reminder on my plate of spring/summer, it was a comforting !!!
i'm crazy about the mango's, and more crazy about this mango cake, it's so creamy, suculent and very sweet..yummmmy 😀
Thanks a ton, Aurica!
Denise...who won't love to have a slice from that beautiful looking cake???? I wish I could grab it now. The color is so tempting!!!!
Thanks, Shibi! This is really one delicious cake.
This cake looks beautiful! The orange mango and red pomegranate seeds look amazing together!
Thanks, Karen!
This cake looks so pretty...I never had mango upside down cake...I love it...so refreshing and tropical!
Have a great week Denise 😀
Likewise, Juliana!
This looks delicious. You're not alone on the mango love!
Glad to know, Francesca!
The sunny and bright Mango Upside Cake is just the refreshing sunshine my winter heart craves! A phenomenal dessert!
Thanks for the lovely and poetic words, Deb! I am looking forward to spring for sure.
I'm in love with your mango upside down cake. If I could live on only one thing, I would choose a ripe mango every time. This is perfect!
Me too, Maureen!
I don’t think it’s something I’ve ever come across. :D, but i am sure I could finish them all
I am happy that you think so, cquek!
Looks like summer on a plate.
Thanks, Margaret!
What a gorgeous cake and I adore mangoes! This makes me feel summery and sunshiny and happy!
I am glad that this cake makes you happy, Abbe! I feel the same.
Oh Denise....this cake is just stunning! I love mangoes so much, I need to start baking with them more. This cake looks luscious and moist....and the pomegranates look like jewels! A perfect time of the year here in my dreary winter for a bit of sunshine! : )
Anne: Thanks again! I am tired of these long winter, cloudy days... and really looking forward to spring. This is one of the reasons why I chose this recipe. Looking at it, it makes me smile.
sounds SO good!
Thanks for visiting FBTY and welcome, Sarah!
Can't tell you how much I love mangoes! Eaten them like crazy during my growing up years but now I have to spend quite a bit to get them in Oz. Your cake is beautiful and vibrant. Thank you for the sunshine...it's been a cloudy week here:-)
Thank you, my friend! Mangoes are one of my all-time fave fruits.
I LOVE this! And I love that you made it your own. I think adding yogurt to the batter is a brilliant idea... I often make yogurt cakes and I think they are THE best as they always come out nice and moist!!! And I love your presentation... the photo of the sliced up cake makes me wan to reach for a slice through my screen!!!! Bookmarking it as my husband LOVES mangoes!!! 🙂
It is always a pleasure, Manu! I hope you make this for him one day...My family and I are hooked on it.
You know, this gorgeous cake brought back memories of one tour we had in Brazil, where we could literally pick up mangos from the ground and eat them. Best mangos I've ever had 🙂
Thanks, Gintare! If they had a yellowish-rose skin, they were manga-rosa or rose mango -- my fave variety.
Love a traditional pineapple upside down cake and love that you put a new twist with mango - this is a must try! Nice SRC pick!
Hi, Lisa! Thanks for stopping by every SRC day. Yes, I also love pineapple upside down cake. This was the first time making it with mango and I loved so much that I do intend to make it again. Wishing you a great week!
This looks like sunshine on a plate.
Fantastic, fruity flavor and gorgeous colors, Denise!
Thanks, Daniela! xx
These photos are simply gorgeous and totally the sunshine I need this month! Cannot wait to try this recipe because I adore mangos too. This one will help me get through the winter for sure 🙂 (Also fun reading about all the similarities you had with your assigned blogger this month!)
Thanks for always stopping by on SRC days, Deanna!!! I love to have you here. xx
This cake is GORGEOUS Denise and you named it so appropriately - it's like a bit of delicious sunshine coming through my computer screen!
Awwww, Chris! I am glad that its image filled your screen with a bit of sunshine. xx
Wow, What a totally gorgeous cake! A Show stopper for sure!
Thanks, Jamie! I am so glad that you stopped by. xx
Wow. Exceptional work once again. Thank you so much for bringing the sunshine into our screens so often Denise:)
The pleasure is always mine, Mirella and Panos!!!!
Denise - you and I seem to have very similar tastes when it comes to fruits - first passionfruit and now mangoes...I love love love 'em - but have never had them in a cake before - this upside down cake looks GORGEOUS! Totally delectable!
Thanks a lot, Shashi!!! It is true...Tropical fruits are the best, right? xx
Thank you so much for the kind words! And funny you have so much in common with us, love that. You have such a beautiful blog and it's so nice to meet you through SRC. Small request: would you mind linking over to our original Orange-Mango Upside Down Cake in case anyone wants to check that out? Or just to our main site in general? Thanks!
https://feastonthecheap.net/ or https://feastonthecheap.net/orange-mango-upside-down-cake/
My pleasure! I did link to your Orange-Mango Upside Down Cake -- initially on bottom of the recipe when I mentioned that the recipe was adapted from Feast On The Cheap. TA few minutes ago, I moved the link to the top of the recipe box. If you do prefer, I can place the link in the post text/article instead. What would you prefer?