Moist, layered, bursting with fresh mango — and the coconut cream cheese frosting is genuinely addictive.
I never meant to become obsessed with mango cake. And yet here we are.
It started when I had a slice at a little café and couldn’t stop thinking about it for three days. That specific combination — tender coconut crumb, fresh mango folded right into the batter, and a cream cheese frosting with toasted coconut on top — hit different.
So I went home and figured it out. And after a few rounds of testing (my husband did not complain), I finally landed on a version that’s genuinely worth making. This isn’t one of those fussy bakery cakes that takes all weekend. You can pull this together on a Saturday afternoon and it’ll look like you really know what you’re doing. 😄
Keep reading — the Pro Tips section alone will save you from the #1 mistake people make with this cake.
| Detail | Info |
|---|---|
| Prep Time | 30 mins |
| Bake Time | 35 mins |
| Total Time | ~1 hr 20 min |
| Servings | 10–12 slices |
| Calories (per serving) | ~320 kcal |
| Protein (per serving) | ~25g |
| Difficulty | Medium |
What You’ll Need
For the Cake Layers
| Ingredient | Amount | Notes |
|---|---|---|
| All-purpose flour | 2½ cups (310g) | Spooned and leveled, not scooped |
| Baking powder | 2½ tsp | Make sure it’s fresh |
| Baking soda | ½ tsp | |
| Salt | ½ tsp | Fine sea salt preferred |
| Unsalted butter, softened | ¾ cup (170g) | Room temperature is key |
| Granulated sugar | 1½ cups (300g) | |
| Large eggs | 3 | Room temperature |
| Pure vanilla extract | 2 tsp | |
| Full-fat coconut milk | 1 cup (240ml) | Shake the can well before opening |
| Fresh mango, finely diced | 1½ cups (about 2 large mangoes) | Ataulfo or Alphonso mangoes work best |
| Desiccated coconut (unsweetened) | ¾ cup (70g) | Adds texture to the batter |
For the Coconut Cream Cheese Frosting
| Ingredient | Amount | Notes |
|---|---|---|
| Full-fat cream cheese, softened | 8 oz (226g) | Do not use low-fat |
| Unsalted butter, softened | ½ cup (113g) | Room temperature |
| Powdered sugar, sifted | 3 cups (360g) | Add more to adjust consistency |
| Coconut extract | 1 tsp | Optional but worth it |
| Heavy cream | 2–3 tbsp | To loosen frosting if needed |
For the Topping
| Ingredient | Amount |
|---|---|
| Toasted coconut flakes (sweetened) | 1 cup |
| Fresh mango slices | 1 large mango |
Tools You’ll Need
- Two 9-inch round cake pans
- Parchment paper
- Stand mixer or hand mixer
- Two large mixing bowls
- Rubber spatula
- Wire cooling rack
- Offset spatula (for frosting)
- Serrated knife (if leveling layers)
- Sharp chef’s knife and cutting board (for mango)
- Baking sheet (for toasting coconut)
- Cake plate or stand
✨ Pro Tips
1. Use ripe but firm mangoes. Overripe mango turns mushy in the batter and makes the cake wet. You want pieces that hold their shape after baking.
2. Room temperature everything. Cold butter, cold eggs, and cold cream cheese all ruin the texture. Pull everything out at least an hour before you start.
3. Don’t skip toasting the coconut. Spread it on a baking sheet and toast at 325°F for 5–7 minutes. The difference in flavor is significant.
4. Chill the layers before frosting. Even 20 minutes in the fridge after baking makes frosting so much easier. Warm cake + cream cheese frosting = a sliding disaster.
5. Fold mango gently at the very end. Overworking the batter after adding the mango will break it down and make it dense. A few gentle folds and you’re done.
Substitutions and Variations
Flour
Swap all-purpose for a 1:1 gluten-free baking flour if needed. The texture is slightly denser but still really good.
Dairy-Free Option
Use vegan butter (like Earth Balance) for the cake and frosting, and swap cream cheese for a vegan alternative like Violife. The coconut milk in the recipe is already dairy-free, so you’re halfway there.
Mango Variations
Frozen mango works — just thaw completely and pat dry with paper towels before dicing. Fresh is better but frozen is perfectly acceptable. Mango puree (½ cup) can be stirred in for a deeper mango flavor, in addition to the diced pieces.
Make It a Sheet Cake
Pour into a 9×13 pan and bake for 40–45 minutes. Great for potlucks and way less fuss than frosting layers.
Add a Lime Twist
Add the zest of one lime to the batter and squeeze half a lime into the frosting. It brightens the whole cake and makes the tropical flavors pop even more. 🍋
Make-Ahead Tips
- Cake layers: Bake up to 2 days ahead. Wrap cooled layers in plastic wrap and store at room temperature (or refrigerate for up to 4 days).
- Frosting: Make it up to 3 days ahead and store covered in the fridge. Let it come to room temperature and re-whip before using.
- Fully assembled cake: Can be assembled a day ahead and refrigerated. Add the fresh mango topping the day of serving so it doesn’t oxidize.
How to Make It
- Preheat and prep pans– Preheat your oven to 350°F (175°C). Grease both 9-inch round cake pans, line the bottoms with parchment, and grease the parchment.
- Toast the coconut– Spread the desiccated coconut for the batter on a baking sheet. Toast at 325°F for 5–7 minutes, stirring once, until lightly golden. Set aside. (Do the topping coconut flakes at the same time on a separate area.)
- Whisk dry ingredients– In a large bowl, whisk together the flour, baking powder, baking soda, and salt. Set aside.
- Cream butter and sugar– Beat softened butter and sugar in your stand mixer on medium-high speed for 3–4 minutes until light and fluffy. Scrape down the sides as needed.
- Add eggs and vanilla– Add eggs one at a time, beating well after each addition. Add vanilla extract and mix to combine.
- Alternate dry and wet– With the mixer on low, add the flour mixture in three parts, alternating with the coconut milk (starting and ending with flour). Mix just until combined — don’t overdo it.
- Fold in coconut and mango– Use a rubber spatula to gently fold in the toasted desiccated coconut and diced fresh mango. A few folds are all you need.
- Bake– Divide the batter evenly between the two prepared pans. Bake for 33–38 minutes, until a toothpick inserted in the center comes out clean.
- Cool completely– Let the cakes cool in their pans for 15 minutes, then turn onto wire racks. Cool completely before frosting — at least 1 hour, or refrigerate for 20 minutes to speed things up.
- Make the frosting– Beat cream cheese and softened butter together until smooth and creamy. Add sifted powdered sugar one cup at a time, beating on low. Add coconut extract and 1–2 tablespoons of heavy cream to get a fluffy, spreadable consistency.
- Frost and assemble– Place the first cake layer on your cake plate. Spread a generous layer of frosting on top. Add the second layer. Frost the top and sides of the entire cake with the remaining frosting.
- Add toppings– Press toasted coconut flakes onto the sides and top of the cake. Arrange fresh mango slices on top and serve immediately, or refrigerate until ready.
Nutritional Breakdown
Per slice (based on 12 slices). Values are estimates.
| Nutrient | Per Serving |
|---|---|
| Calories | ~485 kcal |
| Total Fat | ~26g |
| Saturated Fat | ~17g |
| Total Carbs | ~60g |
| Sugar | ~42g |
| Protein | ~5g |
| Fiber | ~2g |
| Sodium | ~220mg |
Meal Pairing Ideas: Serve with a cup of ginger tea or a glass of sparkling water with lime. For a dinner party, this pairs beautifully after a Thai or Indian meal — the mango and coconut flavors feel like a natural continuation.
Leftovers and Storage
- Room temperature: Keeps for up to 2 days if your kitchen is cool, covered loosely.
- Refrigerator: Store in an airtight container for up to 5 days. The cake is actually amazing cold — the frosting firms up and the mango flavor intensifies.
- Freezer: Freeze unfrosted cake layers individually, wrapped tightly in plastic wrap, for up to 2 months. Thaw overnight in the fridge. Frosted cake can be frozen too — freeze until solid, then wrap. Thaw in the fridge overnight.
- Fresh mango topping: Don’t freeze slices with fresh mango on top — add that only when serving.
FAQ
Can I use canned mango instead of fresh?
Yes, but drain it really well and pat it dry. Canned mango is a lot wetter and can make the batter too loose. Fresh (or thawed frozen) is still the better call.
My frosting is too runny — what happened?
Cream cheese frosting goes runny when the cream cheese or butter is too warm, or when you add too much heavy cream. Pop the frosting in the fridge for 15–20 minutes and re-beat. It’ll firm back up.
Can I make cupcakes instead?
Absolutely. Fill cupcake liners ⅔ full and bake at 350°F for 18–22 minutes. This recipe makes about 24 cupcakes.
Do I need cake strips for even layers?
They help, but they’re not essential. If you want really flat layers, you can slice off any dome with a serrated knife once cooled.
Can I reduce the sugar?
You can reduce the cake batter sugar by up to ¼ cup without major issues. For the frosting, the sugar is what stabilizes it — pulling too much out makes it soft and unstable.
What kind of mango is best for this recipe?
Ataulfo (also called Honey or Champagne mango) and Alphonso mangoes are the gold standard — they’re less fibrous and intensely sweet. Regular Tommy Atkins mangoes (the red and green ones) work fine too, just make sure they’re ripe.
Wrapping Up
This mango coconut cake is the kind of thing you make once and immediately start planning when to make it again.
It’s got that perfect balance of a tender, moist crumb with actual chunks of fresh mango inside, and the toasted coconut frosting on the outside just seals the deal. It looks genuinely impressive, and nobody needs to know how straightforward it actually was.
Make it for a birthday, a weekend gathering, or honestly — just a Tuesday you want to romanticize.
Once you’ve made it, drop a comment below — I’d love to hear how it turned out, which mango variety you used, and any tweaks you made. Questions are welcome too. I read every single one. 🥭
