As the aroma of tropical mango dances in the air, I can’t help but feel a rush of excitement. This Vegan Mango Coconut Layer Cake is my go-to dessert whenever I crave a taste of the sun! With three layers of moist, fragrant sponge topped with velvety mango buttercream and a sprinkle of coconut, it’s not just a cake; it’s a celebration on a plate. The beauty of this recipe lies in its simplicity—each slice is a stunning centerpiece for any summer gathering or birthday party, and it’s completely plant-based! You’ll love how quickly it comes together, making it a perfect choice for those busy days when you still want to impress. Who else is ready to dive into this tropical treat?

Why is this cake a must-try?
Tropical Escape: Every bite of this Vegan Mango Coconut Cake transports you to a sunny paradise, bursting with tropical flavors.
Easy to Make: The straightforward instructions ensure that even novice bakers can whip up this masterpiece in no time.
Plant-Based Perfection: It’s entirely vegan and dairy-free, so everyone can enjoy this delightful dessert without a care!
Impressive Crowd-Pleaser: Perfect for birthdays or summer gatherings, this cake will impress your guests while still keeping your prep time minimal.
Versatile Variations: With simple substitutions, you can experiment by adding passionfruit or chia seeds for an extra layer of flavor.
Elevate your dessert game and check out other delicious recipes like Condensed Milk Cake for more tasty inspirations!
Vegan Mango Coconut Cake Ingredients
Get ready to create a flavor-packed masterpiece!
For the Cake Batter
- Dairy-Free Milk (480ml) – Provides moisture and is the liquid base for the batter; soya milk works best.
- Apple Cider Vinegar (2 teaspoons) – Activates the baking soda for a lighter texture.
- Self-Raising Flour (420g) – The primary structure ingredient that allows the cake to rise and be fluffy; all-purpose flour can be used but requires additional baking powder.
- Caster Sugar (300g) – Sweetens the cake and contributes to its moist texture.
- Baking Powder (1 teaspoon) – Leavening agent that helps the cake rise.
- Bicarbonate of Soda (1 teaspoon) – Works with vinegar for leavening; enhances the cake’s rise.
- Sunflower Oil (120ml) – Adds moisture and richness; keeps the cake tender.
- Vanilla Extract (1 teaspoon) – Enhances the overall flavor profile.
- Mango Purée (80g) – Infuses natural sweetness and intense tropical flavor into the sponge.
For the Mango Buttercream
- Dairy-Free Butter (300g, softened) – Base for the buttercream; ensures a creamy texture.
- Powdered/Icing Sugar (500g) – Sweetens and stabilizes the buttercream for perfect consistency.
- Mango Purée (6 tablespoons plus extra for drizzling) – Adds flavor and moisture, making this buttercream irresistible.
With these ingredients, you’re all set to bake an unforgettable Vegan Mango Coconut Cake that’s perfect for any occasion! Let’s get baking!
Step‑by‑Step Instructions for Vegan Mango Coconut Cake
Step 1: Prepare Vegan Buttermilk
Begin by combining 480 ml of dairy-free milk with 2 teaspoons of apple cider vinegar in a small bowl. Stir well and let it sit for 10 minutes until it curdles, creating a vegan buttermilk. This step is crucial for achieving a light and fluffy Vegan Mango Coconut Cake!
Step 2: Mix Dry Ingredients
In a large mixing bowl, sift together 420 g of self-raising flour, 300 g of caster sugar, 1 teaspoon of baking powder, and 1 teaspoon of bicarbonate of soda. Whisk thoroughly until combined, ensuring no lumps remain. This dry mix will give structure and sweetness to your cake base, setting the foundation for those delicious tropical flavors.
Step 3: Combine Wet Ingredients
In another bowl, whisk together the curdled dairy-free milk, 120 ml of sunflower oil, 1 teaspoon of vanilla extract, and 80 g of mango purée. Mix until well combined; the mixture should be smooth and glossy. These wet ingredients will infuse the cake with moisture and rich mango flavor, making it irresistible.
Step 4: Combine Mixtures
Gradually add the dry ingredients to the wet mixture while gently folding with a spatula. Mix until just combined, being careful not to overmix, as this can make the Vegan Mango Coconut Cake dense. The batter should be thick yet smooth, then prepare for baking your vibrant tropical treat!
Step 5: Bake
Preheat your oven to 350°F (175°C) while you divide the batter evenly among three prepared 8-inch round cake pans. Bake the layers for 25-30 minutes, or until a toothpick inserted into the center comes out clean. Once baked, let them cool in the pans for a few minutes before transferring to a wire rack to cool completely.
Step 6: Make Buttercream
For the luscious mango buttercream, beat 300 g of softened dairy-free butter in a mixing bowl until creamy. Gradually add 500 g of powdered sugar, mixing on low speed until combined. Then, stir in 6 tablespoons of mango purée until the buttercream is fluffy and smooth. This rich topping will beautifully complement your Vegan Mango Coconut Cake layers.
Step 7: Layer Cake
Once the cake layers are completely cool, place one layer on a serving plate. Spread a generous amount of mango buttercream and a drizzle of extra mango purée on top. Gently add the second layer, repeating with more buttercream, and finally top with the third layer. This creates a stunning, tall center for your delicious cake.
Step 8: Decorate
Finish your Vegan Mango Coconut Cake by coating the outer layer with the remaining mango buttercream. Sprinkle desiccated coconut on top and garnish with extra mango purée, fresh mango chunks, and a sprig of rosemary for an elegant touch. This decoration will not only make the cake visually appealing but will enhance its tropical flavors!

What to Serve with Vegan Mango Coconut Cake
Indulging in a slice of this delightful tropical cake is only the beginning of your culinary adventure; let’s create a full meal experience!
-
Fresh Fruit Salad: A vibrant medley of seasonal fruits complements the cake’s tropical flavors and adds a refreshing crunch. Each bite enhances the cake’s sweetness and brings a burst of juicy freshness.
-
Creamy Coconut Rice: The subtle richness of coconut-infused rice creates a lovely harmony with the cake’s textures, making it an excellent side that will transport your taste buds straight to paradise.
-
Minted Lemonade: A refreshing glass of mint lemonade with its zesty and herbal notes balances the cake’s sweetness perfectly and keeps the atmosphere as lively as a summer’s day.
-
Dairy-Free Ice Cream: Vanilla or mango-flavored dairy-free ice cream adds an indulgent, creamy element, enhancing the overall tropical sensation and creating the ultimate dessert experience.
-
Pineapple Salsa: This zesty salsa of fresh pineapple, red onion, and cilantro delivers a punch of tropical flair, contrasting beautifully with the soft cake while offering a delightful crunch.
-
Chai Tea: A warm cup of chai, with its blend of spices, offers a comforting contrast to the tropical flavors of the cake, creating a cozy finish to your dessert experience.
Elevate your serving game by pairing these delightful side dishes and beverages with your Vegan Mango Coconut Cake, making each slice even more special!
How to Store and Freeze Vegan Mango Coconut Cake
Fridge: Store the vegan mango coconut cake in an airtight container for up to 3 days. This keeps it fresh while preserving its moist and fluffy texture.
Room Temperature: Un-iced cake layers can be left covered at room temperature for up to 2 days. This is ideal for maintaining their tender crumb before frosting.
Freezer: For longer storage, freeze individual cake layers by wrapping them tightly in plastic wrap and aluminum foil. They can stay frozen for up to 3 months, ensuring a delightful tropical treat whenever you want!
Reheating: To enjoy the cake after freezing, simply allow it to thaw in the fridge overnight before serving. This ensures the flavors and textures remain wonderful in your vegan mango coconut cake.
Vegan Mango Coconut Cake Variations
Customize your Vegan Mango Coconut Cake just the way you like it, and let your creativity shine with these delightful twists!
-
Tropical Fruits: Substitute mango purée with passionfruit or pineapple purée for a refreshing flavor boost. Each fruit adds its unique tropical twist that elevates the cake experience!
-
Add Texture: Stir in chia seeds or shredded coconut into the sponge for a delightful crunch. These additions not only enhance flavor but make every bite even more exciting.
-
Gluten-Free Option: Swap self-raising flour with a gluten-free all-purpose flour blend to cater to gluten sensitivities. It’ll still maintain that fluffy texture you’re craving!
-
Chocolate Lovers: Fold in cocoa powder or vegan chocolate chips into the batter for a chocolatey surprise. The combination of mango and chocolate can create a rich, decadent treat that’s simply irresistible.
-
Warm Spice: Add a teaspoon of cinnamon or nutmeg to the dry ingredients for a hint of warmth in every bite. It complements the tropical flavors beautifully, making your cake feel cozy and inviting.
-
Nutty Addition: Incorporate ground almonds or crushed walnuts into the batter for added depth and healthy fats. These nuts not only introduce a lovely crunch but also elevate the overall nutritional profile of the cake.
-
Creamy Coconut Frosting: Replace mango buttercream with coconut cream frosting for a different yet deliciously creamy finish. This will give your cake a double dose of tropical essence!
-
Zesty Upgrade: Add zest from a lime or lemon into your batter to bring a zesty brightness, enhancing the tropical vibes. This tiny addition will make a big flavor difference!
Feel free to explore these variations as you create your masterpiece. And once you’ve decided on your favorite twist, don’t forget to check out other delightful recipes like Limoncello Ricotta Cake or Eggnog Bundt Cake with Rum Glaze for more sweet inspirations!
Expert Tips for Vegan Mango Coconut Cake
-
Cool Completely: Make sure to let the sponge layers cool completely before frosting; this prevents the buttercream from melting and ensures a beautiful finish.
-
Add Flavor Depth: For richer mango buttercream, try adding a bit more mango purée or a pinch of salt to balance the sweetness while enhancing the tropical flavor.
-
Avoid Overmixing: Be cautious not to overmix the batter when combining wet and dry ingredients, as this can lead to a denser Vegan Mango Coconut Cake.
-
Use Quality Ingredients: Opt for high-quality dairy-free milk and mango purée for the best flavor and texture in your cake. It truly makes a difference!
-
Experiment with Toppings: Don’t hesitate to customize the decorations; fresh herbs or edible flowers can add a stunning touch while complementing the cake’s tropical nature.
Make Ahead Options
These Vegan Mango Coconut Cake layers are perfect for meal prep enthusiasts! You can prepare the sponge layers up to 24 hours in advance by baking them and allowing them to cool completely. Simply wrap each layer tightly in plastic wrap to maintain moisture and prevent any drying out. The mango buttercream can also be made up to 3 days ahead; store it in an airtight container in the refrigerator. When you’re ready to assemble, simply allow the buttercream to soften at room temperature for about 15-20 minutes before spreading it between the layers. With these make-ahead options, you can serve a delightful dessert with ease, making it ideal for busy weeknights or special occasions!

Vegan Mango Coconut Cake Recipe FAQs
What type of dairy-free milk is best for this cake?
Absolutely! I recommend using soya milk for this Vegan Mango Coconut Cake, as it provides the best texture and moisture. However, you can also use almond milk or oat milk, but they may slightly alter the final result.
Advertisement
How should I store the left-over cake?
To keep your Vegan Mango Coconut Cake fresh, store it in an airtight container in the fridge for up to 3 days. This helps maintain its fluffy texture and moisture, ensuring every slice is a delight.
Can I freeze the cake, and if so, how?
Very! You can freeze the individual cake layers for up to 3 months. Just wrap them tightly in plastic wrap and then in aluminum foil to prevent freezer burn. When you’re ready to enjoy it, thaw the layers in the fridge overnight before frosting.
What if my batter is too dense?
If you find your batter is too thick, it might be because of overmixing. Ensure you fold the wet and dry ingredients just until combined. If the batter remains dense, try adding a touch more dairy-free milk to achieve a smoother consistency.
Is this cake safe for people with nut allergies?
Absolutely! The Vegan Mango Coconut Cake is entirely plant-based and can be made without nuts, making it a safe option for nut allergy sufferers. Just ensure that the dairy-free butter and other ingredients are labeled as nut-free to avoid any cross-contamination.
How can I make this cake gluten-free?
For a gluten-free version of the Vegan Mango Coconut Cake, substitute the self-raising flour with a gluten-free all-purpose flour blend. Be sure to check your baking powder and other ingredients for gluten content, and you’ll have a lovely gluten-free tropical treat!

Vegan Mango Coconut Cake: The Ultimate Tropical Delight
Ingredients
Equipment
Method
- Prepare Vegan Buttermilk: Combine 480 ml of dairy-free milk with 2 teaspoons of apple cider vinegar in a bowl. Let sit for 10 minutes to curdle.
- Mix Dry Ingredients: Sift together 420 g of self-raising flour, 300 g of caster sugar, 1 teaspoon of baking powder, and 1 teaspoon of bicarbonate of soda in a large bowl.
- Combine Wet Ingredients: In another bowl, whisk together the curdled milk, 120 ml of sunflower oil, 1 teaspoon of vanilla extract, and 80 g of mango purée.
- Combine Mixtures: Gradually add the dry ingredients to the wet mixture, folding gently with a spatula until just combined.
- Bake: Preheat oven to 350°F (175°C) and divide the batter among three prepared 8-inch round cake pans. Bake for 25-30 minutes.
- Make Buttercream: Beat 300 g of softened dairy-free butter until creamy, then gradually add 500 g of powdered sugar and 6 tablespoons of mango purée.
- Layer Cake: Place one layer on a plate, spread buttercream, drizzle with mango purée, add the second layer, and repeat. Top with the third layer.
- Decorate: Coat the outer layer of the cake with remaining buttercream, sprinkle desiccated coconut, and garnish with extra mango purée and fresh mango chunks.





