With the scent of sun-ripened mangoes wafting through the kitchen, I can almost hear the waves crashing on a quiet beach. This Luscious Vegan Mango Coconut Layer Cake promises to transport you straight to a tropical oasis with every slice. Packed with three airy layers of vibrant mango sponge and topped with a creamy mango buttercream, this vegan cake is not only a feast for the eyes but also a show-stopper for your taste buds. Whether you’re celebrating a birthday or simply seeking a fruity indulgence, this dessert is a delightful, plant-based twist on a classic layered cake that everyone will love. Easy to make and entirely dairy-free, it’s a guilt-free way to satisfy your sweet cravings while impressing friends and family. Ready to dive into this delicious adventure? Let’s get started on creating your new favorite dessert!

Why is this cake an irresistible treat?
Tropical Escape: Each bite of this Vegan Mango Coconut Cake brings you right to a sun-soaked paradise.
Light and Fluffy: The airy sponge layers paired with creamy mango buttercream create a delightful contrast in texture.
Easy to Make: No special skills required! This recipe is straightforward, making it perfect for both novice and seasoned bakers.
Crowd-Pleasing Delight: Impress your guests at any gathering; even non-vegans won’t be able to resist this vibrant treat!
Versatile Flavor: Feel free to swap out mango for other tropical fruits, or turn this into cupcakes for easier serving at parties. Dive into a tropical twist on your dessert repertoire with this stunning cake that complements occasions just like the elegant Apple Crumble Cheesecake or a batch of Old Fashioned Pancakes on a relaxed weekend!
Vegan Mango Coconut Cake Ingredients
For the Cake
- Dairy-Free Milk – Provides moisture and acts as the liquid base; soy milk works best but any dairy-free milk can be used.
- Apple Cider Vinegar – Activates the baking soda to help the cake rise; substitute with lemon juice if unavailable.
- Self-Raising Flour – Creates a light, fluffy texture by incorporating leavening agents; all-purpose flour can be used with a baking powder addition.
- Caster Sugar – Sweetens and helps with moisture retention; can replace with coconut sugar for a healthier option.
- Baking Powder – Adds extra lift to the cake; ensure it’s fresh for best results.
- Bicarbonate of Soda – Works with vinegar for leavening; omit if using only self-raising flour.
- Sunflower Oil – Introduces richness and helps maintain moisture; substitute with coconut oil for added flavor.
- Vanilla Extract – Enhances the cake’s flavor; use pure vanilla for the best results.
- Mango Puree – Infuses natural sweetness and a tropical flavor into the sponge; use fresh or canned mango puree.
For the Buttercream
- Dairy-Free Butter – Provides the creamy base for buttercream; block butter offers better texture; use a quality brand.
- Powdered/Icing Sugar – Sweetener and thickening agent for the buttercream; no substitutions recommended for best consistency.
- Mango Puree – Adds flavor and lightness to the frosting; use extra for drizzling on top.
Enjoy preparing your delightful Vegan Mango Coconut Cake that promises to wow any crowd with its tropical charm!
Step‑by‑Step Instructions for Vegan Mango Coconut Cake
Step 1: Prep the Vegan Buttermilk
Begin by combining 1 cup of dairy-free milk with 1 tablespoon of apple cider vinegar in a bowl. Stir well and allow the mixture to sit for 5-10 minutes until it thickens and curdles slightly, creating a delicious vegan buttermilk. This step is essential for giving your cake the moisture and lift it needs, setting the stage for your Vegan Mango Coconut Cake.
Step 2: Combine Dry Ingredients
In a separate mixing bowl, whisk together 2 cups of self-raising flour, 1 cup of caster sugar, 1 teaspoon of baking powder, and ½ teaspoon of bicarbonate of soda until well combined. Ensure there are no lumps, as this will help create a light, airy texture in your cake. This mixture forms the dry foundation for the luscious layers to come in your Vegan Mango Coconut Cake.
Step 3: Prepare Cake Batter
In another bowl, mix together the prepared vegan buttermilk, ½ cup of sunflower oil, 1 teaspoon of vanilla extract, and 1 cup of mango puree until smooth and well incorporated. Gradually add the dry ingredient mixture to this, stirring gently until just combined. Be careful not to over-mix; the batter should be smooth and have a lovely tropical aroma, making it the perfect base for your cake.
Step 4: Bake Cakes
Preheat your oven to 180°C (350°F) and grease three 6-inch round cake tins lined with parchment paper. Divide the batter evenly among the prepared tins, smoothing the tops with a spatula. Bake for 25-30 minutes or until a toothpick inserted into the center comes out clean. Once done, remove the cakes from the oven and let them cool in the tins for about 10 minutes before transferring them to cooling racks.
Step 5: Create Buttercream
While the cakes are cooling, prepare the mango buttercream by beating 1 cup of softened dairy-free butter in a large bowl until creamy and smooth. Gradually incorporate 4 cups of powdered sugar and ½ cup of mango puree, mixing until the buttercream is light and fluffy, about 3-4 minutes. The vibrant color and airy texture will beautifully complement the layers of your Vegan Mango Coconut Cake.
Step 6: Assemble the Cake
Once the cake layers are completely cool, layer them on a serving plate, starting with one sponge layer. Spread a generous amount of mango buttercream on top, followed by a drizzle of extra mango puree. Repeat this process for the second layer, adding more buttercream and puree before topping it off with the final sponge.
Step 7: Decorate
Finish your Vegan Mango Coconut Cake by covering the top and sides with the remaining mango buttercream, creating a smooth and glossy finish. To add a festive touch, sprinkle desiccated coconut over the cake’s exterior and place decorative mango slices and fresh rosemary on top. This tropical flair will not only beautify your cake but also entice everyone at the gathering.

Expert Tips for Vegan Mango Coconut Cake
- Cooling Time: Allow the cake layers to cool completely before frosting; this prevents the mango buttercream from melting and sliding off.
- Fluffier Cake: Use room-temperature ingredients for the cake batter, ensuring better incorporation and a fluffier texture in your Vegan Mango Coconut Cake.
- Sifting Sugar: Sift the powdered sugar before adding it to the buttercream; this helps achieve a smoother, creamier consistency in your frosting.
- Check Freshness: Always check the freshness of your baking powder and bicarbonate of soda; expired leavening agents can lead to a dense cake.
- Vegan Butter: Opt for high-quality dairy-free butter to enhance the flavor of your buttercream and achieve that richness everyone desires.
- Flavor Variations: Don’t hesitate to experiment with other fruit purees like passion fruit or pineapple if you want a different twist on the classic mango flavor!
Make Ahead Options
These Vegan Mango Coconut Cake layers are perfect for busy home cooks looking to save time! You can bake the mango sponge layers up to 24 hours in advance; simply let them cool completely, then wrap each layer in plastic wrap and refrigerate to maintain their moisture. The mango buttercream can also be prepared ahead of time and stored in an airtight container in the fridge for about 3 days; just give it a quick whip before frosting to restore its fluffiness. When you’re ready to serve, assemble the cake with layers of buttercream and drizzle with extra mango puree, ensuring your dessert remains just as delightful and fresh!
What to Serve with Luscious Vegan Mango Coconut Layer Cake
The tropical flavors of this cake create beautiful opportunities for a delightful meal pairing that will transport your taste buds to sun-kissed shores.
-
Coconut Rice: This creamy side dish provides a cozy contrast to the cake’s tropical notes, enhancing the coconut flavor beautifully.
-
Fresh Mango Salsa: Bright and refreshing, a zesty mango salsa gives your dessert a burst of lively fruitiness, complementing each mouthful.
-
Grilled Pineapple Skewers: This vibrant addition offers a smoky sweetness that harmonizes with the cake’s fruity profile, adding a fun texture.
-
Chilled Hibiscus Iced Tea: This floral beverage elevates the tropical experience, balancing the cake’s sweetness with its tangy notes.
-
Coconut Whipped Cream: Light and airy, this dreamy topping is a luscious finishing touch, enhancing the cake’s richness without overwhelming it.
-
Lime Sorbet: A perfect palate-cleanser, serving this tangy treat alongside the cake will keep your taste buds dancing with refreshing flavor contrasts.
Consider presenting your cake at a gathering alongside these delightful pairings, and watch as it steals the show, bringing delicious smiles all around!
Variations & Substitutions for Vegan Mango Coconut Cake
Explore delightful ways to customize your Vegan Mango Coconut Cake and make it uniquely yours!
-
Tropical Twist: Swap mango puree for passion fruit or pineapple for a refreshing twist. The vibrant flavors will take your cake to another level of tropical bliss.
-
Citrus Zest: Add lime or orange zest to the batter for a zesty punch of flavor. This tangy addition perfectly complements the sweetness of the mango and elevates your dessert experience.
-
Nutty Crunch: Incorporate shredded almonds or walnuts into the cake layers for added texture. These additions will not only provide a lovely crunch but also a nutty flavor that pairs beautifully with coconut.
-
Decadent Chocolate: Fold in dairy-free chocolate chips to the batter for a rich chocolaty surprise. Imagine biting into a slice of cake that offers heavenly chocolate alongside the lush mango!
-
Fruity Cupcakes: Transform this cake into delightful cupcakes for easy serving at gatherings. Just adjust the baking time to around 15-20 minutes for perfectly portioned treats.
-
Spicy Heat: For the brave, add a hint of cayenne pepper or chopped jalapeños to the batter for a surprising kick. This unexpected heat will balance the sweetness beautifully and leave your guests intrigued.
-
Creamy Variations: Instead of mango in the buttercream, try using coconut cream for an ultra-creamy frosting experience. It’ll accentuate the coconut flavor and add luxurious smoothness.
You can create any of these wonderful variations while maintaining the theme of your gorgeous Vegan Mango Coconut Cake, offering everyone a chance to savor something special. Ready to explore more delicious delights? Check out the wonderful Sugar Cookie Cheesecake or the delightful 3-Ingredient Creamy Yogurt Cake for more inspiration!
How to Store and Freeze Vegan Mango Coconut Cake
Fridge: Store your Vegan Mango Coconut Cake in an airtight container for up to 3 days to maintain freshness and flavor. This keeps the cake moist and prevents it from absorbing any odors.
Freezer: To freeze, wrap individual cake layers tightly in plastic wrap and then in aluminum foil. They can be frozen for up to 2 months. When ready to enjoy, thaw in the refrigerator overnight before assembling or serving.
Reheating: If you want to refresh leftover slices, warm them slightly in the microwave for about 10-15 seconds, just until cozy, but be cautious not to overheat! This brings back the soft texture of your Vegan Mango Coconut Cake.
Assembly: If you’ve frozen layers, wait to frost until they’re completely cooled and thawed. This will ensure the best flavor as the mango and coconut essence truly shine in every bite!

Vegan Mango Coconut Cake Recipe FAQs
What type of dairy-free milk is best for this cake?
Absolutely! Soy milk works best in this Vegan Mango Coconut Cake due to its creaminess, but feel free to use any dairy-free milk you prefer such as almond, oat, or coconut milk—each will add its unique flavor and moisture.
How should I store the Vegan Mango Coconut Cake?
To keep your cake fresh, store it in an airtight container in the refrigerator for up to 3 days. This method helps maintain moisture and prevents any unwanted odors from affecting the delightful tropical flavor.
Can I freeze this cake for later?
Absolutely! To freeze your Vegan Mango Coconut Cake, wrap individual layers tightly in plastic wrap and then in aluminum foil. They can be frozen for up to 2 months. When you’re ready to indulge, simply thaw the layers in the refrigerator overnight before assembling or serving to ensure optimal flavor and texture.
What should I do if my cake layers are too dense?
If you find your cake layers a bit too dense, make sure you’re using fresh baking powder and bicarbonate of soda, as expired products won’t give the rise you need. Also, ensure you’re measuring flour correctly—it’s best to spoon it into measuring cups and level it off rather than packing it down. This way, your Vegan Mango Coconut Cake will have that light, fluffy texture everyone loves!
Can this cake be made gluten-free?
Very much so! To make a gluten-free version of this Vegan Mango Coconut Cake, substitute the self-raising flour with a gluten-free all-purpose flour blend. Look for one that has a good leavening system already included, or add a bit of gluten-free baking powder to ensure that your cake rises perfectly.
Is this cake safe for pets?
While the ingredients in this Vegan Mango Coconut Cake are safe for humans, it’s best to avoid sharing cake with pets—especially dogs—as they don’t require sugar or rich ingredients in their diet, and some ingredients (like certain frostings) can be harmful. Always keep those delicious slices safely away from their reach!

Irresistibly Moist Vegan Mango Coconut Cake for Sweet Delights
Ingredients
Equipment
Method
- Combine the dairy-free milk and apple cider vinegar in a bowl, stir well, and let sit for 5-10 minutes to thicken.
- In a separate bowl, whisk together the self-raising flour, caster sugar, baking powder, and bicarbonate of soda until well combined.
- Mix the prepared vegan buttermilk, sunflower oil, vanilla extract, and mango puree until smooth, then gradually add the dry ingredients.
- Preheat your oven to 180°C (350°F) and grease three 6-inch round cake tins lined with parchment paper. Divide the batter among the tins and bake for 25-30 minutes.
- While cooling, beat the dairy-free butter until creamy, then gradually add powdered sugar and mango puree until light and fluffy.
- Once cool, layer the cakes with mango buttercream and extra mango puree in between each layer.
- Cover the top and sides with the remaining buttercream, sprinkling desiccated coconut and decorative mango slices before serving.

Leave a Reply