Mango Coconut Cake Recipe: Sunshine in Every Slice
Bright, fruity, and full of tropical flavor, this Mango Coconut Cake Recipe: Sunshine in Every Slice is the perfect cake for warm days and special occasions.
If you’re craving sunshine in dessert form, you’ve found your holy grail.
Mango meets coconut in a cake that can turn a weeknight into a tropical mini-vacay. It’s bright, it’s lush, and yes, you might want to shout “Mango party!” while frosting.
Let’s bake something blissful and still be able to fit into our jeans afterward.
Mango Coconut Cake Recipe
Ingredients
- 2 cups all-purpose flour
- 1 cup granulated sugar
- 1 teaspoon baking powder
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
- 3 large eggs
- 1 cup mashed ripe mango about 2-3 medium mangoes
- 1/2 cup coconut milk
- 1/4 cup unsalted butter melted
- 1 teaspoon vanilla extract
- 1/2 cup shredded coconut plus extra for garnish
- For the frosting: 1 cup coconut cream solid part only + 1/2 cup powdered sugar
Instructions
- Preheat your oven to 350°F (175°C). Grease and flour two 8-inch cake pans or line with parchment rounds. Yes, that step actually matters—no sticking disasters today.
- In a large bowl, whisk together flour, sugar, baking powder, baking soda, and salt. This is the dry squad—keep them well acquainted and airy.
- In another bowl, whisk eggs, mango, coconut milk, melted butter, and vanilla until smooth. The mango should look like sunshine in liquid form.
- Pour the wet ingredients into the dry ingredients. Stir just until combined—don’t overmix or you’ll unleash the gluten gods and tough cake. Fold in shredded coconut.
- Divide batter evenly between pans. Bake 25–30 minutes, or until a toothpick comes out clean. Golden edges = victory dance.
- Let cakes cool in pans 10 minutes, then transfer to a rack to cool completely. Patience is a flavor, albeit a boring one here.
- Meanwhile, whip the frosting: scoop the coconut cream into a bowl and beat until fluffy. Add powdered sugar and beat until smooth and dreamy. Add a tiny splash of vanilla if you’re feeling fancy.
- Assemble: if layers domed, level with a quick shave of a knife. Spread a generous layer of frosting between the layers. Coat the outside with more frosting, then press a sprinkle of extra shredded coconut on top for scenery.
Why This Recipe is Awesome
This mango coconut cake is the snackable dream you didn’t know you needed.
It’s light, not overly sweet, and somehow manages to taste like a vacation in a single forkful. It’s idiot-proof, even I didn’t mess it up—twice.
The coconut cream frosting? Silky enough to convince your pantry you’re practically a pastry chef. Boom, done.
Ingredients You’ll Need

- 2 cups all-purpose flour
- 1 cup granulated sugar
- 1 teaspoon baking powder
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
- 3 large eggs
- 1 cup mashed ripe mango (about 2-3 medium mangoes)
- 1/2 cup coconut milk
- 1/4 cup unsalted butter, melted
- 1 teaspoon vanilla extract
- 1/2 cup shredded coconut, plus extra for garnish
- For the frosting: 1 cup coconut cream (solid part only) + 1/2 cup powdered sugar
Optional splash of lime juice or zest for zing. If you don’t have coconut milk, use regular milk plus a pinch of coconut extract for tropical vibes.
Don’t stress the tiny stuff—we’re going for flavor, not a chemistry experiment.
Step-by-Step Instructions
- Preheat your oven to 350°F (175°C). Grease and flour two 8-inch cake pans or line with parchment rounds. Yes, that step actually matters—no sticking disasters today.
- In a large bowl, whisk together flour, sugar, baking powder, baking soda, and salt. This is the dry squad—keep them well acquainted and airy.
- In another bowl, whisk eggs, mango, coconut milk, melted butter, and vanilla until smooth. The mango should look like sunshine in liquid form.
- Pour the wet ingredients into the dry ingredients. Stir just until combined—don’t overmix or you’ll unleash the gluten gods and tough cake. Fold in shredded coconut.
- Divide batter evenly between pans. Bake 25–30 minutes, or until a toothpick comes out clean. Golden edges = victory dance.
- Let cakes cool in pans 10 minutes, then transfer to a rack to cool completely. Patience is a flavor, albeit a boring one here.
- Meanwhile, whip the frosting: scoop the coconut cream into a bowl and beat until fluffy. Add powdered sugar and beat until smooth and dreamy. Add a tiny splash of vanilla if you’re feeling fancy.
- Assemble: if layers domed, level with a quick shave of a knife. Spread a generous layer of frosting between the layers. Coat the outside with more frosting, then press a sprinkle of extra shredded coconut on top for scenery.
How to Serve

Slice into generous wedges and serve with a dollop of whipped cream or a scoop of vanilla ice cream if you’re feeling dramatic.
A light drizzle of mango puree over each plate adds a spa-like finish.
Pair with a tall glass of coconut water or a citrusy sparkling drink to keep the tropical vibe alive.
For occasions, think birthdays, summer cookouts, or “I deserve cake for absolutely no reason” moments.
Presentation note: a few mango slices fanned on top make it Instagram-worthy without trying too hard.
Nutrition Facts (Approximate)
Per serving (approximate, because we live in reality)
Calories: about 320–360
Carbohydrates: 40–46 g
Protein: 6–7 g
Fat: 14–18 g
Fiber: 2–3 g
Sugars: 20–26 g
Note: values vary with exact ingredients and serving size. It’s dessert, not a scandal—enjoy in moderation.
Common Mistakes (and How to Avoid Them)

- Thinking you don’t need to preheat the oven—rookie mistake. Preheating is your cake’s warm welcome committee.
- Overmixing the batter. It makes the crumb tough, not fluffy. Stir until just combined and stop flirting with the batter.
- Using cold ingredients. Let eggs, mango, and butter come to room temp so everything blends smoothly. Cold batter is a cranky batter.
- Skipping the leveling step. A domed cake looks dramatic but ruins the frosting fit. Level it for clean slices.
- frosting too thick or too thin. Aim for a creamy, spreadable consistency that stays on the knife when you scoop.
Simple Substitutions and Alternatives
Want to mix it up? Here are easy swaps that still scream tropical delight:
- Use almond milk or soy milk if you’re dairy-free; you’ll still get that summery flavor, just maybe a nutty twist.
- Swap shredded coconut for chopped macadamia nuts for a crunchier bite. It’s like a beachside barefoot moment with a crunch.
- If you don’t have mangoes, ripe peaches or papaya can play a similar sunny role—though mango is the star, let it shine.
- For a lighter frosting, whisk in a bit of yogurt with the coconut cream (or use whipped coconut cream with a touch of powdered sugar).
- Gluten-free option: use a 1:1 GF baking mix in place of all-purpose flour. The cake will still be dreamily tropical.
Conclusion
This mango coconut cake is your new go-to for when you want dessert that tastes like a vacation and feels like a hug.
It’s bright, it’s easy, and yes, you can pull it off without a culinary ego crisis.
Bake it for friends, family, or your own gloriously sweet moment of self-care. You deserve it.
FAQ
Can I make this cake ahead of time?
Absolutely. Bake the cake, wrap tightly, and refrigerate up to 2 days. Frost just before serving for maximum tropical tang. You can also freeze unfrosted layers for up to 1 month.
Is the frosting coconut-flavored enough without dairy?
Yes. Using coconut cream delivers the full coconut punch. If you want a stronger flavor, add a teaspoon of coconut extract or a whisper of lime zest.
How do I keep the cake moist?
A little trick: don’t overbake. Check with a toothpick at 25 minutes. Also, brush a light sugar syrup on the layers if you’re making it ahead; it helps retain moisture.
Can I make it in a single layer?
You can. Bake in a 9-inch pan and slice horizontally to create two layers, or serve as a rustic single-layer sheet cake with frosting swirls on top.
What drinks pair well with this cake?
Go with a tropical vibe: sparkling lime water, coconut water spritzers, or a hot cup of chai to balance the sweetness. If you’re feeling fancy, a mango-ginger iced tea can be a stellar match.
Any tips for decorating on a budget?
Use fresh mango slices in a fan pattern around the edge, sprinkle toasted coconut, and finish with a few edible flowers if you have them. It looks chef-level without the price tag.

