If sunshine could be turned into dessert, it would taste exactly like Mango Coconut Cream Cake. This light, moist, and tropical-inspired cake brings together the naturally sweet flavor of ripe mangoes with the creamy richness of coconut for a dessert that feels like a mini vacation with every bite. It’s the kind of recipe that instantly brightens any table, whether you’re serving it at a summer gathering, celebrating a special occasion, or simply craving something fruity and refreshing.
Why You’ll Love This Recipe
There are countless reasons to fall in love with Mango Coconut Cream Cake.
First, it’s packed with natural tropical flavor. Fresh mango puree creates vibrant sweetness while coconut cream adds silky richness.
It’s incredibly moist thanks to the fruit puree and butter, ensuring every bite stays tender.
The recipe is flexible and easy to customize with dairy-free or gluten-free substitutions.
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 (or substitute peaches)
- ½ cup unsalted butter (margarine for dairy-free option)
- ½ cup brown sugar
- ¾ cup granulated sugar
- 1 cup mango puree (fresh or canned)
- 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 the Coconut Cream Topping
- 1 can coconut milk (refrigerated)
- 2 tablespoons sugar or honey
These ingredients combine beautifully to create a tropical cake that’s soft, flavorful, and irresistibly creamy.
Let’s Get Started
Preheat your oven to 350°F (175°C).
Grease and line an 8-inch or 9-inch cake pan.
If using fresh mangoes, peel and blend them into a smooth puree.
In a medium bowl, whisk together flour, baking powder, baking soda, and salt.
Set aside.
In a large mixing bowl, cream the butter, brown sugar, and granulated sugar until light and fluffy.
Add eggs one at a time, beating well after each addition.
Mix in vanilla extract.
Stir in mango puree until combined.
Gradually add the dry ingredients, mixing until just incorporated.
Do not overmix.
Pour batter into the prepared pan.
Bake for 35–40 minutes, or until a toothpick inserted into the center comes out clean.
Let the cake cool completely.
To prepare the topping, remove the chilled coconut milk from the refrigerator.
Scoop out the thick cream into a bowl, leaving behind the liquid.
Add sugar or honey.
Whip until light and fluffy.
Spread the coconut cream over the cooled cake.
Garnish with fresh mango slices if desired.
Chill for 30 minutes before serving for best texture.
Servings and Pairing Variations
This cake serves 8–10 people.
It pairs wonderfully with:
- Fresh berries
- Lime zest
- Passionfruit drizzle
- Iced tea
- Tropical fruit salad
You can customize it by adding:
- Toasted coconut flakes
- White chocolate drizzle
- Chopped macadamia nuts
- Mango glaze
For a layered version, slice the cake horizontally and spread coconut cream between layers.
Storage Tips
Store the cake covered in the refrigerator for up to 4 days.
Because of the coconut cream topping, refrigeration is essential.
Serve slightly chilled or allow to sit at room temperature for 10–15 minutes before serving.
The cake layers can be frozen (without topping) for up to 2 months.
Wrap tightly before freezing.
FAQs
Can I use canned mango puree?
Yes, canned puree works beautifully if fresh mangoes aren’t available.
Can I make it dairy-free?
Absolutely. Use margarine or plant-based butter.
What if my coconut milk won’t whip?
Make sure it’s fully chilled overnight and use full-fat coconut milk.
Can I use peaches instead?
Yes, peaches are an excellent substitute.
Final Thoughts
Mango Coconut Cream Cake is a bright, tropical dessert that brings freshness and comfort together in one beautiful slice.
The moist mango-infused cake paired with fluffy coconut topping creates a perfect balance of sweetness and creaminess.
It’s elegant enough for celebrations yet simple enough for everyday baking.
Print
Moist Mango Upside Down Cake
- Total Time: 1 hour
- Yield: 8 servings
- Diet: Vegetarian
Description
A soft mango-infused cake topped with whipped coconut cream for a refreshing tropical dessert that’s light, creamy, and full of fruity flavor.
Ingredients
For the Cake
- 2 ripe mangoes (or substitute peaches)
- ½ cup unsalted butter (or margarine for dairy-free)
- ½ cup brown sugar
- ¾ cup granulated sugar
- 1 cup mango puree (fresh or canned)
- 3 large eggs
- 1 teaspoon vanilla extract
- 1½ cups all-purpose flour (or gluten-free blend)
- 1 teaspoon baking powder
- ½ teaspoon baking soda
- 1 pinch salt
For the Coconut Cream Topping
- 1 can full-fat coconut milk (refrigerated overnight)
- 2 tablespoons sugar or honey
Instructions
- Preheat oven to 350°F (175°C).
- Grease and line an 8- or 9-inch cake pan.
- Blend mangoes into a smooth puree if using fresh fruit.
- In a bowl, whisk flour, baking powder, baking soda, and salt.
- In another bowl, cream butter and both sugars until fluffy.
- Add eggs one at a time, mixing well.
- Stir in vanilla and mango puree.
- Gradually fold in dry ingredients until just combined.
- Pour batter into prepared pan.
- Bake for 35–40 minutes, or until a toothpick comes out clean.
- Cool completely.
- Scoop chilled coconut cream from the can and whip with sugar until fluffy.
- Spread over cooled cake.
- Chill for 30 minutes before serving.
Notes
- Chill coconut milk overnight for best whipping results.
- Garnish with mango slices or toasted coconut flakes.
- Avoid overmixing the batter for a softer texture.
- Prep Time: 20 minutes
- Cook Time: 40 minutes

