Salted Coconut Mango Upside-Down Cake Recipe

I am so excited to share my Salted Coconut Mango Upside-Down Cake Recipe with you because it brings together some of my absolute favorite tropical flavors in one stunning, mouthwatering dessert. I love the way the buttery, caramelized salted coconut layer pairs perfectly with juicy Ataulfo mangos, all topped with a light, fluffy cake that bakes to golden perfection. Every bite feels like a little celebration in my mouth, and the whipped coconut mascarpone frosting is the perfect creamy finish. This cake always makes me smile and I hope it will become one of your go-to recipes too.

Why You’ll Love This Salted Coconut Mango Upside-Down Cake Recipe

What really makes this cake stand out for me is the wonderful balance between sweet and salty combined with the tropical richness of coconut and mango. The salted coconut caramel base adds a deep, luscious flavor that’s a little unexpected—like a mini beach vacation for your taste buds. Then the ripe Ataulfo mangos bring a sunny, refreshing sweetness that brightens every bite, making it irresistibly delicious without being overly sugary.

Yet, despite how impressive it looks and tastes, this recipe is surprisingly straightforward to make. I love that the ingredients are simple and pantry-friendly, and the process only requires a bit of patience while the cake bakes and cools. Whether I’m hosting a gathering or just wanting to treat myself after a long day, this cake feels special but never intimidating to pull together. It’s perfect for celebrations, weekend baking projects, or whenever I want to feel like I’m indulging in something truly unique.

Ingredients You’ll Need

Four ripe mangoes with smooth yellow skins and small brown spots are placed on a white marbled surface. The mangoes have a soft oval shape with slight curves, and their bright yellow color stands out against the clean white background. The texture of the mango skin is slightly glossy with a few natural marks scattered over each fruit. The arrangement shows the mangoes close together but not touching, creating a simple and fresh look. photo taken with an iphone --ar 4:5 --v 7

These ingredients may look simple, but they come together beautifully to create layers of flavor, texture, and color that make this cake unforgettable. Each one plays an essential role—whether it’s the buttery richness, the tropical sweetness, or the subtle hints of salt and vanilla.

Butter: Adds richness and helps create that moist, tender crumb in the cake plus the caramel base.
Light brown sugar: Gives the caramel a deep molasses flavor and beautiful color.

Flaky sea salt: Provides a lovely contrast that enhances the sweetness and flavor complexity.
Heavy cream: Adds creaminess and helps achieve the luscious salted caramel texture.
Vanilla extract: Brightens the overall flavor with warm, comforting notes.

Toasted coconut flakes: Brings crunch and tropical aroma to the caramel layer.
Ataulfo mangos: Their juicy, sweet flesh holds up beautifully in the cake, giving it a vibrant tropical touch.
Cornstarch: Helps thicken the mango juices so they don’t make the cake soggy.

All-purpose flour: The cake’s structural base for a soft and fluffy texture.
Powdered buttermilk: Adds tenderness and a slight tang to the cake.
Baking powder: Provides lift for a light crumb.
Kosher salt: Balances sweetness in the cake batter.
Granulated sugar: Sweetens the cake perfectly.
Egg: Binds the cake ingredients and adds moistness.
Whole milk: Keeps the batter smooth and tender.
Cream of coconut: Intensifies the coconut flavor in the whipped topping.

Powdered sugar: Sweetens the mascarpone whipped cream for a silky finish.
Mascarpone cheese: Adds richness and creaminess to the whipped coconut frosting.

Directions

Step 1: Preheat your oven to 350ºF. Lightly grease a 9-inch round cake pan and line the bottom with a parchment round to prevent sticking. This little prep makes flipping the cake so much easier later on.

Step 2: In a small pot over medium heat, melt 4 tablespoons of butter. Once melted, stir in ½ cup light brown sugar and ¼ teaspoon flaky sea salt. Cook for about 3 minutes, stirring occasionally, until the sugar is melted and the mixture darkens slightly in color. This is the base of the caramel layer, and you’ll smell that amazing toasty aroma starting to develop.

Step 3: Reduce the heat to low and whisk in 2 tablespoons heavy cream and 1 teaspoon vanilla extract. Let it simmer gently for 1 minute until smooth. Then turn off the heat and stir in ½ cup toasted coconut flakes. Give it a taste and feel free to add a pinch more flaky sea salt if you want that salty-sweet balance to shine brighter.

Step 4: Pour this salted coconut caramel mixture into your prepared cake pan and smooth it into an even layer. Pop the pan into the fridge for 15 minutes to let the caramel set slightly while you prep the mango and cake batter.

Step 5: Peel and dice your ripe Ataulfo mangos into small pieces, then toss them in a bowl with 1 tablespoon cornstarch to coat evenly. This will help keep the mango layer from making the cake soggy later on.

Step 6: In a separate small bowl, sift together 1 cup all-purpose flour, 1 tablespoon powdered buttermilk, 1 teaspoon baking powder, and ¼ teaspoon kosher salt. Set this aside for your cake dry ingredients.

Step 7: In a large mixing bowl, cream together 4 tablespoons room temperature butter and ½ cup granulated sugar using an electric hand mixer. When light and fluffy, add 1 egg and beat until fully incorporated and smooth.

Step 8: Add half of the sifted dry ingredients to the wet mixture and beat just until combined. Pour in ½ cup whole milk and continue mixing until smooth, then fold in the remaining dry ingredients along with 1 teaspoon vanilla extract. Be careful not to overmix or your cake might become dense.

Step 9: Take the caramel pan from the fridge. Spoon the coated mango pieces evenly over the caramel layer, pressing them gently to form a tightly packed layer. Then carefully pour the cake batter over the mango layer, smoothing it out gently with a spatula.

Step 10: Bake your cake in the preheated oven for 45 to 47 minutes. To check doneness, insert a toothpick into the center—if it comes out clean, the cake is ready. The caramel and mango will have bubbled beautifully underneath.

Step 11: Remove the cake from the oven and let it cool in the pan at room temperature for one hour. It should still be warm to the touch, which makes flipping easier without cracking.

Step 12: While the cake cools, prepare the whipped coconut mascarpone topping. In a large bowl, beat ½ cup heavy cream, 2 tablespoons cream of coconut, ½ cup powdered sugar, and 1 teaspoon vanilla extract with an electric mixer until soft peaks form. Add 2 ounces mascarpone cheese and continue beating until stiff peaks develop. Be careful not to overbeat or the mascarpone can separate. Refrigerate this until you’re ready to serve.

Step 13: To flip the cake, place a large plate over the pan and carefully invert it, letting the caramelized mango layer be the star on top. If any mango sticks to the pan, gently nudge it back onto the cake.

Step 14: Slice into portions and serve with a generous dollop of the whipped coconut mascarpone. I also love pairing it with a scoop of vanilla ice cream or a little extra whipped cream for an indulgent finish. Enjoy every bite!

Servings and Timing

This Salted Coconut Mango Upside-Down Cake Recipe yields about 10 generous servings, perfect for sharing during a special gathering or family dinner. Prep time takes roughly 30 minutes, which includes making the caramel and preparing the batter. The baking time is just under 50 minutes, plus you’ll want to allow about one hour for the cake to cool before flipping. Don’t forget the 15 minutes chilling time for the caramel layer before assembling. Altogether, you’re looking at just under 4 hours from start to finish, with some of that time being hands-off while the cake bakes and cools.

How to Serve This Salted Coconut Mango Upside-Down Cake Recipe

A gray bowl filled with many small cubes of bright yellow mango pieces fills the center of the image, placed on a white marbled surface. The mango cubes have smooth, shiny textures and look fresh and juicy, with different sizes but mostly small and neat. There are no other items or layers, just the mango cubes inside the gray bowl. photo taken with an iphone --ar 4:5 --v 7

When I serve this cake, I like to showcase its tropical flavors with light, complementary accompaniments. A fresh fruit salad featuring pineapple, kiwi, or passion fruit pairs beautifully by echoing the mango’s brightness. If you want to keep it simple yet elegant, a side of lightly toasted coconut flakes sprinkled over the whipped mascarpone adds a wonderful textural contrast.

For presentation, I turn out the cake onto a pretty platter so the glossy caramelized mango layer is on full display—it’s truly a showstopper! Slicing it into 10 even pieces ensures everyone gets a perfect portion, and topping each piece with a cloud of the whipped coconut mascarpone makes it feel extra special. I often garnish with a few toasted coconut flakes or a small fresh mango slice for that added wow factor.

As for drinks, I love pairing this cake with tropical-inspired cocktails like a mango mojito or a lightly sparkling rosé for a brunch or afternoon gathering. For a non-alcoholic option, a chilled coconut water with a splash of lime or an iced green tea with mint really complements the flavors perfectly. I usually serve the cake slightly warm or at room temperature because this keeps the caramel deliciously gooey and the cake moist.

Variations

One of the reasons I adore this Salted Coconut Mango Upside-Down Cake Recipe is how versatile it is. If you want to switch things up, you can swap out the Ataulfo mangos for peaches, pineapple, or even plums—fruits that caramelize well and bring their own flavor flair. For a more pronounced salty kick, you can increase the flaky sea salt to ½ teaspoon or sprinkle a pinch on the finished cake before serving.

If you’re catering to dietary preferences, I’ve tried making a gluten-free version by substituting the all-purpose flour with a gluten-free baking blend. The texture is a tiny bit different but still delightful, especially when you don’t overmix the batter. For a vegan adaptation, replace butter with a coconut oil or vegan butter substitute, use a plant-based milk like oat or almond milk, and swap the egg for a flax or chia egg. Cream of coconut is naturally vegan, so your topping stays luscious and rich.

For a unique flavor twist, I sometimes add a bit of fresh lime zest to the batter or coconut whipped cream for an extra zing. You could also try baking individual mini cakes or cupcakes using this recipe, adjusting the bake time accordingly for smaller portions. No matter how you customize it, this cake never fails to impress.

Storage and Reheating

Storing Leftovers

I always store leftover cake in an airtight container in the refrigerator to keep it fresh and moist. It’s best to transfer slices to a container lined with parchment paper if stacking to prevent sticking. Wrapped well, the cake keeps beautifully for up to 3 days. The whipped coconut mascarpone should be stored separately in a covered bowl and added to each slice just before serving for the best texture.

Freezing

If you want to freeze the cake, I recommend freezing it without the whipped topping. Wrap the whole cake tightly in plastic wrap and then in aluminum foil to prevent freezer burn. It should keep well for up to 2 months. When you’re ready to enjoy it, thaw the cake overnight in the refrigerator before serving and add fresh whipped coconut mascarpone or cream to finish.

Reheating

To reheat leftovers, I prefer warming individual slices gently in the microwave for 15-20 seconds, just until they’re slightly warm but not hot. This helps revive that gooey caramel texture without drying out the cake. Avoid reheating too long or at high heat to keep the tender crumb intact. Serve immediately with freshly whipped coconut mascarpone or ice cream for a wonderful experience.

FAQs

Can I use regular mango instead of Ataulfo mangos?

Absolutely! Ataulfo mangos are my favorite because of their sweetness and smooth texture, but any ripe mango variety works well in this recipe. Just make sure the mango is firm enough to hold its shape when diced, so it doesn’t turn mushy during baking.

What can I substitute for cream of coconut?

If you don’t have cream of coconut, you can use sweetened coconut milk or coconut cream mixed with a bit of powdered sugar to achieve a similar sweetness and texture. Keep in mind this may slightly alter the consistency of the whipped topping, so add gradually and whip until you reach the desired thickness.

Can I make this cake ahead of time?

Yes, this cake is a great make-ahead dessert! You can prepare, bake, and flip the cake a day before serving. Just keep it wrapped and refrigerated to maintain freshness. Add the whipped coconut mascarpone on the day of serving to keep it light and fluffy.

How do I know when the caramel is done?

You’ll see the caramel bubbling gently and it will develop a deeper golden color after cooking the butter, sugar, and salt together for a few minutes. The mixture should be smooth and pourable but thick enough to coat the back of a spoon. Be careful not to overcook or it might become too dark and bitter.

Can I use shredded coconut instead of toasted flakes?

While toasted coconut flakes provide a nice crunchy texture and nuttiness, you can use shredded coconut if that’s what you have on hand. Be sure to toast it lightly in a dry pan until golden to bring out its flavor before adding to the caramel.

Conclusion

Trying this Salted Coconut Mango Upside-Down Cake Recipe feels like giving yourself a little tropical escape right at home. I love how the layers of caramelized coconut and fresh mango combine with moist cake and luscious whipped topping to create something truly special, yet wonderfully approachable. If you love unique flavors with a beautiful presentation and a taste to match, I encourage you to bake this soon — I promise it will become a favorite for your family and friends just like it is for me!