As the scent of tropical fruit dances through the air, I can’t help but be transported to sun-soaked beaches and lazy summer afternoons. This Vegan Mango Coconut Cake is my secret to capturing that bliss in dessert form! With its three fluffy layers of mango sponge and silky mango buttercream, this cake is not only a feast for the eyes but also a delightful treat for the taste buds. What’s incredible is that it’s completely plant-based, making it a fantastic option for anyone looking to indulge without compromise. Plus, it’s super easy to make, perfect for those busy days when you want to impress without the stress. Ready to whisk up a slice of paradise? Let’s dive into the recipe!

Why is Vegan Mango Coconut Cake a Must-Try?
Irresistible Tropical Vibes: This cake brings that sunshine feeling straight to your table, perfect for summer gatherings or any celebration.
Easily Customizable: Swap in your favorite fruits or add toasted coconut for a delicious twist that caters to every palatable preference.
Fluffy Layers: Each mouthful features light, airy sponge layered with creamy buttercream that melts in your mouth.
Plant-Based Delight: With no dairy or eggs, it’s a guilt-free indulgence that suits various dietary needs without skimping on flavor.
Quick Preparation: This recipe is simple and straightforward—ideal for busy bakers who still want to wow their guests!
If you’re also on a tropical dessert journey, check out our Coconut Cream Pancakes for a breakfast treat that brings the beach to your morning!
Vegan Mango Coconut Cake Ingredients
For the Cake
• Dairy-free Milk (480ml) – Provides moisture and acts as a liquid base; Soya milk works best or use almond milk for a nutty flavor.
• Apple Cider Vinegar (2 teaspoons) – Activates baking soda for leavening; No direct substitute, but lemon juice may also work.
• Self-Raising Flour (420g) – Gives structure and fluffiness to the cake; All-purpose flour plus additional baking powder can be used.
• Caster Sugar (300g) – Adds sweetness and helps with cake moisture; Coconut sugar offers a lower glycemic index alternative.
• Baking Powder (1 teaspoon) – Additional leavening agent for a light texture.
• Bicarbonate of Soda (1 teaspoon) – Further leavening for sponges.
• Sunflower Oil (120ml) – Provides moisture and richness; Any neutral oil like canola will do.
• Vanilla Extract (1 teaspoon) – Adds depth of flavor and aroma.
• Mango Puree (80g for sponge + extra for buttercream and drizzling) – Imparts vibrant tropical flavor and color.
For the Buttercream
• Dairy-free Butter (300g) – Base for buttercream ensuring a smooth texture; Ensure it’s block butter for better consistency.
• Powdered/Icing Sugar (500g) – Sweetens and thickens the buttercream.
• Mango Puree (6 tablespoons) – Elevates the buttercream with fruity flavor.
This Vegan Mango Coconut Cake not only tantalizes the taste buds but also brings the essence of tropical bliss to any celebration!
Step‑by‑Step Instructions for Vegan Mango Coconut Cake
Step 1: Preheat the Oven
Begin by preheating your oven to 180°C (350°F). This is crucial for ensuring that your Vegan Mango Coconut Cake rises perfectly. While this heats up, grab three round cake pans and lightly grease them with a neutral oil to prevent sticking.
Step 2: Create Vegan Buttermilk
In a small bowl, mix the dairy-free milk with the apple cider vinegar, allowing it to sit for about 10 minutes. This creates a vegan buttermilk that will add moisture and lightness to the cake. You’ll know it’s ready when it slightly thickens and curdles.
Step 3: Prepare the Cake Batter
In a large mixing bowl, whisk together the self-raising flour, caster sugar, baking powder, and bicarbonate of soda until combined. Next, add in the vegan buttermilk, sunflower oil, vanilla extract, and mango puree. Mix everything until the batter is smooth and free of lumps, creating a beautiful, vibrant mixture.
Step 4: Divide and Bake
Pour the cake batter evenly into the prepared cake pans. Place them in the preheated oven and bake for 25-30 minutes. The cakes are done when a toothpick inserted in the center comes out clean and the edges pull slightly away from the pans—a sign of a perfectly baked Vegan Mango Coconut Cake.
Step 5: Cool the Cakes
Once baked, carefully remove the cakes from the oven and let them cool in the pans for about 10 minutes. Then, transfer them to a wire rack to cool completely. Make sure they are completely cool to avoid melting the frosting during assembly.
Step 6: Make the Buttercream
While the cakes are cooling, prepare the buttercream. In a mixing bowl, whip the dairy-free butter until creamy, then gradually add the powdered sugar. Mix in the mango puree and continue mixing until the buttercream is light and fluffy. It should be smooth and easy to spread.
Step 7: Assemble the Cake
To assemble your Vegan Mango Coconut Cake, place one layer of sponge on a serving plate. Spread a generous layer of buttercream on top, followed by a drizzle of mango puree. Repeat this process with the second sponge layer, and then top with the third layer.
Step 8: Frost and Decorate
Once layered, coat the entire cake with the remaining buttercream for a smooth finish. Sprinkle desiccated coconut generously on the top and sides for a tropical touch. For an extra flair, decorate with fresh mango slices and rosemary sprigs to bring more color and flavor to your Vegan Mango Coconut Cake.

Vegan Mango Coconut Cake Variations
Feel free to play with flavors and textures to make this cake uniquely yours!
- Passion Fruit Substitute: Replace mango puree with passion fruit for a zesty, tangy flavor that adds a delightful twist.
- Toasted Coconut Crunch: Fold in toasted coconut flakes into the batter or buttercream for an extra layer of crunch and tropical aroma.
- Pineapple Layers: Add fresh pineapple slices between the layers for a juicy and refreshing addition that amplifies the tropical vibes!
- Nutty Coconut Flour: Swap out some flour for coconut flour to add a nuttier undertone and a touch of coconut flavor.
- Gluten-Free Option: Use a gluten-free all-purpose flour blend instead of self-raising flour for a delicious gluten-free treat.
- Spicy Kick: Add a dash of cayenne pepper to the batter for a surprising heat that beautifully complements the sweetness of the mango.
- Chilled Serving: Serve the cake chilled for a refreshing treat on hot summer days, enhancing its tropical flavor profile.
- Coconut Cream Frosting: Try replacing the mango puree in the frosting with coconut cream for a rich, creamy spin on the traditional buttercream.
If you’re looking for more scrumptious desserts, take a peek at our delightful Oreo Cheesecake Cookie Cups for another treat that’s equally pleasing to the palate!
How to Store and Freeze Vegan Mango Coconut Cake
Fridge: Store your cake in a sealed container in the fridge for up to 3 days to retain its freshness and moistness. Allow it to reach room temperature before serving for the best flavor.
Freezer: If you wish to freeze the cake, wrap each layer tightly in plastic wrap followed by aluminum foil; it can last up to 3 months in the freezer. Thaw in the fridge overnight before frosting or serving.
Reheating: To serve, you can gently warm individual slices in the microwave for about 15-20 seconds; this enhances the tropical flavors of the Vegan Mango Coconut Cake.
Frosting Tip: If freezing, consider frosting the cake after thawing to maintain the buttercream’s texture and avoid any freezer burn.
Make Ahead Options
These Vegan Mango Coconut Cakes are an absolute time-saver for busy home cooks! You can prepare the sponge layers up to 24 hours in advance by baking them and letting them cool completely. Once cooled, wrap each layer tightly in plastic wrap and refrigerate to maintain moisture and freshness. The buttercream can also be made up to 3 days ahead; store it in an airtight container in the fridge. When you’re ready to serve, simply frost the chilled sponge layers with buttercream and add a drizzle of mango puree before garnishing with desiccated coconut and fresh mango slices. This means you can enjoy a delightful, stress-free dessert with minimal effort!
Expert Tips for Vegan Mango Coconut Cake
• Cool Completely: Ensure your cake layers are completely cooled before frosting to prevent the buttercream from melting.
• Use Block Butter: Opt for block dairy-free butter when making buttercream for better stability and texture in your frosting.
• Adjust Mango Puree: Feel free to adjust the amount of mango puree in the buttercream according to your taste preferences—more puree means more tropical flavor!
• Grease Pans Well: Grease your cake pans thoroughly to ensure a smooth release; you can use parchment paper for extra assurance.
• Don’t Overmix: Mix your batter just until combined to avoid dense cake layers. Remember, you want that light, fluffy texture in your Vegan Mango Coconut Cake!
What to Serve with Vegan Mango Coconut Cake?
The perfect meal is a harmonious blend of flavors, textures, and delights that elevate your dessert experience.
-
Tropical Fruit Salad: A medley of fresh mangoes, kiwis, and pineapples to refresh your palate and mirror the cake’s vibrant flavors.
-
Coconut Whipped Cream: Light and airy, this creamy topping adds a luscious finish to each slice, enhancing the tropical theme.
-
Minty Limeade: A sparkling beverage that balances the cake’s sweetness with a zesty, refreshing kick, perfect for warm weather gatherings.
-
Passion Fruit Sorbet: A tangy twist that offers a delightful contrast, ensuring a bright and fruity experience with every spoonful.
-
Almond Biscotti: Crunchy and nutty, these cookies pair beautifully while providing a satisfying texture contrast to the cake’s softness.
-
Chilled Green Tea: The serene, subtle flavors of green tea cleanse the palate, making each bite of cake feel like a new adventure.
Each pairing harmonizes wonderfully with the cake’s tropical allure, ensuring a delightful feast that resonates with every guest.

Vegan Mango Coconut Cake Recipe FAQs
What type of dairy-free milk is best for this recipe?
Absolutely! I recommend using soy milk for the best results, as its creaminess helps create a moist cake. If you prefer a nutty flavor, almond milk is a great alternative. Just make sure the milk is unsweetened to control the cake’s sweetness.
How should I store my Vegan Mango Coconut Cake?
To keep your cake fresh, store it in a sealed container in the fridge for up to 3 days. This will help retain its moisture and flavor. For the best taste, allow the cake to reach room temperature before serving; it enhances the tropical flavors beautifully!
Can I freeze the Vegan Mango Coconut Cake?
Very much so! If you want to freeze the cake, here’s how to do it: Wrap each layer tightly in plastic wrap, then in aluminum foil. This prevents freezer burn and keeps it fresh. The cake can last up to 3 months in the freezer. When you’re ready to enjoy it, thaw the layers in the fridge overnight before adding frosting or serving.
What should I do if my cake doesn’t rise properly?
Don’t worry, it happens! If your cake doesn’t rise, it’s possible that your baking powder or bicarbonate of soda might be expired. Make sure they’re fresh; if they fizz when mixed with vinegar or water, they’re good to go! Also, remember not to overmix your batter, as this can lead to denser cakes.
Are there any allergy considerations for this recipe?
Great question! This Vegan Mango Coconut Cake is dairy-free and egg-free, making it suitable for those with lactose intolerance or egg allergies. However, always check if anyone has a nut allergy; if you’re using almond milk or want to incorporate other ingredients, consider alternative options for those individuals.
How can I enhance the cake’s tropical flavor?
For an even more delightful tropical twist, feel free to adjust the amount of mango puree in both the sponge and the buttercream. You might also try adding some lime zest for a tangy zing or even mixing in toasted coconut flakes for added texture! The more the merrier!

Vegan Mango Coconut Cake: Your Tropical Getaway Dessert
Ingredients
Equipment
Method
- Preheat your oven to 180°C (350°F) and lightly grease three round cake pans.
- Mix the dairy-free milk and apple cider vinegar in a small bowl and let sit for 10 minutes to create a vegan buttermilk.
- In a large bowl, whisk together the self-raising flour, caster sugar, baking powder, and bicarbonate of soda.
- Add the vegan buttermilk, sunflower oil, vanilla extract, and mango puree to the dry ingredients, mixing until smooth.
- Divide the batter evenly among the prepared pans and bake for 25-30 minutes until a toothpick comes out clean.
- Allow the cakes to cool in the pans for about 10 minutes before transferring to a wire rack.
- Prepare the buttercream by whipping the dairy-free butter until creamy, then gradually adding the powdered sugar and mango puree.
- Assemble the cake by layering sponge and buttercream, drizzling with mango puree in between layers.
- Frost the top and sides with remaining buttercream and decorate with desiccated coconut and fresh mango slices.

Leave a Reply