Vegan Mango Coconut Cake
The Vegan Mango Coconut Cake is a show-stopping dessert that perfectly balances the tropical flavors of mango and coconut. This cake is not only vegan but also free from eggs and dairy, making it suitable for various dietary preferences. Whether you’re celebrating a birthday or hosting a summer gathering, this delightful cake will impress everyone with its moist texture and vibrant taste.

Why You’ll Love This Recipe
- Delicious Flavor: The combination of mango and coconut creates a tropical paradise in every bite.
- Easy to Make: With simple steps and readily available ingredients, you can whip up this cake without any hassle.
- Versatile Occasion: Perfect for birthdays, celebrations, or just because you deserve a treat!
- Vegan-Friendly: Enjoy the deliciousness without compromising on your dietary choices.
- Eye-Catching Presentation: This cake looks as good as it tastes, making it an attractive centerpiece.
Tools and Preparation
To make the Vegan Mango Coconut Cake, you’ll need a few essential tools to ensure your baking goes smoothly.
Essential Tools and Equipment
- Mixing bowls
- Measuring cups
- Electric mixer
- Baking pans
- Spatula
Importance of Each Tool
- Electric mixer: Saves time and effort for achieving creamy butter mixtures and fluffy batter.
- Baking pans: Ensure even baking and proper shape for your cake layers.
Ingredients
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 Your Ingredients
Gather all your ingredients together on a clean countertop. Measure out each component accurately to ensure the best results.
Step 2: Preheat the Oven
Preheat your oven to 180°C (350°F). This allows the cake to bake evenly from the start.
Step 3: Mix Wet Ingredients
In a large mixing bowl, combine the dairy-free milk with apple cider vinegar. Let it sit for about five minutes to create a vegan buttermilk. Then add sunflower oil, vanilla extract, and mango puree. Mix well using an electric mixer until smooth.
Step 4: Combine Dry Ingredients
In another bowl, whisk together self raising flour, caster sugar, baking powder, and bicarbonate of soda until well blended.
Step 5: Combine Wet and Dry Mixtures
Gradually add the dry mixture into the wet ingredients while mixing continuously. Blend until just combined; be careful not to overmix.
Step 6: Bake the Cake
Divide the batter evenly between prepared baking pans. Bake in preheated oven for about 25–30 minutes or until a toothpick inserted into the center comes out clean.
Step 7: Cool Down
Once baked, remove from oven and let cool in pans for about ten minutes before transferring to wire racks to cool completely.
Step 8: Prepare Frosting
While cooling, beat together dairy-free butter and powdered sugar in a mixing bowl until fluffy. Add mango puree gradually until desired consistency is achieved.
Step 9: Assemble the Cake
Once cooled, spread frosting between layers. Coat the outside with remaining frosting and sprinkle desiccated coconut all over.
Step 10: Decorate
Top with fresh mango cubes and optional rosemary sprigs for an elegant touch before serving your glorious Vegan Mango Coconut Cake!
How to Serve Vegan Mango Coconut Cake
Vegan Mango Coconut Cake is a delightful treat that can be served in various ways. Whether for a birthday party or a casual gathering, these serving suggestions will elevate your cake experience.
Elegant Slices
- Present individual slices on fine dessert plates for a classy touch.
- Garnish with fresh mint leaves for added color and flavor.
Dessert Buffet
- Create a dessert buffet featuring the vegan mango coconut cake alongside other sweets.
- Offer small slices or cake pops to encourage guests to try different treats.
With Fresh Fruit
- Serve slices of the cake with fresh fruit, like berries or tropical fruits.
- This adds freshness and complements the mango flavor beautifully.
Drizzled Sauce
- Enhance each slice with a drizzle of extra mango puree or a coconut cream sauce.
- This creates an inviting visual appeal and extra moisture.
Tea or Coffee Pairing
- Serve the cake with a warm cup of tea or coffee for a cozy pairing.
- Consider flavors like chai or vanilla that complement the tropical notes of the cake.
How to Perfect Vegan Mango Coconut Cake
To ensure your Vegan Mango Coconut Cake turns out perfectly every time, follow these essential tips.
- Measure Ingredients Accurately: Use kitchen scales and measuring cups for precise amounts, ensuring consistent results.
- Room Temperature Ingredients: Allow your dairy-free butter and milk to reach room temperature before mixing; this helps create a smooth batter.
- Don’t Overmix Batter: Mix until just combined to maintain a light and fluffy texture; overmixing can lead to dense cake layers.
- Check Baking Time: Ovens can vary, so keep an eye on your cake as it bakes. Use a toothpick to check for doneness; it should come out clean when inserted in the center.
- Cool Properly: Let the cakes cool in their pans for about 10 minutes before transferring them to wire racks. This helps prevent breaking.
- Decorate Creatively: Use desiccated coconut and fresh mango cubes creatively to make your cake visually stunning.
Best Side Dishes for Vegan Mango Coconut Cake
Pairing side dishes with your Vegan Mango Coconut Cake can enhance its flavor and presentation. Here are some excellent options:
- Coconut Whipped Cream: A light and airy topping that adds richness without dairy.
- Tropical Fruit Salad: A mix of pineapple, kiwi, and bananas offers refreshing bites that complement the cake’s tropical flavors.
- Mango Sorbet: A cool, fruity sorbet provides a delicious contrast in temperature and flavor.
- Chia Seed Pudding: Made with coconut milk, this pudding adds texture while keeping with the coconut theme.
- Lemonade Spritzers: Refreshing lemonades topped with sparkling water can cleanse the palate between bites of sweet cake.
- Nutty Granola Bars: A crunchy side can offer an interesting texture contrast when enjoyed alongside soft cake slices.
Common Mistakes to Avoid
Baking a Vegan Mango Coconut Cake can be delightful, but there are common pitfalls. Here are mistakes to watch out for:
- Ignoring measurements: Accurate measurements are crucial. Use a digital scale for precision.
- Overmixing the batter: Overmixing can lead to a dense cake. Mix just until ingredients combine.
- Not letting ingredients reach room temperature: Cold ingredients can affect texture. Let your dairy-free milk and butter warm up before use.
- Skipping the cooling time: A hot cake can fall apart when frosting. Allow layers to cool completely before decorating.
- Using stale baking powder: Old leavening agents can ruin your cake’s rise. Check expiry dates before use.

Storage & Reheating Instructions
Refrigerator Storage
- Store the cake in an airtight container.
- It will last for about 4-5 days in the fridge.
Freezing Vegan Mango Coconut Cake
- Wrap individual slices tightly in plastic wrap.
- Use a freezer-safe container or bag for better protection.
- 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 one slice at a time in 10-15 second intervals until warm.
- Stovetop: Place on a pan over low heat with a lid until warmed through.
Frequently Asked Questions
Here are some common questions about making a Vegan Mango Coconut Cake:
Can I use fresh mango instead of puree?
Yes, you can blend fresh mango into a puree for this recipe. Just ensure it’s ripe and sweet!
Is it possible to make this cake gluten-free?
Absolutely! Substitute self-raising flour with a gluten-free blend and add extra baking powder as needed.
How do I decorate my Vegan Mango Coconut Cake?
You can use fresh mango cubes, coconut flakes, or even edible flowers for decoration!
What occasions is this cake suitable for?
This cake is perfect for birthdays, celebrations, or just as a delightful treat any day!
Final Thoughts
The Vegan Mango Coconut Cake offers a wonderful fusion of flavors that is both refreshing and satisfying. Its versatile nature allows you to customize it with various toppings or fillings. We encourage you to try this recipe and explore your creativity in the kitchen!
Vegan Mango Coconut Cake
- Total Time: 50 minutes
- Yield: Serves approximately 12 slices 1x
Description
Indulge in the tropical delight of Vegan Mango Coconut Cake, a gorgeous dessert that brings the sunshine to your table. This eggless and dairy-free treat features layers of moist cake infused with sweet mango and rich coconut flavors, making it a perfect choice for birthdays, summer gatherings, or just satisfying your sweet tooth. With its vibrant colors and fluffy frosting, this cake is not only delicious but also an impressive centerpiece for any celebration. Easy to make with common ingredients, you’ll be delighted by how simple it is to create this plant-based masterpiece. Surprise your guests with this irresistible dessert that’s sure to leave everyone wanting more.
Ingredients
- 480ml dairy-free milk (soya preferred)
- 420g self-raising flour
- 300g caster sugar
- 120ml sunflower oil
- 80g mango puree (plus more for decoration)
- 300g dairy-free butter
- 2 teaspoons apple cider vinegar
- 1 teaspoon baking powder
- 1 teaspoon bicarbonate of soda
- 500g powdered / icing sugar
- 400g desiccated coconut
- 1 ripe mango (cut into cubes for decoration)
Instructions
- Preheat oven to 180°C (350°F) and prepare baking pans.
- In a bowl, mix dairy-free milk with apple cider vinegar; let sit for 5 minutes.
- Combine wet ingredients: add sunflower oil, vanilla extract, and mango puree to the milk mix; blend until smooth.
- In another bowl, whisk together self-raising flour, caster sugar, baking powder, and bicarbonate of soda.
- Gradually combine dry ingredients with wet; mix until just combined.
- Divide batter into pans and bake for 25–30 minutes until a toothpick comes out clean.
- Cool cakes in pans for 10 minutes before transferring to wire racks.
- Beat together dairy-free butter and powdered sugar for frosting; add mango puree to achieve desired consistency.
- Once cooled, frost layers and coat the outside with desiccated coconut; decorate with fresh mango cubes.
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Category: Dessert
- Method: Baking
- Cuisine: Vegan
Nutrition
- Serving Size: 1 slice (90g)
- Calories: 260
- Sugar: 21g
- Sodium: 150mg
- Fat: 10g
- Saturated Fat: 4g
- Unsaturated Fat: 6g
- Trans Fat: 0g
- Carbohydrates: 39g
- Fiber: 2g
- Protein: 3g
- Cholesterol: 0mg
