As I whisked together the vibrant mango purée and the rich, creamy coconut butter, the aroma whisked me away to sun-soaked beaches and swaying palm trees. This Vegan Mango Coconut Cake is a tropical delight that redefines what a layer cake can be. Easy to make yet impressive to present, this cake features fluffy mango sponges layered with a luxurious mango buttercream and sprinkled with desiccated coconut—a perfect addition to birthday celebrations or summer gatherings. Not only does it offer a satisfyingly moist texture, but it proudly showcases how indulgent a vegan dessert can truly be. Are you ready to whip up this fruity masterpiece and bring a taste of the tropics to your kitchen?

Why is this cake your new favorite?
Tropical Escape: With every bite of this Vegan Mango Coconut Cake, you’ll be transported to a sunny paradise. The combination of mango and coconut creates an irresistible tropical flavor that’s refreshing year-round.
Easy to Make: This delightful recipe requires no special skills—perfect for both beginners and seasoned chefs. Your effort will pay off doubly when friends and family ask for seconds!
Visual Appeal: This cake isn’t just tasty; it’s stunning! The vibrant layers and coconut flakes create an eye-catching dessert that’s sure to impress at any gathering.
Customizable Flavors: Want to switch things up? Easily substitute mango with other tropical fruits like pineapple or passion fruit, and enjoy new flavor combinations to suit your mood.
Perfect for Any Occasion: Whether it’s a birthday, summer party, or a cozy family dinner, this cake adds a festive flair to any table. Serve it alongside a dollop of coconut whipped cream or with fresh fruit for an extra treat!
Vegan Mango Coconut Cake Ingredients
For the Cake
• Dairy-Free Milk – 480ml; liquid base, soya milk works best for this recipe.
• Apple Cider Vinegar – 2 teaspoons; activates baking soda for leavening, but lemon juice can also be used.
• Self-Raising Flour – 420g; provides structure and fluffiness; all-purpose flour can work with added baking powder.
• Caster Sugar – 300g; sweetener—coconut sugar offers a more tropical flavor if desired.
• Baking Powder – 1 teaspoon; provides additional lift for a light texture.
• Bicarbonate of Soda – 1 teaspoon; works with vinegar to ensure a fluffy sponge.
• Sunflower Oil – 120ml; contributes moisture and texture; melted coconut oil is a great alternative.
• Vanilla Extract – 1 teaspoon; enhances the overall flavor profile of the cake.
• Mango Purée – 80g (in batter) + 6 tablespoons (in buttercream) + extra for drizzling; infuses tropical flavor throughout the cake.
For the Buttercream
• Dairy-Free Butter – 300g (block + softened); base for buttercream, make sure it’s at room temperature for the best results.
• Powdered/Icing Sugar – 500g; sweetens the buttercream and achieves a silky smooth texture.
Embrace the tropical delight of this Vegan Mango Coconut Cake and treat yourself to a slice of sunshine!
Step‑by‑Step Instructions for Vegan Mango Coconut Cake
Step 1: Preheat Your Oven
Begin by preheating your oven to 175°C (350°F) while preparing your ingredients. This ensures your Vegan Mango Coconut Cake bakes evenly. Gather two 8-inch round cake pans and lightly grease them with a bit of sunflower oil or line them with parchment paper for easy removal later on.
Step 2: Make the Vegan Buttermilk
In a small bowl, combine 480ml of dairy-free milk with 2 teaspoons of apple cider vinegar. Stir gently and let the mixture sit for about 5-10 minutes until it thickens slightly and curdles. This vegan buttermilk adds moisture and a bit of tanginess to your cake, enhancing the flavor beautifully.
Step 3: Mix the 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. This dry mixture provides the foundation for a light and fluffy sponge. Make sure everything is well combined before moving on to the next step.
Step 4: Combine Wet Ingredients
Add the prepared vegan buttermilk, 120ml of sunflower oil, 1 teaspoon of vanilla extract, and 80g of mango purée to the dry ingredients. Use a spatula to gently mix until just combined. Avoid overmixing to ensure your Vegan Mango Coconut Cake remains airy and fluffy once baked.
Step 5: Pour and Bake the Cake
Divide the batter evenly between the prepared cake pans. Smooth the tops with a spatula for an even bake. Place them in the preheated oven and bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean. Keep an eye on them towards the end to prevent overbaking.
Step 6: Cool the Cakes
Once baked, remove the cake pans from the oven and let them cool for about 10-15 minutes in the pans. Gently run a knife around the edges to loosen them, then invert onto a wire rack to cool completely. This cooling step is crucial for a moist Vegan Mango Coconut Cake that won’t crumble.
Step 7: Prepare the Buttercream
While the cakes are cooling, prepare the buttercream. Beat 300g of dairy-free butter in a bowl until creamy and smooth. Gradually add in 500g of powdered sugar, mixing well before each addition, then incorporate 6 tablespoons of mango purée until you achieve a silky and spreadable consistency.
Step 8: Assemble the Cake
Once the cake layers are entirely cool, place one sponge on a serving plate. Spread a layer of mango buttercream evenly over it, then drizzle with additional mango purée and sprinkle some desiccated coconut. Repeat with the second layer, and top off with the final sponge.
Step 9: Decorate and Serve
Finish by covering the top and sides of your Vegan Mango Coconut Cake with remaining buttercream. Decorate with more desiccated coconut, drizzled mango purée, and fresh mango chunks for a tropical touch. Let the cake sit at room temperature for 15 minutes before slicing to allow the flavors to meld beautifully.

What to Serve with Vegan Mango Coconut Cake
Indulging in this tropical dessert opens the door to a full-fledged feast, complemented perfectly by delightful pairings.
-
Coconut Whipped Cream: A light and airy topping that adds a creamy texture, balancing the cake’s tropical flavor beautifully.
-
Fresh Tropical Fruit Salad: Juicy mangoes, pineapples, and bananas create a fresh, refreshing contrast, enhancing the cake’s fruity notes.
-
Lime Sorbet: The cool zestiness of lime sorbet will elevate the mango flavors while adding a refreshing twist to your dessert experience.
-
Chamomile Iced Tea: This soothing tea offers floral notes that pair nicely with the rich flavors of the vegan cake, creating a harmonious balance on the palate.
-
Chocolate Drizzle: A rich chocolate sauce adds a decadent touch that contrasts the lightness of the mango, making each bite an exciting adventure.
-
Toasted Coconut Flakes: Sprinkle some crispy toasted coconut on top for extra texture, enhancing your cake’s tropical theme with each bite.
-
Cashew Cream: A smooth, nutty cream can provide a luxurious layer of taste, echoing the cake’s coconut elements while adding richness.
-
Mango Smoothie: A vibrant mango smoothie served alongside your slice ramps up the fruity decadence, turning dessert into a tropical escape.
Each delightful addition creates layers of flavor and texture, ensuring that every bite of your Vegan Mango Coconut Cake becomes a mini celebration.
Vegan Mango Coconut Cake Variations
Customize your Vegan Mango Coconut Cake to fit your taste buds and dietary needs with these delightful twists!
-
Tropical Twist: Add lime zest to the batter or frosting for a zesty kick that brightens the tropical notes.
-
Other Fruits: Substitute mango purée with passion fruit or pineapple for a different fruity experience. Each brings a unique tropical flair that complements the cake beautifully.
-
Gluten-Free: Use a gluten-free flour blend in place of self-raising flour for an equally delightful cake without the gluten. Just remember to check the balance of baking powder!
-
Nutty Flavor: Incorporate ground almonds or shredded coconut into the batter for an added crunch and depth of flavor. This extra texture truly elevates each slice.
-
Richer Buttercream: For a creamier frosting, mix in a touch of coconut cream along with the dairy-free butter. It adds luxuriousness and enhances the coconut flavor, reminiscent of your favorite island getaway.
-
Spices: Introduce a hint of cinnamon or nutmeg to the batter for a warm spice undertone that beautifully contrasts with the sweetness of the mango.
-
Layered Goodness: Create a surprise inside by adding fresh mango chunks between the layers. Each bite will be a burst of juicy goodness!
-
Freezing Option: If you’re planning to make this ahead, freeze unassembled layers for optimal freshness. The assembled cake tastes best when enjoyed fresh!
For those looking to explore other delightful desserts, check out these Oreo Cake Pops for a fun treat or perhaps a slice of Banana Coffee Cake that pairs wonderfully with your afternoon coffee!
Make Ahead Options
These Vegan Mango Coconut Cakes are perfect for busy home cooks looking to save time without sacrificing flavor! You can prepare the cake sponges up to 2 days in advance. Allow them to cool completely, and then wrap each layer tightly in plastic wrap before refrigerating or storing in an airtight container. The mango buttercream can also be made up to 3 days ahead; simply store it in the fridge and give it a good mix before use. When you’re ready to serve, layer the sponges with buttercream, drizzle with additional mango purée, and add coconut—your guests will be delighted with this beautifully tropical cake that tastes just as delicious as if it were freshly made!
How to Store and Freeze Vegan Mango Coconut Cake
Fridge: Store your Vegan Mango Coconut Cake in a sealed container for up to 3 days. This helps maintain its moisture and flavor.
Room Temperature: If you have un-iced sponges, they can be kept at room temperature for up to 2 days. Just make sure they’re wrapped tightly to prevent drying out.
Freezer: For longer storage, wrap the unassembled sponges and frosting separately in plastic wrap, then in foil. They can be frozen for up to 3 months for a fresher taste upon serving.
Reheating: When ready to enjoy, let the frozen layers thaw in the fridge overnight, then simply whip up the buttercream and assemble for a delightful treat!
Expert Tips for Vegan Mango Coconut Cake
-
Room Temperature Ingredients: Ensure all your ingredients are at room temperature for a smooth batter and creamy buttercream, essential for a successful Vegan Mango Coconut Cake.
-
Check for Doneness: Use a toothpick to test the cakes in the oven; it should come out clean for perfectly baked layers. Overbaking can lead to a dry cake.
-
Cooling Time: Allow the cake layers to cool completely before frosting. This ensures the buttercream doesn’t melt and your Vegan Mango Coconut Cake retains its beautiful layers.
-
Avoid Mixing Too Much: Gently combine the wet and dry ingredients until just mixed to keep the sponge light and airy. Overmixing can result in a dense cake.
-
Decorative Touches: Add fresh fruit or edible flowers on top for an extra pop of color and a stunning presentation when serving your Vegan Mango Coconut Cake.

Vegan Mango Coconut Cake Recipe FAQs
What kind of dairy-free milk should I use for the Vegan Mango Coconut Cake?
I recommend using soya milk as it works best with this recipe. However, you can also try almond milk or oat milk if you prefer different flavors. Just make sure it’s unsweetened to keep the cake’s sweetness balanced!
How should I store leftovers of the Vegan Mango Coconut Cake?
Store your Vegan Mango Coconut Cake in a sealed container in the fridge for up to 3 days. This will keep it moist and delicious! If you have un-iced sponges, they can be kept at room temperature for 2 days, just wrapped tightly to avoid drying out.
Can I freeze the Vegan Mango Coconut Cake?
Absolutely! To freeze, wrap the unassembled sponge layers in plastic wrap and then in foil, or place them in airtight containers. They can maintain their quality for up to 3 months in the freezer. When you’re ready to enjoy, simply thaw them in the fridge overnight and prepare the buttercream fresh!
What should I do if my Vegan Mango Coconut Cake is too dense?
If you find your cake is dense, it may be due to overmixing the batter. It’s important to mix just until combined when adding wet and dry ingredients. Also, make sure your baking powder and baking soda are fresh; expired leavening agents can lead to unintended textures.
Is this Vegan Mango Coconut Cake safe for my pet?
While the ingredients included are safe for most people, be cautious with any baked goods around pets. The cake contains sugar and refined ingredients that aren’t suitable for dogs or cats. If your pet sneaks a taste, monitor for any odd reactions, but it’s best to enjoy this tropical treat yourself!
Can I modify the recipe for allergies?
Yes! For nut allergies, avoid almond milk and use a soy or oat milk alternative. If gluten is a concern, you can use a gluten-free all-purpose flour mix instead of self-raising flour. Each substitution can slightly alter texture, but with care, you can still create a delicious Vegan Mango Coconut Cake!

Delight in Vegan Mango Coconut Cake: A Tropical Treat
Ingredients
Equipment
Method
- Preheat your oven to 175°C (350°F) and prepare two 8-inch round cake pans.

- Make the vegan buttermilk by combining dairy-free milk with apple cider vinegar; let sit for 5-10 minutes.

- Mix the dry ingredients: flour, sugar, baking powder, and bicarbonate of soda.

- Combine wet ingredients with dry ingredients and mix gently until just combined.

- Pour the batter evenly into the prepared cake pans and smooth the tops.

- Bake for 25-30 minutes, checking with a toothpick for doneness.

- Cool cakes in pans for 10-15 minutes, then transfer to a wire rack.

- Prepare the buttercream by beating dairy-free butter and gradually adding powdered sugar and mango purée.

- Assemble the cake by layering sponge and buttercream, drizzling mango purée and sprinkling coconut in between.

- Decorate the cake with remaining buttercream, coconut, and fresh mango chunks before serving.

