Go Back

Mango Coconut Layer Cake

A delightful dessert combining tropical flavors of mango and coconut in a stunning layered form, perfect for any occasion.
Print Recipe Pin Recipe
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