Sweet summer vibes in every bite!
Imagine slicing into a moist cake that bursts with tropical flavors—coconut and mango dancing together like they own the beach! This Vegan Mango Coconut Cake isn’t just a treat; it’s a slice of sunshine, perfect for any occasion. Bonus? It’s super easy to whip up, meaning you can spend less time in the kitchen and more time basking in compliment-filled glory.
Why make this recipe
Why would anyone say no to a cake like this? For starters, it’s family-friendly and bound to impress everyone, even your non-vegan friends! Plus, if you’re not a fan of cleaning up after a big bake-off, you’ll love that this beauty is made in one pan. And did I mention it tastes like summer? 🌞
Ingredients
You don’t need fancy stuff — just these basics!
- 480ml of dairy-free milk (soya milk works best)
- 2 teaspoons of apple cider vinegar
- 420g of self-raising flour
- 300g of caster sugar
- 1 teaspoon of baking powder
- 1 teaspoon of bicarbonate of soda
- 120ml of sunflower oil
- 1 teaspoon of vanilla extract
- 80g of mango puree
- 300g of dairy-free butter (block + softened)
- 500g of powdered / icing sugar
- 6 tablespoons of mango puree (plus extra for drizzling)
- 400g of desiccated coconut (for inside the cake layers and to coat the cake)
- Rosemary sprigs (optional decoration)
- 1 ripe mango (cut into cubes for decoration)
Directions
Let’s get baking with these simple steps:
- Preheat your oven to 180°C (350°F). Grease two round cake pans with a little bit of dairy-free butter.
- In a bowl, mix the dairy-free milk and apple cider vinegar. Let it sit for a few minutes to curdle—trust me, it’s worth it!
- In a large mixing bowl, combine the self-raising flour, caster sugar, baking powder, and bicarbonate of soda. Mix well.
- Pour in the sunflower oil, the curdled milk mix, vanilla extract, and mango puree. Blend until creamy.
- Add in the softened dairy-free butter and continue mixing until the batter is smooth and dreamy.
- Gradually fold in the desiccated coconut and mix gently.
- Divide the batter between the two pans and bake for 25-30 minutes or until a toothpick comes out clean.
- Let the cakes cool before icing with the mango and coconut frosting you’ll make next.

How to make Vegan Mango Coconut Cake (Overview)
So here’s the scoop: while your cakes are baking, you can prepare an irresistible frosting. Just whip room-temperature dairy-free butter with powdered sugar and some mango puree until light and fluffy. Once the cakes are cool, stack ’em up, generously layer the frosting, and coat the sides with more desiccated coconut. For a final flourish, chop the ripe mango into cubes and sprinkle on top with a sprig of rosemary if you’re feeling extra fancy! Pro tip? Don’t rush the cooling part—warm cake and frosting don’t mix well. 😉
How to serve Vegan Mango Coconut Cake
This cake is a showstopper on its own, but why stop there? Serve it with a drizzle of extra mango puree on the plate for that colorful pop! You can also pair it with a scoop of dairy-free ice cream for a cool treat. The sweet aroma of coconut combined with fresh mango offers a delightful sensory experience that is perfect for any dessert table or celebration.
How to store Vegan Mango Coconut Cake
Worried about leftovers? (Who are we kidding, there won’t be any! 😉) If you do end up with extra cake, store it in an airtight container in the fridge for about 5 days. You can also freeze it for up to 3 months—just make sure to wrap it tightly! When reheating, give it a gentle warm-up in the oven, but don’t microwave it, or you’ll end up with a soggy mess.
Tips to make Vegan Mango Coconut Cake
- Mixing Tip: Make sure your dairy-free butter is at room temperature—it makes blending easier!
- Flavor Boost: Want more flavor? Add some lime zest to the batter for a zesty twist!
- Flour Swap: You can use gluten-free flour if you’re catering to gluten-free friends—just make sure it’s self-raising.
- Storage Landing: Freeze individual slices for easy treats during those busy weeks when cake cravings strike!
- Mango Magic: If mangoes aren’t in season, feel free to swap the pureed mango with any fruit puree you have on hand.
Variation
Want to mix things up? Try adding a cocoa swirl for a fabulous marbled effect! You could also experiment by replacing the coconut with crushed walnuts or pecans for a nutty crunch. Don’t be shy—get creative and make this cake your own!
FAQs
Can I make this cake ahead of time?
Absolutely! You can bake the layers a day in advance, wrap them tightly, and store them in the fridge, ready to frost when needed.
What can I substitute for dairy-free butter?
You can use coconut oil or any plant-based butter alternative. Just remember to keep it solid for the frosting!
How do I prevent the cake from sticking to the pan?
Grease your pans well with dairy-free butter and line them with parchment paper! This ensures an easy release and minimal fuss.
📌 Pin this recipe for your next cozy dinner night!
Vegan Mango Coconut Cake
Ingredients
Cake Ingredients
- 480 ml 480ml of dairy-free milk Soya milk works best.
- 2 teaspoons 2 teaspoons of apple cider vinegar
- 420 g 420g of self-raising flour
- 300 g 300g of caster sugar
- 1 teaspoon 1 teaspoon of baking powder
- 1 teaspoon 1 teaspoon of bicarbonate of soda
- 120 ml 120ml of sunflower oil
- 1 teaspoon 1 teaspoon of vanilla extract
- 80 g 80g of mango puree
- 300 g 300g of dairy-free butter (block + softened)
- 500 g 500g of powdered / icing sugar
- 6 tablespoons 6 tablespoons of mango puree (plus extra for drizzling)
- 400 g 400g of desiccated coconut (for inside the cake layers and to coat the cake)
- 1 sprig Rosemary sprigs (optional decoration)
- 1 1 ripe mango (cut into cubes for decoration)
Instructions
Preparation
- Preheat your oven to 180°C (350°F). Grease two round cake pans with a little bit of dairy-free butter.
- In a bowl, mix the dairy-free milk and apple cider vinegar. Let it sit for a few minutes to curdle.
- In a large mixing bowl, combine the self-raising flour, caster sugar, baking powder, and bicarbonate of soda. Mix well.
- Pour in the sunflower oil, the curdled milk mix, vanilla extract, and mango puree. Blend until creamy.
- Add in the softened dairy-free butter and continue mixing until the batter is smooth.
- Gradually fold in the desiccated coconut and mix gently.
Baking
- Divide the batter between the two pans and bake for 25-30 minutes or until a toothpick comes out clean.
- Let the cakes cool before icing with the mango and coconut frosting.
Frosting
- While your cakes are baking, whip room-temperature dairy-free butter with powdered sugar and some mango puree until light and fluffy.
- Once the cakes are cool, stack them up, generously layer the frosting, and coat the sides with more desiccated coconut.
- Chop the ripe mango into cubes and sprinkle on top with a sprig of rosemary if desired.
Notes
Printable Recipe Card
Want just the essential recipe details without scrolling through the article? Get our printable recipe card with just the ingredients and instructions.