Vegan Mango Coconut Cake
The Vegan Mango Coconut Cake is a show-stopping dessert that perfectly balances tropical flavors and a moist, tender crumb. Ideal for birthdays, celebrations, or just a sweet treat at home, this cake is both vegan and free from eggs and dairy. With its vibrant mango notes and rich coconut texture, it’s sure to impress everyone at your table!

Why You’ll Love This Recipe
- Delicious Flavor: The combination of mango and coconut creates a refreshing and tropical taste that’s hard to resist.
- Vegan-Friendly: This cake is suitable for everyone, including those with dietary restrictions, making it perfect for gatherings.
- Easy to Make: With straightforward ingredients and steps, even novice bakers can achieve great results.
- Stunning Presentation: The cake’s vibrant colors and optional decorations make it visually appealing for any occasion.
- Versatile Uses: Perfect as a birthday cake, celebration dessert, or even an afternoon snack with tea.
Tools and Preparation
Before you start baking the Vegan Mango Coconut Cake, gather your tools to ensure a smooth process.
Essential Tools and Equipment
- Mixing bowls
- Measuring cups
- Whisk
- Baking pan (round or square)
- Spatula
- Cooling rack
Importance of Each Tool
- Mixing bowls: Essential for combining wet and dry ingredients without spilling.
- Whisk: Helps achieve a smooth batter by thoroughly mixing ingredients together.
- Baking pan: Provides the shape for your cake; choose one that suits your desired presentation.
- Cooling rack: Allows the cake to cool evenly after baking, preventing sogginess.
Ingredients
The ULTIMATE Vegan Mango Coconut Cake, which is not only delicious but absolutely glorious! Vegan, No-Egg, No-Dairy.. no that anyone will know!
For the Cake
- 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
For the Frosting
- 300g of dairy-free butter (block + softened)
- 500g of powdered / icing sugar
- 6 tablespoons of mango puree (plus extra for drizzling)
For Decoration
- 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)
How to Make Vegan Mango Coconut Cake
Step 1: Prepare the Oven and Baking Pan
Preheat your oven to 180°C (350°F). Grease your baking pan with a little sunflower oil or line it with parchment paper to prevent sticking.
Step 2: Combine Dairy-Free Milk and Vinegar
In a mixing bowl, combine the dairy-free milk with the apple cider vinegar. Let it sit for about 5 minutes to curdle slightly; this helps create a buttermilk substitute.
Step 3: Mix Dry Ingredients
In another bowl, whisk together the self-raising flour, caster sugar, baking powder, and bicarbonate of soda. Ensure there are no lumps in your mixture.
Step 4: Combine Wet Ingredients
Add the curdled milk mixture to the dry ingredients. Then, stir in the rest of the wet ingredients: sunflower oil, vanilla extract, and mango puree. Mix until just combined; avoid over-mixing.
Step 5: Bake the Cake
Pour the batter into your prepared baking pan. Bake in preheated oven for about 25–30 minutes or until a toothpick inserted in the center comes out clean.
Step 6: Cool Down
Once baked, remove from the oven and let cool in the pan for about 10 minutes before transferring it to a cooling rack. Allow it to cool completely.
Step 7: Make the Frosting
In a mixing bowl, beat together the softened dairy-free butter with powdered sugar until fluffy. Add in the mango puree gradually until you reach your desired consistency.
Step 8: Assemble Your Cake
Once cooled, slice your cake into layers if necessary. Spread frosting between layers and on top. Coat with desiccated coconut for that tropical touch.
Step 9: Decorate
Top with additional mango cubes and garnish with rosemary sprigs if desired. Drizzle extra mango puree on top before serving.
Enjoy your delightful Vegan Mango Coconut Cake!
How to Serve Vegan Mango Coconut Cake
Serving a Vegan Mango Coconut Cake is all about enhancing the delightful flavors of mango and coconut. Here are some creative ways to present and enjoy this cake.
For a Tropical Brunch
- Serve slices alongside fresh fruit salad for a refreshing start to your day.
- Pair with a glass of coconut water or tropical smoothie for a complete brunch experience.
As a Birthday Treat
- Decorate with extra mango cubes and rosemary sprigs for an elegant touch.
- Present on a beautiful cake stand to make it the centerpiece of the celebration.
With Vegan Ice Cream
- Offer scoops of dairy-free ice cream on the side for a delicious contrast in textures.
- Drizzle with extra mango puree for added flavor and visual appeal.
At Afternoon Tea
- Cut into small squares for easy serving with tea or coffee.
- Dust with icing sugar for an elegant finish that impresses guests.
How to Perfect Vegan Mango Coconut Cake
To ensure your Vegan Mango Coconut Cake turns out perfectly, consider these helpful tips:
- Use fresh ingredients: Fresh mango puree and high-quality dairy-free butter will enhance the flavor.
- Follow measurements carefully: Accurate measurements are key to achieving the right texture and taste.
- Allow cooling before frosting: Let the cake layers cool completely to prevent melting the icing.
- Experiment with toppings: Try adding toasted coconut flakes or lime zest for an extra zing.
- Check doneness: Use a toothpick inserted in the center; it should come out clean when done baking.
Best Side Dishes for Vegan Mango Coconut Cake
Complementing your Vegan Mango Coconut Cake with side dishes can elevate your dessert experience. Here are some great options:
- Fresh Fruit Salad: A colorful mix of seasonal fruits that balances the sweetness of the cake.
- Coconut Yogurt Parfait: Layer coconut yogurt with granola and berries for a creamy, crunchy side.
- Mango Salsa: A zesty salsa made from diced mango, lime juice, and cilantro adds a refreshing bite.
- Chia Seed Pudding: A light, healthy pudding that pairs well with tropical flavors.
- Lemon Sorbet: A tangy sorbet that cleanses the palate after enjoying the rich cake.
- Herbed Quinoa Salad: A nutritious salad that provides a savory contrast to the sweet dessert.
Common Mistakes to Avoid
Baking a Vegan Mango Coconut Cake can be a delightful experience, but there are common pitfalls to watch out for.
- Boldly measure your ingredients: Using incorrect measurements can affect the cake’s texture. Always use a kitchen scale for accuracy.
- Boldly choose the right dairy-free milk: Not all dairy-free milks behave the same in baking. Soya milk is recommended for best results.
- Boldly check your baking powder: Expired baking powder will not help your cake rise. Test it before using or replace it if unsure.
- Boldly avoid over-mixing: Mixing too much can lead to a dense cake. Mix just until combined for a light and fluffy texture.
- Boldly cool your layers properly: Skipping cooling time can cause frosting to melt. Allow each layer to cool completely before frosting.

Storage & Reheating Instructions
Refrigerator Storage
- Store the Vegan Mango Coconut Cake in an airtight container.
- It can last up to 5 days in the fridge.
Freezing Vegan Mango Coconut Cake
- Wrap slices or whole cake tightly in plastic wrap, followed by aluminum foil.
- The cake can be frozen for up to 3 months.
Reheating Vegan Mango Coconut Cake
- Oven: Preheat to 350°F (175°C) and warm for about 10-15 minutes.
- Microwave: Heat individual slices for about 20-30 seconds on medium power.
- Stovetop: Place a slice in a covered pan on low heat until warmed through.
Frequently Asked Questions
Here are answers to some common questions about making the Vegan Mango Coconut Cake.
What makes this Vegan Mango Coconut Cake so special?
This cake is incredibly moist and has a perfect balance of mango and coconut flavors, making it ideal for celebrations or just a cozy dessert at home.
Can I use fresh mango instead of puree?
Yes, you can use fresh mango by blending it until smooth. Just ensure it’s ripe for the best flavor.
Is this Vegan Mango Coconut Cake suitable for birthdays?
Absolutely! This cake is perfect as a birthday treat with its vibrant flavors and beautiful appearance.
How can I customize this Vegan Mango Coconut Cake?
You can add nuts, dried fruits, or even chocolate chips into the batter for added texture and flavor variations!
Can I make this cake gluten-free?
Yes, substitute self-raising flour with a gluten-free blend that includes xanthan gum, ensuring you still get that light texture.
Final Thoughts
The Vegan Mango Coconut Cake is not only delicious but also versatile, making it suitable for various occasions. You can easily customize it with different fruits or toppings to suit your taste. Give this recipe a try; it’s sure to impress everyone!
Vegan Mango Coconut Cake
- Total Time: 50 minutes
- Yield: Serves approximately 12 1x
Description
Indulge in the delightful Vegan Mango Coconut Cake, a show-stopping dessert that combines vibrant tropical flavors with a moist, tender crumb. This eggless and dairy-free cake is perfect for birthdays, celebrations, or simply as a sweet treat to enjoy at home. With its luscious mango puree and rich coconut frosting, this cake not only tastes amazing but also looks stunning on any dessert table. Easy to make and suitable for all dietary preferences, this recipe will impress friends and family alike.
Ingredients
- 480ml dairy-free milk (soya recommended)
- 2 teaspoons apple cider vinegar
- 420g self-raising flour
- 300g caster sugar
- 1 teaspoon baking powder
- 1 teaspoon bicarbonate of soda
- 120ml sunflower oil
- 1 teaspoon vanilla extract
- 80g mango puree
- 300g dairy-free butter (for frosting)
- 500g powdered / icing sugar
- 6 tablespoons mango puree (plus extra for drizzling)
- 400g desiccated coconut (for decoration)
- Rosemary sprigs (optional decoration)
- 1 ripe mango (cut into cubes for decoration)
Instructions
- Preheat your oven to 180°C (350°F) and grease your baking pan.
- Combine dairy-free milk with apple cider vinegar in a bowl; let curdle for about 5 minutes.
- In another bowl, whisk together self-raising flour, caster sugar, baking powder, and bicarbonate of soda until smooth.
- Mix the curdled milk with the dry ingredients, followed by sunflower oil, vanilla extract, and mango puree until just combined.
- Pour the batter into the prepared pan and bake for 25–30 minutes or until a toothpick comes out clean.
- Allow the cake to cool completely before frosting with a blend of dairy-free butter, powdered sugar, and mango puree.
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Category: Dessert
- Method: Baking
- Cuisine: Vegan
Nutrition
- Serving Size: 1 slice
- Calories: 345
- Sugar: 30g
- Sodium: 180mg
- Fat: 14g
- Saturated Fat: 5g
- Unsaturated Fat: 8g
- Trans Fat: 0g
- Carbohydrates: 54g
- Fiber: 2g
- Protein: 3g
- Cholesterol: 0mg
