Mango Coconut Cake is a delightful dessert that brings the tropical flavors of mango and coconut together in a moist and fluffy cake. Perfect for celebrations, gatherings, or even a cozy weekend treat, this cake is sure to impress your guests. With its vibrant flavor and creamy texture, it’s a standout dessert that satisfies both coconut lovers and those looking for something unique.

Jump to:
- Why You’ll Love This Recipe
- Tools and Preparation
- Essential Tools and Equipment
- Importance of Each Tool
- Ingredients
- For the Cake
- For the Frosting
- For Garnish
- How to Make Mango Coconut Cake
- Step 1: Prepare Your Oven
- Step 2: Mix Mango Mixture
- Step 3: Cream Butter and Sugar
- Step 4: Combine Dry Ingredients
- Step 5: Add Wet Ingredients
- Step 6: Bake
- Step 7: Cool Cakes
- Step 8: Make Frosting
- Step 9: Assemble Cake
- How to Serve Mango Coconut Cake
- With Fresh Fruit
- With Whipped Cream
- As a Layered Dessert
- With Ice Cream
- How to Perfect Mango Coconut Cake
- Best Side Dishes for Mango Coconut Cake
- Common Mistakes to Avoid
- Storage & Reheating Instructions
- Refrigerator Storage
- Freezing Mango Coconut Cake
- Reheating Mango Coconut Cake
- Frequently Asked Questions
- Can I use fresh mango instead of frozen?
- How do I know when my Mango Coconut Cake is done?
- What can I substitute for cream of coconut?
- Can I add other fruits to this cake?
- How should I decorate my Mango Coconut Cake?
- Final Thoughts
- 📖 Recipe Card
Why You’ll Love This Recipe
- Tropical Flavor: The combination of mango and coconut creates a refreshing taste that’s perfect for warm weather.
- Moist Texture: Thanks to the cream of coconut and butter, each bite is rich and indulgent.
- Versatile Dessert: Suitable for birthdays, brunches, or casual get-togethers, it fits any occasion.
- Easy to Make: With straightforward steps, even novice bakers can create this stunning cake.
- Garnish Options: Top with toasted coconut for added crunch and visual appeal.
Tools and Preparation
Before diving into the recipe, make sure you have the right tools at hand. Using the proper equipment will make your baking experience smoother and more enjoyable.
Essential Tools and Equipment
- Mixing bowls
- Electric mixer
- Measuring cups and spoons
- Rubber spatula
- 9-inch round cake pans
- Cooling rack
Importance of Each Tool
- Electric mixer: Makes creaming butter and sugar effortless, ensuring a light texture in your cake.
- Measuring cups and spoons: Accurate measurements are key to successful baking; they ensure consistency in your results.
Ingredients
Mango coconut cake is a delicious tropical twist on regular coconut cake and is sure to please all coconut lovers!
For the Cake
- 3/4 cup to 1 cup chopped frozen mango (defrosted and drained)
- 1 tablespoon lemon juice
- 1/2 cup sugar
- 3 large eggs
- 6 tablespoons unsalted butter (cut into cubes)
- 2 1/2 cups all-purpose flour
- 2 1/2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1/2 teaspoon salt
- 1 cup unsalted butter (at room temperature)
- 1 3/4 cups granulated sugar
- 1 cup cream of coconut (do NOT use coconut cream)
- 4 large eggs (at room temperature)
- 1 1/2 teaspoons vanilla extract
- 1/2 teaspoon coconut extract
- 1 cup whole milk (at room temperature)
For the Frosting
- 1 cup unsalted butter (at room temperature)
- 2 tablespoons cream of coconut
- 2 to 4 tablespoons whole milk or heavy cream (as needed)
- 1/2 teaspoon coconut extract
- 1/4 teaspoon salt
- 3 1/2 to 4 cups powdered sugar
For Garnish
- 1 cup toasted flaked coconut for garnish (if desired)
How to Make Mango Coconut Cake
Step 1: Prepare Your Oven
Preheat your oven to 350°F (175°C). This ensures that your cake bakes evenly.
Step 2: Mix Mango Mixture
In a bowl, combine chopped mango with lemon juice. Set aside.
Step 3: Cream Butter and Sugar
In a large mixing bowl, cream together the unsalted butter and granulated sugar until light and fluffy. Add in eggs one at a time, mixing well after each addition.
Step 4: Combine Dry Ingredients
In another bowl, whisk together all-purpose flour, baking powder, baking soda, and salt. Gradually add this mixture to the creamed butter mixture.
Step 5: Add Wet Ingredients
Stir in cream of coconut, vanilla extract, coconut extract, whole milk, and the prepared mango mixture until just combined.
Step 6: Bake
Divide the batter evenly between prepared cake pans. Bake in preheated oven for about 36 minutes or until a toothpick inserted comes out clean.
Step 7: Cool Cakes
Remove from oven and allow cakes to cool in pans for about 10 minutes before transferring them onto a wire cooling rack.
Step 8: Make Frosting
In a mixing bowl, beat the unsalted butter until creamy. Gradually add cream of coconut followed by powdered sugar. Adjust consistency with milk or heavy cream as needed. Stir in extracts.
Step 9: Assemble Cake
Once cakes are completely cooled, spread frosting between layers and on top. Optionally garnish with toasted flaked coconut for extra flavor!
Enjoy your delicious Mango Coconut Cake!
How to Serve Mango Coconut Cake
Mango coconut cake is a delightful dessert that can be served in various ways to enhance its tropical flavors. Here are some serving suggestions that will elevate your cake experience.
With Fresh Fruit
- Mango Slices: Add fresh mango slices on top of each slice for an extra burst of flavor.
- Berries: Serve with strawberries or blueberries for a colorful and tart contrast.
With Whipped Cream
- Topped Cream: A dollop of whipped cream adds richness and balances the sweetness of the cake.
- Coconut Whipped Cream: For more coconut flavor, use whipped cream infused with coconut extract.
As a Layered Dessert
- Trifle Style: Layer pieces of mango coconut cake with whipped cream and fresh fruit in a glass for an impressive presentation.
- Cake Parfaits: Create individual parfaits by alternating layers of cake, cream, and fruit.
With Ice Cream
- Vanilla Ice Cream: A scoop of vanilla ice cream pairs beautifully with the tropical flavors of the cake.
- Coconut Ice Cream: For coconut lovers, serve with coconut-flavored ice cream for a decadent treat.

How to Perfect Mango Coconut Cake
To ensure your mango coconut cake turns out perfectly every time, consider these essential tips.
- Use Ripe Mangoes: Ensure your mangoes are ripe for the best flavor. Overripe or underripe mangoes can affect taste and texture.
- Room Temperature Ingredients: Use eggs and butter at room temperature for better mixing and a fluffier texture in the batter.
- Don’t Overmix: Mix the batter until just combined to avoid a dense cake. Overmixing can lead to toughness.
- Check Doneness Early: Start checking for doneness a few minutes before the timer goes off. A toothpick should come out clean when inserted into the center.
- Cool Completely Before Frosting: Let the cake cool completely before applying frosting to prevent it from melting and sliding off.
- Toast Coconut Flakes: For added flavor, lightly toast shredded coconut before using it as a garnish.
Best Side Dishes for Mango Coconut Cake
Pairing mango coconut cake with complementary side dishes can enhance your dessert experience. Here are some great options:
- Pineapple Salsa: A refreshing blend of pineapple, cilantro, and lime adds zing to every bite.
- Coconut Rice: This subtly sweet rice complements the tropical notes of the cake perfectly.
- Fruit Salad: A mix of tropical fruits like kiwi, banana, and papaya offers brightness alongside the rich cake.
- Chocolate Mousse: Rich chocolate mousse provides a delightful contrast to the lightness of the mango coconut cake.
- Lemon Sorbet: The tartness of lemon sorbet cuts through the sweetness and cleanses the palate.
- Macadamia Nut Cookies: These cookies add crunch and nutty flavors that pair well with your dessert.
Common Mistakes to Avoid
When baking a Mango Coconut Cake, it’s easy to make simple mistakes. Here are some to watch out for:
- Using the wrong type of coconut cream: Always use cream of coconut, not coconut cream. The two are different and will affect the texture and sweetness of your cake.
- Skipping room temperature ingredients: Make sure all your dairy and eggs are at room temperature. This helps create a smoother batter that rises better.
- Not measuring flour correctly: Too much flour can lead to a dense cake. Use the spoon-and-level method for accurate measurement.
- Overmixing the batter: Mix just until combined. Overmixing can make your cake tough instead of light and fluffy.
- Ignoring baking times: Every oven is different. Keep an eye on your cake as it bakes and use a toothpick to check for doneness.
Storage & Reheating Instructions
Refrigerator Storage
- Store in an airtight container for up to 5 days.
- Make sure the cake is completely cooled before storing.
Freezing Mango Coconut Cake
- Wrap slices tightly in plastic wrap and then place in a freezer bag.
- The cake can be frozen for up to 3 months.
Reheating Mango Coconut Cake
- Oven: Preheat to 350°F (175°C) and warm for about 10-15 minutes.
- Microwave: Heat individual slices on medium power for 15-20 seconds at a time until warm.
- Stovetop: Place slices in a skillet over low heat, cover, and warm gently for about 5 minutes.
Frequently Asked Questions
Here are some common questions about making Mango Coconut Cake:
Can I use fresh mango instead of frozen?
Yes, you can use fresh mango. Just make sure it is ripe and finely chopped.
How do I know when my Mango Coconut Cake is done?
The cake is done when a toothpick inserted into the center comes out clean or with a few moist crumbs.
What can I substitute for cream of coconut?
You can make a DIY version by blending coconut milk with sugar until smooth.
Can I add other fruits to this cake?
Absolutely! Pineapple or passion fruit would complement the mango flavor beautifully.
How should I decorate my Mango Coconut Cake?
You can top it with whipped cream, toasted coconut flakes, or fresh mango slices for extra flair.
Final Thoughts
Mango Coconut Cake is not just a dessert; it’s a tropical treat that brings joy to any occasion. Its versatility allows you to customize it with various fruits or toppings. Try this delightful recipe today and indulge in its sweet flavors!
Did You Enjoy Making This Recipe? Please rate this recipe with ⭐⭐⭐⭐⭐ or leave a comment.
📖 Recipe Card
Print
Mango Coconut Cake
- Total Time: 1 hour 6 minutes
- Yield: Approximately 12 servings 1x
Description
Indulge in the tropical delight of Mango Coconut Cake, a moist and fluffy dessert that harmoniously blends the exotic flavors of ripe mangoes and creamy coconut. This cake is perfect for any occasion, from festive celebrations to cozy gatherings, ensuring you’ll impress your guests with its vibrant taste and stunning presentation. Easy to make, even novice bakers can whip up this showstopper with simple steps. Enhance its allure by garnishing with toasted coconut flakes for added texture and flavor. Get ready to savor every slice of this refreshing treat!
Ingredients
- 3/4 cup chopped frozen mango (defrosted)
- 1 tablespoon lemon juice
- 1/2 cup sugar
- 3 large eggs
- 6 tablespoons unsalted butter (cubed)
- 2 1/2 cups all-purpose flour
- 2 1/2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1/2 teaspoon salt
- 1 cup unsalted butter (at room temperature)
- 1 3/4 cups granulated sugar
- 1 cup cream of coconut
- 4 large eggs (at room temperature)
- 1 1/2 teaspoons vanilla extract
- 1/2 teaspoon coconut extract
- 1 cup whole milk (at room temperature)
- 1 cup unsalted butter (for frosting)
- 2 tablespoons cream of coconut (for frosting)
- 2 to 4 tablespoons whole milk or heavy cream (for frosting)
- 1/2 teaspoon coconut extract (for frosting)
- 1/4 teaspoon salt (for frosting)
- 3 1/2 to 4 cups powdered sugar (for frosting)
- 1 cup toasted flaked coconut for garnish (if desired)
Instructions
- Preheat oven to 350°F (175°C).
- Mix defrosted mango with lemon juice in a bowl; set aside.
- Cream together unsalted butter and sugar until light and fluffy; add eggs one at a time.
- In another bowl, whisk flour, baking powder, baking soda, and salt; gradually mix into butter mixture.
- Stir in cream of coconut, vanilla extract, and prepared mango until just combined.
- Divide batter into prepared cake pans; bake for about 36 minutes or until a toothpick comes out clean.
- Cool cakes for 10 minutes before transferring them to a cooling rack.
- For frosting: Beat room temperature butter until creamy; gradually add cream of coconut and powdered sugar until smooth.
- Frost cooled cakes as desired and garnish with toasted coconut.
- Prep Time: 30 minutes
- Cook Time: 36 minutes
- Category: Dessert
- Method: Baking
- Cuisine: Tropical
Nutrition
- Serving Size: 1 slice (100g)
- Calories: 360
- Sugar: 23g
- Sodium: 150mg
- Fat: 18g
- Saturated Fat: 10g
- Unsaturated Fat: 7g
- Trans Fat: 0g
- Carbohydrates: 44g
- Fiber: 1g
- Protein: 4g
- Cholesterol: 70mg





