Vegan Mango Coconut Cake

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:

  1. Preheat your oven to 180°C (350°F). Grease two round cake pans with a little bit of dairy-free butter.
  2. 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!
  3. In a large mixing bowl, combine the self-raising flour, caster sugar, baking powder, and bicarbonate of soda. Mix well.
  4. Pour in the sunflower oil, the curdled milk mix, vanilla extract, and mango puree. Blend until creamy.
  5. Add in the softened dairy-free butter and continue mixing until the batter is smooth and dreamy.
  6. Gradually fold in the desiccated coconut and mix gently.
  7. Divide the batter between the two pans and bake for 25-30 minutes or until a toothpick comes out clean.
  8. Let the cakes cool before icing with the mango and coconut frosting you’ll make next.

Vegan Mango Coconut Cake

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

  1. Mixing Tip: Make sure your dairy-free butter is at room temperature—it makes blending easier!
  2. Flavor Boost: Want more flavor? Add some lime zest to the batter for a zesty twist!
  3. Flour Swap: You can use gluten-free flour if you’re catering to gluten-free friends—just make sure it’s self-raising.
  4. Storage Landing: Freeze individual slices for easy treats during those busy weeks when cake cravings strike!
  5. 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

A moist and tropical cake bursting with coconut and mango flavors, perfect for any occasion and easy to make in one pan.
Prep Time 30 minutes
Cook Time 30 minutes
Total Time 1 hour
Course Cake, Dessert
Cuisine Tropical, Vegan
Servings 8 servings
Calories 350 kcal

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

Store any leftovers in an airtight container in the fridge for about 5 days. You can freeze it for up to 3 months. For a flavor boost, add lime zest to the batter.
Keyword Coconut Cake, Mango Cake, Tropical Dessert, Vegan Cake, Vegan Mango Coconut Cake

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.