As I stood in my kitchen, a beautiful golden mango perched on the counter caught my eye—it was the perfect moment to create something special. That’s how the idea for my Ultimate Vegan Mango Coconut Cake came to life. This delightful treat features three luscious layers of mango sponge, kissed by a creamy mango buttercream, making it the star of any gathering. Not only is this cake a vegan showstopper, but it’s also surprisingly easy to whip up! With its tropical flair, it promises an escape to paradise without sacrificing flavor or indulgence. Whether you’re celebrating a birthday or simply craving a sweet tropical escape, this cake proves that plant-based desserts can be just as enchanting as their traditional counterparts. Ready to dive into a slice of sunshine? Let’s get baking!

Why Is This Cake a Showstopper?
Tropical Escape: The Vegan Mango Coconut Cake transports you to a sunny paradise with its light and fluffy mango sponge and creamy coconut buttercream.
Guilt-Free Indulgence: Enjoy this vegan delight without compromising on taste, proving that plant-based desserts can be just as luscious as their traditional counterparts!
Effortlessly Impressive: This cake is surprisingly easy to make, making it a perfect choice for both beginner bakers or seasoned chefs looking to wow their guests.
Perfect for Any Occasion: Ideal for birthdays and summer gatherings, this stunning cake is sure to be the centerpiece that delights everyone, echoing the appeal of our delicious Coconut Shrimp Sweet or Cinnamon Apple Cake.
Customizable Delight: Whether you want to swap mango for another fruit or add a zest of citrus, the possibilities for personalization are endless, giving you the flexibility in presentation and flavor!
Vegan Mango Coconut Cake Ingredients
• Get ready for tropical bliss!
For the Sponge
- Dairy-Free Milk (480ml) – Provides moisture and acts as a liquid base; soya milk is preferred, but any non-dairy milk works.
- Apple Cider Vinegar (2 teaspoons) – Reacts with baking soda to create a fluffy texture; can substitute with lemon juice.
- Self-Raising Flour (420g) – Gives structure and lightness to the sponges; all-purpose flour can be used with baking powder added.
- Caster Sugar (300g) – Sweetens and helps create a tender crumb; can be substituted with coconut sugar for a different flavor.
- Baking Powder (1 teaspoon) – A leavening agent for added lift; ensure it’s fresh for best results.
- Bicarbonate of Soda (1 teaspoon) – Works with the vinegar to leaven the cake; omit if using only baking powder.
- Sunflower Oil (120ml) – Adds moisture and richness; can substitute with any neutral oil like canola.
- Vanilla Extract (1 teaspoon) – Enhances flavor; swap with almond extract for a different taste.
- Mango Puree (80g for sponge, 6 tablespoons for buttercream) – Provides flavor and moisture to both sponge and buttercream; can use store-bought or homemade puree.
For the Buttercream
- Dairy-Free Butter (300g) – Base for the buttercream, offering rich texture; use high-quality dairy-free butter for best results.
- Powdered/Icing Sugar (500g) – Sweetens and thickens the buttercream; no substitution recommended for desired texture.
For Decoration
- Desiccated Coconut – Adds texture and flavor; adjust the amount as desired based on preference.
With these ingredients, you’re all set to create the delightful Vegan Mango Coconut Cake that will wow any crowd! Let’s get baking!
Step‑by‑Step Instructions for Vegan Mango Coconut Cake
Step 1: Prep Vegan Buttermilk
Begin by creating the vegan buttermilk—combine 480ml of dairy-free milk with 2 teaspoons of apple cider vinegar in a measuring cup. Stir it gently and let it sit for about 5-10 minutes until it thickens and curdles slightly, mimicking traditional buttermilk. This crucial step enhances the moistness of your Vegan Mango Coconut Cake.
Step 2: Mix Dry Ingredients
In a large mixing bowl, whisk together 420g of self-raising flour, 300g of caster sugar, 1 teaspoon of baking powder, and 1 teaspoon of bicarbonate of soda. Make sure to blend them thoroughly until well combined and airy, allowing the dry ingredients to mix evenly. This creates a light base for your cake sponges.
Step 3: Combine Ingredients
Add the prepared vegan buttermilk, 120ml of sunflower oil, 1 teaspoon of vanilla extract, and 80g of mango puree to the dry ingredient mixture. Use a spatula to gently mix everything together until a smooth batter forms, taking care to not over-mix. This ensures that you maintain the fluffy texture that is key for the Vegan Mango Coconut Cake.
Step 4: Bake
Preheat your oven to 180°C (356°F) while preparing your cake tins by greasing them lightly. Divide the batter evenly among the prepared tins and spread it out to create an even surface. Bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean. The sponges should be lightly golden and spring back when touched.
Step 5: Prepare Buttercream
While the cake layers cool, prepare the mango buttercream. In a mixing bowl, beat together 300g of dairy-free butter and 500g of powdered sugar until they become creamy and smooth. Then, fold in 6 tablespoons of mango puree, mixing until the buttercream is light and fluffy. This will add a tropical twist to the frosting.
Step 6: Assemble Cake
Once the sponges are completely cooled, it’s time to assemble your Vegan Mango Coconut Cake. Place one sponge layer on a serving plate, spread a generous layer of the mango buttercream over it, followed by a drizzle of mango puree and a sprinkle of desiccated coconut. Repeat this process for the second layer, then top with the final sponge.
Step 7: Decorate
To finish your stunning Vegan Mango Coconut Cake, coat the entire cake in the remaining buttercream, smoothing it evenly across the surface. Then, generously sprinkle desiccated coconut over the top and sides for an inviting texture. For a beautiful presentation, pipe additional buttercream decoratively, drizzle extra mango puree, and crown your creation with fresh mango chunks and rosemary.

Expert Tips for Vegan Mango Coconut Cake
- Measure Accurately: Use a kitchen scale for precision when measuring ingredients like flour and sugar; this ensures the perfect texture for your Vegan Mango Coconut Cake.
- Cool Completely: Allow the sponge layers to cool completely before frosting to avoid melting the buttercream and losing that fluffy finish.
- Fresh Ingredients: Always use fresh baking powder and bicarbonate of soda to ensure a proper rise in your vegan cake layers—this avoids dense textures.
- Oil Substitute: If you choose to substitute sunflower oil, stick with neutral oils only; strong-flavored oils can overwhelm the delicate mango taste.
- Prep Ahead: Make the mango puree a day in advance, if possible, to enhance flavor and save time on baking day; it will create a richer taste in both the sponge and frosting.
- Stay Vigilant: Keep an eye on your cake in the oven during the last few minutes of baking. Overbaking can lead to a dry Vegan Mango Coconut Cake, while underbaking can leave it gooey.
Make Ahead Options
Preparing the Vegan Mango Coconut Cake ahead of time is a fantastic way to save time for your busy weeknights or upcoming celebrations! You can bake the cake sponges up to 24 hours in advance; just let them cool completely and then wrap them tightly in plastic wrap to keep them moist. The buttercream can also be made up to 3 days ahead—store it in an airtight container in the fridge and give it a quick whip before using to restore its fluffiness. When you’re ready to assemble, simply layer the cooled sponges with the buttercream, drizzle mango puree, and sprinkle with desiccated coconut, ensuring your cake is just as delightful as the day it was made!
Vegan Mango Coconut Cake Variations
Feel free to make this delightful cake your own with these fun twists and substitutions that will excite your taste buds!
-
Tropical Fruit Swap: Instead of mango, use fresh passionfruit or pineapple for a new tropical flavor profile.
-
Nutty Crunch: Replace desiccated coconut with crushed almonds or walnuts for a satisfying crunch and a different texture.
-
Citrus Zing: Add a splash of lemon or lime zest to the batter for a bright and zesty kick that elevates the cake’s flavor.
-
Choco Delight: Frost with a vegan chocolate ganache instead of mango buttercream for a decadent chocolate twist that pairs wonderfully with coconut.
-
Gluten-Free Option: Swap self-raising flour for a gluten-free blend to enjoy this cake while catering to different dietary needs.
-
Coconut Cream Frosting: Make your buttercream with coconut cream instead of dairy-free butter for a rich and creamy frosting that’s deeply coconut-flavored.
-
Heat It Up: Add a pinch of cayenne pepper or chopped jalapeños to the mango puree for a surprising sweet and spicy combo that livens up each bite.
-
Chocolate Drizzle: Drizzle with melted dark chocolate for an extra layer of flavor and a touch of elegance, reminiscent of enjoying a slice with our delicious Pumpkin Coffee Cake.
Customize your cake with these variations to make it unique and reflect your personal taste. Enjoy the delicious journey of flavors as you create the perfect treat!
Storage Tips for Vegan Mango Coconut Cake
- Room Temperature: Keep the cake covered at room temperature for up to 2 days without frosting. This helps maintain moisture and flavor while allowing you to enjoy it fresh.
- Fridge: For iced Vegan Mango Coconut Cake, store it in the refrigerator, covered tightly, and consume within 3 days to preserve its glorious texture and taste.
- Freezer: You can freeze unfrosted cake layers by wrapping them in plastic wrap and placing them in an airtight container for up to 3 months. Thaw in the fridge before frosting.
- Reheating: If serving individual slices, you can gently reheat in the microwave for 10-15 seconds to enjoy a warm slice that enhances the tropical flavors of the cake.
What to Serve with Vegan Mango Coconut Cake?
Elevate your tropical dessert experience by pairing this heavenly cake with delightfully complementary sides and beverages.
-
Coconut Whipped Cream: A dollop of light, fluffy coconut whipped cream accentuates the cake’s tropical theme, adding a creamy texture that enhances each biting experience.
-
Fresh Fruit Salad: A vibrant mix of tropical fruits like pineapple, kiwi, and berries brings a refreshing contrast, balancing the cake’s sweetness while offering colorful presentation.
-
Minty Limeade: The zesty brightness of minty limeade acts as a refreshing palate cleanser between bites, cutting through the rich flavors and leaving you craving more.
-
Chilled Coconut Chai: Creamy, spiced coconut chai also rounds out the tropical experience, lending a warm yet refreshing note to each dessert encounter.
-
Pineapple Sorbet: This fruity and icy treat provides a cool, tangy contrast that brightens the flavors of the cake, making for a refreshing dessert duo.
-
Mango Smoothie: Blend up a mango smoothie for a rich, sweet drink option that mirrors the cake’s essence, creating a blissful harmony of tropical flavors.
Each of these delightful pairings offers a synergistic burst of flavors and textures to perfect your Vegan Mango Coconut Cake experience. Enjoy!

Vegan Mango Coconut Cake Recipe FAQs
How can I tell if my mangoes are ripe?
Absolutely! When selecting mangoes, look for ones that are slightly soft to the touch, with a fragrant aroma near the stem. A ripe mango will have a golden-yellow skin, and while some green is okay, they should not be too firm or have dark spots all over. If they’re not ripe, leave them at room temperature, and they’ll sweeten up in a few days.
How should I store my Vegan Mango Coconut Cake?
Very simple! If uniced, you can keep your cake covered at room temperature for up to 2 days. Once frosted, it’s best to store it in the fridge, ensuring it’s covered tightly with plastic wrap or a cake dome. Consume it within 3 days for optimum flavor and freshness—trust me, it’s best enjoyed at room temperature!
Can I freeze Vegan Mango Coconut Cake?
Absolutely! To freeze un-frosted cake layers, wrap them tightly in plastic wrap and place them in an airtight container for up to 3 months. When you’re ready to enjoy, just thaw them overnight in the fridge. Frost when completely cool, and you’ll have a delicious tropical dessert ready in no time!
What should I do if my cake doesn’t rise properly?
Very important! If your Vegan Mango Coconut Cake doesn’t rise as expected, the likely culprits are expired leavening agents. Make sure to check the freshness of your baking powder and bicarbonate of soda before baking; they should be light and not clumpy. If you encounter this issue, consider adjusting baking temperatures or ensuring proper mixing without over-mixing, which can lead to dense textures.
Is this cake suitable for those with allergies?
Yes, indeed! The Vegan Mango Coconut Cake is ideal for those avoiding dairy and eggs. However, be cautious with allergies to coconut, as the decoration and frosting contain coconut. Always check your ingredients for allergens if you have specific dietary needs, and feel free to substitute any ingredients to accommodate your guests’ preferences.
Any tips for achieving the best flavor?
Sure thing! For an extra flavor kick, make your mango puree a day in advance. This allows the flavors to meld beautifully and will enhance both the sponge and buttercream. Additionally, try adding a splash of citrus zest, like lime or lemon, to the batter for a refreshing contrast that complements the mango. Enjoy your baking!

Delicious Vegan Mango Coconut Cake for Tropical Bliss
Ingredients
Equipment
Method
- Prep Vegan Buttermilk: Combine 480ml of dairy-free milk with 2 teaspoons of apple cider vinegar in a measuring cup. Stir gently and let sit for about 5-10 minutes until it thickens.
- Mix Dry Ingredients: In a large mixing bowl, whisk together 420g of self-raising flour, 300g of caster sugar, 1 teaspoon of baking powder, and 1 teaspoon of bicarbonate of soda until well combined.
- Combine Ingredients: Add the vegan buttermilk, 120ml of sunflower oil, 1 teaspoon of vanilla extract, and 80g of mango puree to the dry ingredients. Mix gently until a smooth batter forms.
- Bake: Preheat the oven to 180°C. Divide the batter among prepared tins. Bake for 25-30 minutes, or until a toothpick comes out clean.
- Prepare Buttercream: Beat together 300g of dairy-free butter and 500g of powdered sugar until creamy. Fold in 6 tablespoons of mango puree until fluffy.
- Assemble Cake: Layer the sponge with mango buttercream and mango puree, repeat with the second layer, and top with the final sponge.
- Decorate: Coat the cake in remaining buttercream and sprinkle with desiccated coconut. Optionally, pipe extra buttercream and drizzle mango puree.

Leave a Reply