share this recipe

Mango Coconut Cake

prep time: 30 min | bake time: 30 mins | total time: 2 hrs

This moist and fluffy eggless Mango Coconut Cake is packed with tropical flavor. Layered with sweet coconut sponge, filled with diced mangoes, and topped with whipped cream cheese frosting. It is light, fruity, and truly tastes like a tropical vacation in every bite! Make it dairy-free to suit your dietary needs.

You Won’t Miss the Eggs in This Delicious Mango Coconut Cake

Are you looking for a simple and delicious dessert that feels like a tropical escape? This eggless mango coconut cake is soft, moist, and bursting with fresh mango and coconut flavor. It’s made without eggs, but you’d never guess it. The texture is light and fluffy, and every bite tastes like sunshine.

I will admit, mangoes are my favorite fruit, so I had big expectations when I created this recipe. And it totally delivered. The mango adds natural sweetness and moisture, while the coconut gives each slice a subtle chew and richness. The cream cheese frosting is light and tangy, not too heavy, and it balances the tropical flavors perfectly.

moist mango coconut layer cake recipe

Why You’ll Love This Eggless Mango Coconut Cake

  • Bursting with Tropical Flavor: This cake is packed with juicy mango and sweet coconut, offering a light, fruity taste that feels like summer in every slice refreshing and perfect for warm days.
  • You Won’t Miss the Eggs: This cake is completely egg-free but still soft, moist, and fluffy. The secret lies in using yogurt and a touch of lemon juice for the perfect texture.
  • Easy Method, No Fancy Ingredients : All you need for this recipe are basic baking ingredients, dessicated coconut, ripe mangoes, no fancy ingredients!

Equipment for Mango Coconut Cake

  • 2 x 8inch (20cm) Round Cake Pans
  • Mixing Bowls
  • Electric Whisk
  • Measuring Scale
moist mango coconut layer cake recipe

Ingredients for the Coconut Cake

  • Milk: It adds moisture to the batter and helps create a soft, tender crumb. In eggless baking, milk provides richness and supports the cake’s overall structure.
  • Water: It helps thin the batter slightly, making it easier to mix and pour. It also aids in even baking by preventing the batter from becoming too dense. 
  • Lemon Juice: It reacts with baking soda to create a light, airy texture.In eggless recipes, it’s often used to help the cake rise and become fluffier.
  • Plain Yogurt: It adds moisture, richness, and a gentle tang to the cake. It also acts as a natural egg substitute, helping to bind the ingredients and create a soft crumb.
  • Cane Sugar: It sweetens the cake and also contributes to its softness and moisture. During baking, sugar interacts with fats and liquids to lock in moisture.
  • Oil: It makes the cake extra moist and keeps it soft even after refrigeration. Unlike butter, oil doesn’t harden when cold, which helps maintain the cake’s softness.
  • Vanilla Extract: It adds a warm, sweet aroma and enhances the flavor of mango and coconut. 
  • All-Purpose Flour: It gives the cake structure and helps it hold its shape. In this recipe, flour is the base that supports all the other ingredients.
  • Desiccated Coconut (or Unsweetened Shredded Coconut): Coconut adds texture, a subtle chew, and rich tropical flavor to the cake. Coconut also absorbs some moisture, helping balance the wet ingredients.
  • Corn Starch: It helps create a softer, more tender crumb by reducing the amount of gluten formed in the flour. It lightens the texture and makes the cake feel smoother in your mouth.
  • Baking Powder: This is a leavening agent that makes the cake rise and become fluffy. It releases carbon dioxide when mixed with liquid and heat, creating air pockets in the batter. This helps the cake stay light and airy without eggs.
  • Baking Soda: It works with acidic ingredients like yogurt and lemon juice to produce a light, risen cake. It also helps improve the cake’s color and flavor.
  • Salt: It enhances the sweetness of the cake and balances the overall flavor. 
moist mango coconut layer cake recipe

Ingredients for the Mango Topping and Filling

  • Ripe Mango (Diced or Canned): Fresh ripe mango adds natural sweetness, vibrant color, and juicy texture, giving the cake a light, tropical flavor. Canned Diced Mango can be used as an alternative when fresh mango is out of season.
  • Mango Puree: Mango purée adds a smooth, fruity layer, enhancing the flavor and moisture of the filling. It ties together the diced mango pieces for a cohesive texture
  • Sugar (as needed): Sugar enhances the natural sweetness of the mango, especially if the fruit is slightly tart or not fully ripe. 
mango coconut cake using fresh mangoes and coconut milk

Ingredients for the Cream Cheese Frosting

  • Cream Cheese (Cold): It gives the frosting a rich, creamy texture and slightly tangy flavor that balances the sweetness of the cake. Using it cold helps the frosting hold its shape better, especially in warm weather. 
  • Powdered Sugar (Sifted): Sifting the powdered sugar sweetens the frosting, removes lumps, and creates a smooth, velvety texture while stabilizing it when whipped with cream cheese and cream.
  • Whipping Cream (Cold): Whipping cold cream adds volume, lightness, and a smooth texture to the frosting. It helps create an airy, stable frosting that’s soft yet pipeable when blended with cream cheese.
  • Vanilla Extract: It enhances the flavor of the frosting, adding warmth and depth. 
moist mango coconut layer cake recipe

How to Make the Coconut Cake

Preheat the oven to 350°F (175°C). Lightly grease two 8-inch round cake pans with a little oil, then line the bottoms with baking paper to prevent sticking.

In a large mixing bowl, combine the milk, lemon juice, and yogurt. Make sure all three are at room temperature. Let the mixture sit for a few minutes to curdle slightly. This will help create a light and fluffy texture.

refreshing mango coconut cake for beach wedding
refreshing mango coconut cake for beach wedding

Add the oil and sugar to the bowl. Whisk well until the sugar is fully dissolved and the mixture looks smooth. Stir in the vanilla extract and desiccated coconut until everything is evenly mixed.

Place a sifter over the bowl and sift in the flour, corn starch, baking powder, baking soda, and salt. Gently mix until you have a smooth, lump-free batter. Don’t overmix. Just stir until everything is combined.

mango coconut cake for birthdays and special occasions
best mango coconut cake recipe for summer parties

Pour the batter evenly into the prepared pans and smooth the tops with a spatula. Bake in the oven for 25 to 30 minutes, or until the tops are set and spring back when lightly pressed with your fingers.

Let the cakes cool in the pans for 10 minutes. Then remove from the pans and place on a wire rack to cool completely. Once fully cooled, you can use a serrated knife to level the tops before adding frosting.

gluten-free mango coconut cake with mango puree
moist mango coconut layer cake recipe

How to Make Mango Topping & Filling

In a mixing bowl, add the diced mango, mango puree, and sugar. Stir well until the sugar is fully dissolved.

moist mango coconut layer cake recipe

Once everything is evenly mixed, cover the bowl and place it in the refrigerator so the flavors can blend and the mixture stays fresh until you’re ready to use it in the cake.

fresh mango cake

How to Make the Cream Cheese Frosting

In a large mixing bowl, use a stand mixer with a whisk attachment or a handheld electric whisk. Add the cold cream cheese and beat it just enough to soften slightly. This makes it easier to mix with the other ingredients.

easy mango coconut cake recipe with fresh mango

Gradually add the sifted powdered sugar in two parts. Mixing slowly at first helps prevent the sugar from flying out, and continuing on medium speed for 4 to 5 minutes helps the mixture become smooth, light, and creamy.

tropical mango coconut cake with cream cheese frosting
moist mango coconut layer cake recipe

Next, add the cold whipping cream, vanilla extract, and a pinch of salt. Continue mixing until the frosting is fully blended and smooth. You’ll know it’s ready when it holds medium peaks. This means it’s thick enough to spread or pipe but still light and fluffy.

moist mango coconut layer cake recipe

How to Assemble the Mango Coconut Cake

To begin assembling the cake, place a small spoonful of frosting in the center of your cake stand or serving plate. 

how to assemble mango coconut layer cake
step-by-step mango coconut cake assembly guide

Place the first cake layer on top of the frosting. Spread 4 to 5 scoops of cream cheese frosting evenly over the top using a spatula or the back of a spoon. To keep the mango filling from spilling out, use your spoon to create a shallow well in the center of the frosting.

mango coconut cake filling and layering tutorial

Spoon a thick layer of the prepared mango filling into the well. Carefully place the second cake layer on top and press it down very gently to align the edges.
Apply a thin layer of frosting all over the cake. This is called a crumb coat, and it helps trap loose crumbs so your final layer looks neat. Place the cake in the fridge and chill for about 30 minutes to let the crumb coat set.

tips for assembling a mango coconut celebration cake
moist mango coconut layer cake recipe

Once the cake is chilled, cover it with a thicker layer of frosting on top and around the sides. Gently press shredded coconut onto the sides of the cake for decoration and added texture.

Decorate the top with remaining frosting to pipe rosettes or borders with a piping bag or zip-top bag with the corner snipped off. Fill the center with more mango topping for a beautiful and flavorful finish.

Chill the fully assembled cake in the fridge for at least 30 minutes before serving to help the layers set. Store any leftovers in an airtight container in the refrigerator. The cake stays fresh for up to 2 days.

Mango Coconut Cake FAQs

moist mango coconut layer cake recipe

Watch this Video for Making Fresh Mango Cream Cake

Bring the Tropics to Your Kitchen with this Mango Coconut Cake!

There’s something magical about the combination of ripe mangoes and toasted coconut: like a slice of summer on your plate. Whether you baked this Mango Coconut Cake to brighten a rainy afternoon or to impress someone special, I hope it made you smile. This recipe was created to be simple, eggless, and full of flavor, so bakers of all levels can enjoy the process (and the results!).

Show Off Your Bake!

Did you give this recipe a try? I’d love to see how your Mango Coconut Cake turned out! Snap a photo and tag me @pastrybysaloni. Whether it’s picture-perfect or proudly homemade, your version might just inspire someone else to bake.

Love Eggless Baking? Try These Next:

Hungry for more easy, tropical-inspired baking ideas? My cookbook Vegan Baking Made Simple is filled with eggless desserts that don’t require fancy ingredients or advanced skills — just good food and good vibes. Grab your copy on Amazon HERE.

Saloni Mehta Pastry Chef and Food Blogger

Meet Saloni

I’m a former pastry chef with a love for breads, cakes and everything in between! My recipes are easy to follow, egg free and are designed to be shared with others!

popular recipes

How to make moist brookies without eggs
Eggless Carrot Cake with cream cheese frosting and can be made vegan dairy-free.

Get new recipes first!

Check out my Cookbook

Get tips from a pro!

mango coconut cake using fresh mangoes and coconut milk
No ratings yet

Mango Coconut Cake

This moist and fluffy eggless Mango Coconut Cake is packed with tropical flavor. Layered with sweet coconut sponge, filled with diced mangoes, and topped with whipped cream cheese frosting. It is light, fruity, and truly tastes like a tropical vacation in every bite! Make is dairy-free to suit your dietary needs.
Author: Saloni Mehta
Rate
Yield: 12 servings
Prep: 30 minutes
Bake Time: 30 minutes
Total: 2 hours

Ingredients

Coconut Cake

  • 240 ml Milk* at room temperature; see notes for dairy-free options
  • 30 ml Water at room temperature
  • 1 tbsp Lemon Juice or apple cider vinegar
  • 80 g Plain Yogurt* at room temperature; see notes for dairy-free options
  • 250 g Cane Sugar or castor sugar
  • 85 ml Sunflower Oil or any neutral oil
  • 2 tsp Vanilla Extract
  • 220 g All Purpose Flour
  • 60 g Desiccated Coconut, or unsweetened shredded coconut plus extra for decorating
  • 2 tbsp Corn Starch
  • 2 + 1/4 tsp Baking Powder
  • 1/4 tsp Baking Soda
  • 1/4 tsp Salt

Mango Topping & Filling (Canned Diced Mango can be used as an alternative when fresh mango is out of season)

  • 200g Mango, 3 mangoes diced in small pieces or use canned mango
  • 150g Mango, 1 mango pureed in food processor
  • 2 tbsp Sugar, as needed

Cream Cheese Frosting

  • 340 g Cream Cheese*, cold; see notes for dairy-free options
  • 90 g Powdered sugar*, sifted
  • 270 ml Whipping Cream, cold; see notes for dairy-free options
  • 2 tsp Vanilla Extract

Decoration

  • 60 g Dessicated Coconut or shredded coconut

Instructions

How to Make the Coconut Cake

  • Preheat the oven to 350°F (175°C). Lightly grease two 8-inch (20cm) round cake pans with a little oil, then line them with baking paper.
  • In a large bowl, combine room-temperature milk, water, lemon juice, and yogurt. Let sit for a few minutes to curdle slightly.
  • Add oil and sugar to the bowl and whisk until smooth and the sugar dissolves. Stir in vanilla extract and desiccated coconut until well combined.
  • Sift flour, corn starch, baking powder, baking soda, and salt into the bowl. Gently mix until smooth and lump-free; don’t overmix.
  • Pour the batter into prepared pans, smooth the tops, and bake for 25–30 minutes, until set and springy to the touch.
  • Cool the cakes in the pans for 10 minutes, then transfer to a wire rack to cool completely. Level the tops with a serrated knife before frosting.

How to Make Mango Topping & Filling

  • In a bowl, mix diced mango, mango purée, and powdered sugar until the sugar dissolves and the filling is smooth.
  • Once mixed, cover and refrigerate to let the flavors blend and keep it fresh until ready to use.

How to Make the Cream Cheese Frosting

  • In a large bowl, beat cold cream cheese with a handheld mixer or stand mixer fitted with whisk attachment just until slightly softened for easier mixing.
  • Gradually add sifted powdered sugar in two parts, mixing slowly at first, then on medium speed for 4–5 minutes until smooth and creamy.
  • Add cold whipping cream, vanilla. Whip on medium speed until smooth and medium peaks form: thick, yet light and fluffy.

How to Assemble the Mango Coconut Cake

  • Place a small spoonful of frosting on the center of your cake stand/plate to hold the bottom layer in place.
  • Place the first cake layer on the frosting. Spread 4–5 scoops of cream cheese frosting evenly, then create a shallow well in the center to hold the mango filling.
  • Spoon the mango filling into the well, then gently place the second cake layer on top, pressing lightly to align the edges.
  • Apply a thin crumb coat of frosting to trap crumbs, then chill the cake for 30 minutes to set it.
  • After chilling, frost the cake with a thicker layer and press shredded coconut onto the sides for decoration and texture.
  • Decorate the top with remaining frosting, piping rosettes or borders, and fill the center with more mango topping for a beautiful finish..
  • Chill the assembled cake for at least 30 minutes before serving. Store leftovers in an airtight container in the fridge for up to 2 days.

Notes

  • Cup vs Weighing Scale: Using measuring cups can give rough estimates, especially for dry ingredients. For better accuracy and consistent results, it's recommended to weigh your ingredients using a digital kitchen scale (in grams).
  • Prepare Before You Start: Before starting any recipe, measure and prepare all your ingredients. This helps the process go smoothly and reduces the chance of mistakes.
  • Teaspoons and Tablespoons: Always use proper measuring spoons for teaspoon (tsp) and tablespoon (tbsp) amounts. Avoid using regular eating spoons, as they aren’t accurate for baking.
  • Sugar Options: You can use cane sugar, granulated sugar, or castor sugar. If you're vegan, check the label to make sure the sugar isn’t processed with bone char. Organic cane sugar is usually vegan-friendly.
  • Cream Cheese: Use any full-fat cream cheese you prefer, or a dairy-free version if needed.
  • Yogurt: Use plain, unsweetened yogurt. Dairy-free or Greek-style yogurt both work well.

Did you try this recipe? Leave a review!

4 Responses

  1. hi ..

    Thanks for sharing wonderful eggless recipes.

    I do have a query..

    You have used vinegar/lemon juice and yogurt too..2 acidic things.. can’t this recipe comes out good with just 1 acidic things ?

    I am learning so want to know the reason behind using yogurt as well.

    Thanks a lot 🙏

    1. Hello
      Thank you so much!

      Great question yogurt and vinegar/lemon juice are used for different reasons.
      Yogurt adds moisture and softness, while vinegar/lemon juice gives a quick acidic reaction with baking soda to help the cake rise better.
      You can use just one, but using both gives the best texture in this recipe.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating




Try these recipes next!

error: Content is protected !!