Mango Coconut Cake

I remember the first time I tasted a truly perfect slice of cake on a tropical vacation, the kind that tasted like pure sunshine and gentle ocean breezes. It left such an impression that I knew I had to try recreating that magic at home, which led me to this incredible Mango Coconut Cake. It’s a dessert that truly transports you.

Growing up, my grandmother would always have a little something sweet hidden away, usually a simple vanilla cake. It was comforting, but this cake, with its bright fruit and creamy coconut, feels like an escape, a little burst of joy on an ordinary day. I always picture myself enjoying a slice on a sunny porch.

I love how certain flavors just click, like a puzzle piece falling into place. If you’ve ever enjoyed the delightful creaminess of a coconut custard cake, you’ll understand that satisfying feeling of a well-balanced dessert. This recipe captures that same harmonious vibe, but with an exotic twist.

What You Need to Make This Recipe

This cake’s soul truly shines through a few star ingredients that I carefully chose. The ripe, fragrant mangoes are non-negotiable; their natural sweetness and vibrant color are what make this Mango Coconut Cake so special, providing that unmistakable tropical essence. And of course, rich full-fat coconut milk gives the cake and frosting an unbelievably moist texture and deep, creamy flavor, which I often crave when making something like a pineapple coconut cake too.

Jump to Recipe Print Recipe

How to Make Mango Coconut Cake

The whole process of baking this cake is such a satisfying journey, starting with the warm, sweet scent of mango puree bubbling gently on the stove, filling my kitchen with a promise of something delicious. As I mix the dry ingredients, I love watching them transform into a soft, airy batter, ready to embrace the tropical goodness. Pouring that batter into the pans, I always imagine the layers rising perfectly, knowing that soon my home will be filled with the most incredible aroma. The best part is seeing the cake come together layer by layer, knowing each element contributes to a truly delightful experience, much like the layers in a delicious lemon blueberry cake.

Pro Tips

To get that perfect texture, make sure your mango puree is super smooth and slightly thickened before adding it to the batter; this concentrates the flavor and prevents a watery cake. Another thing I learned is to really whip that coconut cream for the frosting until it’s light and fluffy; cold, full-fat coconut milk is essential here, otherwise, your frosting won’t set properly. When cooling the cake layers, I always place them on a wire rack immediately to prevent them from becoming soggy on the bottom, which is crucial for a stable and delicious Mango Coconut Cake.
My Secret Trick: I like to gently toast some shredded coconut and sprinkle it generously between the layers and on top; it adds an amazing nutty crunch and intensifies the coconut flavor in every single bite.

How to Store Mango Coconut Cake

• Store leftover cake in an airtight container in the refrigerator for up to 3-4 days to maintain its freshness and moisture.
• For longer storage, individual slices can be wrapped tightly in plastic wrap, then foil, and frozen for up to 2 months.
• Thaw frozen slices overnight in the refrigerator, and bring to room temperature for about 30 minutes before serving for the best flavor and texture.

Nutritional Benefits

While we’re indulging in this delicious dessert, it’s lovely to know it offers a few bright spots. Mangoes are packed with vitamins A and C, giving this Mango Coconut Cake a natural boost of antioxidants, and the coconut milk provides healthy fats. It’s a wonderful way to enjoy something sweet while also getting some beneficial nutrients from whole fruits.

FAQs

Is it possible to make this cake ahead of time?

Absolutely! I often bake the cake layers a day in advance and store them, wrapped, at room temperature. Then, I whip up the frosting and assemble the cake the day of serving. This actually helps the flavors meld even better!

Can I use canned mango puree?

While fresh mango is always my first choice for the best flavor, you can definitely use good quality canned mango puree. Just ensure it’s unsweetened or adjust the sugar in the recipe accordingly to avoid an overly sweet cake.

What kind of coconut milk should I use for the frosting?

For the best results with the coconut whipped cream frosting, I always recommend using full-fat canned coconut milk that has been thoroughly chilled overnight. The cream separates from the water, allowing you to whip the thick cream into a stable frosting.

Why did my mango coconut cake frosting not thicken?

Usually, this happens if the coconut milk wasn’t cold enough or if you didn’t use full-fat coconut milk. The fat content is crucial for achieving a thick, whipped texture. Make sure to chill the can upside down, then scoop out only the solid cream.

Mango Coconut Cake

This tropical Mango Coconut Cake features a tender, moist coconut cake loaded with fresh mango, topped with a luscious coconut cream cheese frosting.

Print Recipe Pin Recipe

Prep Time 25 minutes mins

Cook Time 30 minutes mins

Total Time 1 hour hr 40 minutes mins

Servings: 12 servings

Course: Dessert

Cuisine: American

Calories: 590

Ingredients Equipment Method Notes

Ingredients

  

For the Cake

• 2 cups All-purpose flour
• 1.5 cups Granulated sugar
• 2 tsp Baking powder
• 0.5 tsp Salt
• 3 Large eggs room temperature
• 1.5 cups Full-fat coconut milk canned, divided
• 0.5 cup Vegetable oil
• 3 tsp Vanilla extract divided
• 1.5 cups Fresh mango finely diced

For the Coconut Cream Cheese Frosting

• 8 oz Cream cheese full-fat, softened
• 0.5 cup Unsalted butter softened
• 3.5 cups Powdered sugar confectioners' sugar

Equipment

• 9-inch round cake pans
• Large mixing bowls
• Electric Mixer
• Wire Rack
• Rubber spatula

Method

 

For the Cake

• Preheat your oven to 350°F (175°C). Lightly grease and flour two 9-inch round cake pans, or line the bottoms with parchment paper for easy release. This step makes sure your cakes come out perfectly every time!
• In a large mixing bowl, whisk together the all-purpose flour, granulated sugar, baking powder, and salt until well combined. Make sure there are no lumps in the dry mixture.
• In a separate medium bowl, whisk together the large eggs, 1 cup of the full-fat coconut milk, vegetable oil, and 2 tsp of the vanilla extract until everything is smooth and fully incorporated.
• Pour the wet ingredients into the dry ingredients. Mix with a rubber spatula or an electric mixer on low speed until just combined. Be careful not to overmix the batter – a few streaks of flour are okay! Gently fold in the finely diced fresh mango until evenly distributed.
• Divide the batter evenly between your two prepared cake pans. Bake for 28-32 minutes, or until a wooden skewer inserted into the center of a cake comes out clean. Let the cakes cool in their pans on a wire rack for 10 minutes, then carefully invert them onto the wire rack to cool completely before frosting.

For the Coconut Cream Cheese Frosting

• While the cakes are cooling, prepare your frosting! In a large bowl, beat the softened cream cheese and unsalted butter with an electric mixer until it's smooth and creamy, about 2-3 minutes. Gradually add the powdered sugar, beating until it's fully incorporated and fluffy. Stir in the remaining 0.5 cup full-fat coconut milk and 1 tsp vanilla extract, beating until the frosting is light and perfectly spreadable.

Assembly & Finish

• Once the cake layers are completely cool, place one layer on a serving plate or cake stand. Spread about one-third of the frosting evenly over the top. Carefully place the second cake layer on top and spread the remaining frosting over the top and sides of the cake. You can make it smooth or create pretty swirls with your spatula!
• For the best presentation and set frosting, chill the cake for at least 30 minutes before slicing. If you're feeling fancy, garnish with some toasted shredded coconut or extra fresh mango slices. Then, slice and enjoy!

Notes

Use very ripe, sweet mangoes for the best flavor in your cake. If fresh aren't available, thawed frozen mango can work, but make sure to drain it exceptionally well.
Always use full-fat canned coconut milk for this recipe, not the refrigerated beverage kind. The higher fat content is crucial for both the cake's moisture and the frosting's creamy texture.
This cake is fantastic make-ahead friendly! The cake layers can be baked a day in advance, wrapped tightly in plastic wrap, and stored at room temperature. The frosting can be made a day ahead and refrigerated in an airtight container; just bring it to room temperature and re-whip it for a minute or two before assembling the cake.

Conclusion

Making this cake always fills me with a sense of accomplishment and pure delight. It’s more than just a dessert; it’s a little slice of tropical paradise, a vibrant burst of flavor that genuinely brightens my day. I truly hope you try your hand at this Mango Coconut Cake and let its sunny flavors whisk you away. You might even find yourself inspired to bake something equally comforting like carrot cake muffins.