Vegan Mango Coconut Cake
The Vegan Mango Coconut Cake is a delightful treat that perfectly balances tropical flavors with a fluffy texture. This cake is ideal for birthdays, celebrations, or any occasion where you want to impress your guests with a stunning dessert. With its creamy coconut layers and sweet mango essence, this cake is sure to be a hit, even among non-vegans!

Why You’ll Love This Recipe
- Easy to Make: With straightforward steps and accessible ingredients, this vegan cake comes together quickly.
- Flavor Explosion: The combination of mango and coconut offers a refreshing twist that will tantalize your taste buds.
- Versatile for All Occasions: Perfect for celebrations, potlucks, or just a sweet treat at home.
- No Special Ingredients Needed: You can find everything you need at your local grocery store.
- Beautiful Presentation: Decorate with fresh mango and rosemary for an eye-catching centerpiece.
Tools and Preparation
Before diving into the baking process, make sure you have the right tools on hand. These essential tools will help you create the perfect Vegan Mango Coconut Cake.
Essential Tools and Equipment
- Mixing bowls
- Measuring cups
- Electric mixer
- Baking pans
- Rubber spatula
Importance of Each Tool
- Electric mixer: This tool makes it easy to achieve a smooth batter without lumps.
- Baking pans: Properly sized pans ensure even baking, leading to perfectly layered cakes.
Ingredients
For the Cake Layers
- 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 and Decoration
- 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)
How to Make Vegan Mango Coconut Cake
Step 1: Preheat the Oven
Preheat your oven to 180°C (350°F). Prepare your baking pans by greasing them lightly.
Step 2: Mix Dairy-Free Milk and Vinegar
Combine the dairy-free milk and apple cider vinegar in a mixing bowl. Let it sit for about 5 minutes until it curdles slightly.
Step 3: Combine Dry Ingredients
In another bowl, whisk together the self-raising flour, caster sugar, baking powder, and bicarbonate of soda until well mixed.
Step 4: Mix Wet Ingredients
Add sunflower oil, vanilla extract, and mango puree into the milk mixture. Stir until combined.
Step 5: Combine Wet and Dry Mixtures
Gradually pour the wet mixture into the dry ingredients. Mix until just combined; do not overmix.
Step 6: Bake the Cake Layers
Divide the batter evenly between prepared pans. Bake in preheated oven for 25-30 minutes or until a toothpick inserted comes out clean.
Step 7: Cool the Cakes
Once baked, remove from oven and let them cool in pans for about 10 minutes. Then transfer them onto wire racks to cool completely.
Step 8: Prepare Frosting
While cakes are cooling, beat together softened dairy-free butter and powdered sugar until fluffy. Add mango puree gradually while mixing.
Step 9: Assemble the Cake
Once completely cooled, place one layer on a serving plate. Spread frosting generously on top before adding another layer. Repeat until all layers are stacked.
Step 10: Coat with Coconut
Spread frosting around sides and top of cake. Press desiccated coconut onto frosting to coat evenly. Decorate with fresh mango cubes and optional rosemary sprigs.
Enjoy your delicious Vegan Mango Coconut Cake, perfect for sharing or indulging on your own!
How to Serve Vegan Mango Coconut Cake
Serving your Vegan Mango Coconut Cake is all about enhancing its tropical flavors and creating a delightful experience for your guests. Here are some creative suggestions for serving this delicious cake.
With Fresh Fruits
- Mango Cubes: Garnish each slice with fresh mango cubes for an extra burst of flavor.
- Berries: A mix of strawberries and blueberries adds a pop of color and acidity to balance the sweetness.
With Coconut Whipped Cream
- Coconut Cream: Serve alongside a dollop of coconut whipped cream for a rich and creamy texture that complements the cake’s flavors.
As Part of a Dessert Platter
- Dessert Board: Include slices of Vegan Mango Coconut Cake on a dessert platter with assorted vegan chocolates, cookies, and fruit.
With Tea or Coffee
- Hot Beverage Pairing: Enjoy the cake with a cup of herbal tea or black coffee to enhance its tropical taste.
With Ice Cream
- Vegan Vanilla Ice Cream: Pairing a slice with vegan vanilla ice cream creates a delightful contrast in temperature and texture.
How to Perfect Vegan Mango Coconut Cake
To ensure your Vegan Mango Coconut Cake turns out perfectly every time, consider these handy tips.
- Use Fresh Ingredients: Always opt for fresh mango puree and dairy-free butter for the best flavor.
- Measure Accurately: Precision in measuring ingredients leads to consistent results; use a kitchen scale where possible.
- Don’t Overmix the Batter: Gently fold the batter to keep it light and airy; overmixing can lead to dense cake.
- Check Oven Temperature: Use an oven thermometer to ensure your oven is at the right temperature; this affects baking time.
- Cool Completely Before Frosting: Let the cake layers cool fully before adding frosting to avoid melting.
- Store Properly: Keep leftovers in an airtight container at room temperature or refrigerate for freshness.
Best Side Dishes for Vegan Mango Coconut Cake
Pairing side dishes with your Vegan Mango Coconut Cake can elevate your dessert experience. Here are some great options to consider.
- Coconut Rice Pudding: A creamy, sweet rice pudding made with coconut milk that complements the tropical theme.
- Mango Sorbet: A refreshing, fruity sorbet that mirrors the flavors of the cake while providing a cooling effect.
- Tropical Fruit Salad: A mix of pineapple, kiwi, and papaya brings freshness and brightness to your dessert table.
- Almond Biscotti: Crunchy almond biscotti offers a satisfying contrast in texture when served alongside the soft cake.
- Chia Seed Pudding: This healthy pudding adds another layer of flavor while being light enough not to overwhelm.
- Grilled Pineapple Slices: Caramelized grilled pineapple enhances the mango flavors and adds warmth to your plate.
Common Mistakes to Avoid
When making your Vegan Mango Coconut Cake, it’s easy to encounter a few common pitfalls. Here are some mistakes to steer clear of.
- Skipping the vinegar: This ingredient activates the baking soda and helps the cake rise. Don’t skip it; it’s essential for texture.
- Using the wrong flour: Self-raising flour is key for this recipe. Substituting with all-purpose flour may result in a dense cake.
- Overmixing the batter: Mixing too much can lead to a tough cake. Stir just until combined for a light, fluffy texture.
- Neglecting to measure accurately: Baking is a science; use precise measurements for ingredients. A kitchen scale can help.
- Not letting the cake cool completely: If you frost while warm, it will melt. Allow your cake layers to cool fully before decorating.

Storage & Reheating Instructions
Refrigerator Storage
- Store leftovers in an airtight container to maintain freshness.
- The Vegan Mango Coconut Cake will last up to 5 days in the refrigerator.
Freezing Vegan Mango Coconut Cake
- Wrap individual slices tightly in plastic wrap, then place them in a freezer-safe container.
- The cake can be frozen for up to 3 months without losing flavor.
Reheating Vegan Mango Coconut Cake
- Oven: Preheat to 350°F (175°C) and heat for about 10 minutes until warm.
- Microwave: Use medium power for about 30 seconds; check and heat more if needed.
- Stovetop: Place slices in a covered pan over low heat until warmed through.
Frequently Asked Questions
Here are some questions you might have about making this delicious Vegan Mango Coconut Cake.
What makes this Vegan Mango Coconut Cake so special?
This cake combines tropical flavors of mango and coconut, creating a refreshing dessert that’s perfect for celebrations or casual gatherings.
Can I substitute the mango puree?
Yes, you can use other fruit purees like peach or pineapple if you’d like to experiment with different flavors!
How do I make this cake gluten-free?
You can replace self-raising flour with a gluten-free blend that contains baking powder. Be sure to check that all other ingredients are gluten-free as well.
What can I use instead of dairy-free butter?
Coconut oil or vegan margarine can be good substitutes if you need an alternative to dairy-free butter.
Final Thoughts
The Vegan Mango Coconut Cake is not only delightful but also versatile, making it perfect for any occasion. You can easily customize it by adding different fruits or adjusting sweetness levels. Give this recipe a try—you’ll love how simple yet satisfying it is!
Vegan Mango Coconut Cake
- Total Time: 50 minutes
- Yield: Approximately 10 slices 1x
Description
Indulge in the ultimate Vegan Mango Coconut Cake, a delectable dessert that harmonizes tropical flavors with a light, fluffy texture. Perfect for birthdays, celebrations, or simply treating yourself, this cake features luscious layers of creamy coconut and sweet mango that are sure to impress even non-vegans. With its beautiful presentation and simple preparation steps, this delightful treat is not only a feast for the eyes but also a delicious addition to any gathering.
Ingredients
- 480ml dairy-free milk (preferably soya)
- 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 (plus extra for drizzling)
- 300g dairy-free butter
- 500g powdered / icing sugar
- 400g desiccated coconut
- 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 pans.
- In a bowl, mix dairy-free milk with apple cider vinegar and let it curdle for about 5 minutes.
- In another bowl, whisk together self-raising flour, sugar, baking powder, and bicarbonate of soda.
- Combine wet ingredients (milk mixture, sunflower oil, vanilla extract, mango puree) and stir well.
- Gradually add the dry ingredients to the wet mixture until just combined; avoid overmixing.
- Divide batter into prepared pans and bake for 25-30 minutes or until a toothpick comes out clean.
- Cool the cakes completely before frosting with a blend of dairy-free butter, powdered sugar, and mango puree.
- Coat with desiccated coconut and decorate with fresh mango cubes.
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Category: Dessert
- Method: Baking
- Cuisine: Vegan
Nutrition
- Serving Size: 1 serving
- Calories: 380
- Sugar: 40g
- Sodium: 200mg
- Fat: 15g
- Saturated Fat: 10g
- Unsaturated Fat: 5g
- Trans Fat: 0g
- Carbohydrates: 58g
- Fiber: 2g
- Protein: 4g
- Cholesterol: 0mg
