As I stood under the warm sun, the scent of ripe mangoes filled the air, instantly transporting me to a tropical paradise. This Vegan Mango Coconut Cake brings that blissful feeling right to your kitchen, featuring three layers of fluffy mango sponge and luscious mango buttercream that’s utterly delightful. It’s not just a dessert; it’s a celebration—all while being plant-based! The perks of this recipe are abundant: it’s a visual showstopper for gatherings and a breeze to make, ensuring you won’t be spending all day in the kitchen. Trust me, friends and family won’t believe it’s vegan! So, are you ready to dive into this fruity, delightful adventure? Let’s get baking!

Why is this cake a must-try?
Tropical Adventure: This Vegan Mango Coconut Cake transports you straight to paradise with its tropical flavors, perfect for summer celebrations.
Unique Layers: The three layers of fluffy mango sponge paired with rich buttercream offer a stunning visual and an irresistible taste.
Simple Steps: Despite its impressive appearance, the recipe is easy to follow, making it great for both novice bakers and seasoned pros.
Plant-Based Delight: Enjoy a dessert that’s 100% vegan without compromising on flavor or texture—everyone will want a slice!
Crowd Pleaser: Present this showstopper at your next gathering, and watch it disappear quicker than you can say “tropical bliss.” Pair it with a scoop of coconut ice cream for an extra treat, just like with our Gingerbread Pancakes Cozy!
Vegan Mango Coconut Cake Ingredients
For the Sponge Layers
• Dairy-Free Milk – Provides moisture and is the base for the vegan buttermilk; substitute with almond or oat milk if preferred.
• Apple Cider Vinegar – Activates the baking soda to help the cake rise; no direct substitute, but lemon juice can also work.
• Self-Raising Flour – Gives structure and fluffiness; can use all-purpose flour with added baking powder (1.5 teaspoons per cup for DIY self-raising flour).
• Caster Sugar – Sweetens and helps create a moist cake; can substitute with coconut sugar or other granulated sweeteners.
• Baking Powder – Leavening agent for fluffiness; ensure it’s fresh for best results.
• Bicarbonate of Soda – Works with vinegar for added leavening; no substitute necessary.
• Sunflower Oil – Adds moisture and richness; can substitute with any neutral oil like canola or melted coconut oil.
• Vanilla Extract – Enhances flavor; use pure vanilla for best taste; artificial vanilla as a last resort.
• Mango Purée – Provides fruity flavor and moisture; store-bought or homemade purée can be used.
For the Buttercream
• Dairy-Free Butter – Forms the base of the buttercream; ensure block-style is used for best texture, can substitute with margarine.
• Powdered/Icing Sugar – Sweetens and thickens the buttercream; no substitute; cornstarch can help if you want a homemade alternative.
• Mango Purée – Adds tropical flavor to the frosting; use extra for drizzling on the finished cake.
Step‑by‑Step Instructions for Vegan Mango Coconut Cake
Step 1: Prepare Vegan Buttermilk
Begin by combining 1 cup of dairy-free milk with 1 tablespoon of apple cider vinegar in a bowl. Stir gently and let this mixture sit for about 5 minutes; it will thicken and curdle slightly, creating the vegan buttermilk needed for the fluffy texture of your Vegan Mango Coconut Cake.
Step 2: Mix Dry Ingredients
In a large mixing bowl, sift together 2 cups of self-raising flour, 1 cup of caster sugar, 1 teaspoon of baking powder, and 1 teaspoon of bicarbonate of soda. Whisk these ingredients until well combined, ensuring no lumps remain. This step is vital for achieving the perfect fluffy sponge layers in your cake.
Step 3: Combine Wet Ingredients
In a separate bowl, whisk together the prepared vegan buttermilk, ½ cup of sunflower oil, 1 teaspoon of vanilla extract, and ½ cup of mango purée. Blend well until smooth and homogeneous. This mixture will create the moist base in your Vegan Mango Coconut Cake, elevating its tropical flavor.
Step 4: Combine Mixtures
Slowly add the dry ingredient mixture into the wet ingredients, folding with a spatula until just combined. Be careful not to overmix, as this can result in a dense cake. You want a smooth, slightly lumpy batter for optimal fluffiness once baked.
Step 5: Bake Sponge Layers
Preheat your oven to 180°C (350°F) and prepare two 8-inch round cake pans by greasing and lining them. Divide the cake batter evenly between the pans, smoothing the tops. Bake in the preheated oven for 25-30 minutes or until golden brown and a toothpick inserted in the center comes out clean.
Step 6: Cool Layers
Once baked, remove the sponge layers from the oven and let them cool in the pans for about 10 minutes. Carefully transfer the layers to wire racks to cool completely. This step is crucial to avoid melting the buttercream later, ensuring a beautifully layered Vegan Mango Coconut Cake.
Step 7: Make Buttercream
While the cake layers cool, prepare the buttercream by beating ½ cup of dairy-free butter in a bowl until creamy and smooth. Gradually add 2 cups of powdered sugar and ½ cup of mango purée, mixing until fluffy and well combined. The consistency should be spreadable yet firm for optimal layering.
Step 8: Assemble Cake
Once the sponge layers are completely cool, place one layer on your serving plate. Spread a generous layer of mango buttercream and drizzle some mango purée on top, then sprinkle on desiccated coconut. Top with the second sponge layer and repeat the process, ensuring layers stay even and delightful.
Step 9: Decorate
Finally, coat the exterior of the entire Vegan Mango Coconut Cake with desiccated coconut, pressing gently to adhere. Decorate with swirls of remaining buttercream, fresh mango chunks, and garnish with sprigs of rosemary for an elegant touch. Your tropical treat is now ready to impress!

What to Serve with Vegan Mango Coconut Cake?
Elevate your dessert experience by pairing this tropical delight with complementary flavors and textures.
- Coconut Ice Cream: Creamy and refreshing, it balances the cake’s sweetness while enhancing its tropical flair.
- Fresh Fruit Salad: A colorful mix of mango, pineapple, and berries brightens the palate and adds a juicy contrast.
- Minty Mojito: The invigorating mint and zesty lime complement the cake’s flavors and bring a refreshing element to your meal.
- Tropical Smoothie: Blend coconut milk, mango, and a hint of banana for a luscious drink that echoes the cake’s tropical essence.
- Macaroon Cookies: Chewy coconut macaroons provide a delightful texture contrast and a sweet treat that plays well with the cake’s flavors.
- Chilled Mango Lassi: This sweet, yogurt-based drink enhances the tropical theme and offers a cooling effect alongside the cake.
- Citrus Salad: A salad of oranges and grapefruits brightens your plate, balancing the sweetness with zesty freshness.
- Almond Biscotti: Crunchy and nutty, these cookies are perfect for dipping into a warm beverage alongside your cake.
- Ginger Tea: A spiced ginger tea can cleanse the palate, offering a warm and soothing finish to the fruity dessert experience.
- Chocolate Drizzle: A light drizzle of dark chocolate sauce can add depth and richness, creating an irresistible flavor combination.
Vegan Mango Coconut Cake Variations
Feel free to get creative with your Vegan Mango Coconut Cake and let your taste buds explore exciting combinations!
-
Fruit Fusion: Use different fruit purées like passion fruit or berry to change up the cake’s flavor profile. Each fruit brings its unique sweetness, adding a fun twist to your cake.
-
Nutty Delight: Add chopped nuts like almonds or walnuts for a delightful crunch and added richness. The nutty flavor beautifully complements the fruity layers.
-
Chocolate Twist: Fold in some cocoa powder to the batter to create a chocolate mango cake. Pair this with a chocolate buttercream for an indulgent dessert that will astonish everyone.
-
Coconut Extra: Ditch the desiccated coconut and instead sprinkle with crushed macadamia nuts for a different texture; it brings an unexpected twist to your tropical treat.
-
Caramel Drizzle: A gentle drizzling of vegan caramel sauce over your cake adds a sweet decadence. The combination of mango and caramel is pure bliss!
-
Spice it Up: Incorporate a pinch of cardamom or cinnamon into the batter for a warm spice that enhances the tropical flavors, creating a cozy aroma as it bakes.
-
Extra Creaminess: Swap the mango purée in your buttercream with coconut cream for an ultra-rich and creamy frosting. The combination of flavors is truly divine.
-
Savory Note: For a festive surprise, fold in some finely grated lime zest into the cake batter for a hint of citrusy brightness that elevates the whole dessert.
Your cake can transform every time you make it, making it a versatile addition to your dessert repertoire! Want more delightful ideas? Pair it with coconut ice cream, just like our Gingerbread Pancakes Cozy, for a truly tropical experience.
Expert Tips for Vegan Mango Coconut Cake
• Cool Completely: Ensure the sponge layers are completely cool before frosting to prevent the buttercream from melting and sliding off.
• Mix Gently: Avoid overmixing the batter; you want a slightly lumpy texture for fluffy layers in your Vegan Mango Coconut Cake.
• Fresh Ingredients: Use fresh baking powder and bicarbonate of soda for optimal leavening—stale ingredients can lead to dense cake layers.
• Taste Test Buttercream: Adjust sweetness by varying the powdered sugar in the buttercream; taste as you go to find your perfect balance.
• Decorative Touches: Enhance the look and flavor by topping with fresh mango and edible flowers, making your cake a gorgeous centerpiece for gatherings.
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 then allowing them to cool completely before wrapping them tightly in plastic wrap. Store them in the refrigerator to maintain their moisture. The mango buttercream can also be made ahead and stored in an airtight container for up to 3 days in the fridge; just give it a quick stir before using. When you’re ready to serve, simply layer the cooled sponge with the prepared buttercream and mango purée to assemble your cake, ensuring you have a delightful dessert on hand with minimal effort!
Storage Tips for Vegan Mango Coconut Cake
Fridge: Store the vegan mango coconut cake in an airtight container in the refrigerator for up to 3 days to keep it moist and fresh.
Room Temperature: Un-iced sponge layers can be left at room temperature for up to 2 days, but it’s best to frost just before serving to maintain texture.
Freezer: For longer storage, wrap the cooled sponge layers tightly in plastic wrap and place them in a freezer-safe container for up to 2 months. Thaw them in the fridge overnight before frosting.
Reheating: If you’ve frozen the cake, let it thaw completely in the fridge, and enjoy it chilled. The beauty of this vegan mango coconut cake is that it’s delightful straight from the fridge!

Vegan Mango Coconut Cake Recipe FAQs
What’s the best way to select ripe mangoes?
Absolutely! When choosing mangoes, look for ones that give slightly to gentle pressure. They should be fragrant and have a vibrant color—avoid those with dark spots or dents. A ripe mango should feel firm but not hard, like a gentle squeeze of your cheek!
How can I store leftover Vegan Mango Coconut Cake?
Very simply! Store your cake in an airtight container in the refrigerator for up to 3 days. This helps keep it moist and fresh. If you prefer serving it chilled, store it in the fridge until it’s time to enjoy!
Can I freeze the leftover cake or layers?
For sure! To freeze, wrap the cooled sponge layers tightly in plastic wrap and then place them in a freezer-safe container or a zip-top bag. They can be stored for up to 2 months. When you’re ready to savor this tropical delight, thaw the layers in the refrigerator overnight before frosting and enjoying!
What should I do if my cake layers rise unevenly?
No worries! If your layers come out uneven, you can level them with a serrated knife once they’re completely cool. Just gently slice off the domed tops for a flat surface! If you notice they’re too dense, double-check that your baking powder is fresh next time—it’s crucial for those fluffy layers!
Is this cake safe for people with nut allergies?
Yes, it can be! This Vegan Mango Coconut Cake is nut-free as written, but always check your dairy-free milk’s ingredients and any optional toppings you might use, as some brands may process their products in facilities that handle nuts. Always better to be safe than sorry!

Delicious Vegan Mango Coconut Cake for Tropical Bliss
Ingredients
Equipment
Method
- Prepare Vegan Buttermilk: Combine dairy-free milk with apple cider vinegar and let sit for 5 minutes.
- Mix Dry Ingredients: Sift self-raising flour, caster sugar, baking powder, and bicarbonate of soda in a bowl.
- Combine Wet Ingredients: Whisk vegan buttermilk, sunflower oil, vanilla extract, and mango purée until smooth.
- Combine Mixtures: Slowly fold the dry mixture into the wet ingredients until just combined.
- Bake Sponge Layers: Preheat oven to 180°C, divide batter between greased cake pans and bake for 25-30 minutes.
- Cool Layers: Allow sponge layers to cool in pans for 10 minutes before transferring to wire racks.
- Make Buttercream: Beat dairy-free butter, add powdered sugar and mango purée until fluffy.
- Assemble Cake: Layer sponge, spread buttercream, drizzle mango purée, and sprinkle coconut.
- Decorate: Coat cake with coconut, add buttercream swirls, mango chunks, and rosemary for garnish.

Leave a Reply