Mango Coconut Layer Cake

Rachel
By Rachel
8 Min Read
Disclosure: This website may contain affiliate links, which means I may earn a commission if you click on the link and make a purchase. I only recommend products or services that I personally use and believe will add value to my readers. Your support is appreciated!

Mango Coconut Layer Cake

A delightful dessert combining tropical flavors of mango and coconut in a stunning layered form, perfect for any occasion.
Prep Time 30 minutes
Cook Time 30 minutes
Total Time 1 hour
Course Cake, Dessert
Cuisine Fusion, Tropical
Servings 12 slices
Calories 450 kcal

Ingredients
  

For the cake

  • 2.5 cups all-purpose flour
  • 2.5 tsp baking powder
  • 0.5 tsp salt
  • 1 cup unsalted butter, softened
  • 1.75 cups sugar
  • 4 eggs
  • 1 tsp vanilla extract
  • 1 cup coconut milk
  • 1 cup shredded sweetened coconut

For the mango filling

  • 2 cups fresh mango puree
  • 0.33 cups sugar (for the filling)
  • 2 tbsp cornstarch
  • 2 tbsp water

For the frosting

  • 1 cup unsalted butter
  • 4 cups powdered sugar
  • 3-4 tbsp coconut milk for frosting
  • 1 tsp coconut extract (optional)
  • Fresh mango slices for garnish
  • Toasted coconut flakes for garnish

Instructions
 

Bake the Cake

  • Preheat your oven to 350°F (175°C). Grease and line three 8-inch cake pans.
  • In a bowl, mix flour, baking powder, and salt.
  • In another bowl, cream the butter and sugar until fluffy.
  • Beat in the eggs one at a time and then add vanilla.
  • Alternate adding the dry ingredients and coconut milk, then fold in the shredded coconut.
  • Divide the batter into the prepared pans.
  • Bake for 25–30 minutes until a toothpick comes out clean.
  • Let the cakes cool completely.

Make Mango Filling

  • In a saucepan, combine mango puree and sugar.
  • Mix cornstarch with water, then stir into the mango mixture.
  • Cook over medium heat until thickened and then allow it to cool completely.

Make Frosting

  • Beat the softened butter until creamy.
  • Gradually add powdered sugar and mix well.
  • Incorporate coconut milk and coconut extract until fluffy.

Assemble the Cake

  • Layer your first cake layer on a serving plate.
  • Spread coconut frosting, followed by mango filling.
  • Repeat this process with the second layer.
  • Add the final layer on top, and frost the entire cake.
  • Garnish nicely with mango slices and toasted coconut.
  • Chill for at least 30 minutes before slicing for cleaner layers and the best taste!

Notes

Use ripe mangoes for best flavor, brush each layer with coconut milk for extra moisture, and wait to frost if making ahead of time.
Keyword Coconut Cake, Layer Cake, Mango Cake, Mango Coconut Layer Cake, Tropical Dessert

Mango Coconut Layer Cake is a delightful dessert that brings together the tropical flavors of mango and coconut in a stunning, layered form. This cake is perfect for special occasions or a simple family gathering.

Why Make This Recipe

Making a Mango Coconut Layer Cake is not just about creating a beautiful dessert; it’s an experience full of vibrant flavors and textures. This cake is moist, sweet, and has a creamy frosting that perfectly complements the fruity mango filling. Whether you’re celebrating a birthday or simply enjoying a weekend treat, this cake is sure to impress.

How to Make Mango Coconut Layer Cake

Ingredients

To create a delicious Mango Coconut Layer Cake, you’ll need the following ingredients:

  • 2 1/2 cups all-purpose flour
  • 2 1/2 tsp baking powder
  • 1/2 tsp salt
  • 1 cup unsalted butter, softened
  • 1 3/4 cups sugar
  • 4 eggs
  • 1 tsp vanilla extract
  • 1 cup coconut milk
  • 1 cup shredded sweetened coconut
  • 2 cups fresh mango puree
  • 1/3 cup sugar (for the filling)
  • 2 tbsp cornstarch
  • 2 tbsp water
  • 1 cup unsalted butter (for frosting)
  • 4 cups powdered sugar
  • 3-4 tbsp coconut milk (for frosting)
  • 1 tsp coconut extract (optional)
  • Fresh mango slices for garnish
  • Toasted coconut flakes for garnish

Directions

To successfully make this cake, follow these easy steps:

  1. Bake the Cake: Preheat your oven to 350°F (175°C). Grease and line three 8-inch cake pans. In a bowl, mix flour, baking powder, and salt. In another bowl, cream the butter and sugar until fluffy. Beat in the eggs one at a time and then add vanilla. Alternate adding the dry ingredients and coconut milk, then fold in the shredded coconut. Divide the batter into the prepared pans. Bake for 25–30 minutes until a toothpick comes out clean. Let the cakes cool completely.

  2. Make Mango Filling: In a saucepan, combine mango puree and sugar. Mix cornstarch with water, then stir into the mango mixture. Cook over medium heat until thickened and then allow it to cool completely.

  3. Make Frosting: Beat the softened butter until creamy. Gradually add powdered sugar and mix well. Incorporate coconut milk and coconut extract until fluffy.

  4. Assemble the Cake: Layer your first cake layer on a serving plate. Spread coconut frosting, followed by mango filling. Repeat this process with the second layer. Add the final layer on top, and frost the entire cake. Garnish nicely with mango slices and toasted coconut. Chill for at least 30 minutes before slicing for cleaner layers and the best taste!

How to Serve Mango Coconut Layer Cake

When serving your Mango Coconut Layer Cake, a clean slice will showcase the beautiful layers. Pair it with a cup of tea or a refreshing drink. Guests will appreciate the tropical flavors and enjoy every bite!

How to Store Mango Coconut Layer Cake

To keep your Mango Coconut Layer Cake fresh, store it in an airtight container in the refrigerator. It can last up to a week. If you need to keep it longer, consider freezing the layers separately and frosting it just before serving.

Tips to Make Mango Coconut Layer Cake

  • Use ripe mangoes for the best flavor in your puree.
  • For extra moisture, brush each layer with a little coconut milk before frosting.
  • If making the cake ahead of time, wait to frost it until just before serving to maintain freshness.

Variation

You can easily adapt this recipe. For a chocolate twist, consider adding cocoa powder to the cake batter or incorporating chocolate ganache between the layers.

FAQs

What can I use instead of fresh mango puree?
You can use canned mango puree if fresh mangoes aren’t available, but ensure it’s pure and unsweetened for the best results.

How can I make this cake gluten-free?
Substituting all-purpose flour with a gluten-free flour blend will work. Just ensure that the blend contains a gum to help with texture.

Can I buy mango puree online?
Yes! You can buy it conveniently here and have it delivered to your doorstep.

Try this Mango Coconut Layer Cake for your next event or simply as a weekend treat. Its delightful flavor will surely become a family favorite!

Share This Article
Leave a Comment