The ULTIMATE Vegan Mango Coconut Cake is a delightful treat that will wow your guests! This cake is not only vegan but also free from eggs and dairy, making it perfect for various occasions, from birthdays to casual gatherings. The combination of luscious mango and creamy coconut creates a unique flavor experience that everyone will love.
Why You’ll Love This Recipe
- Delicious Flavor: The tropical taste of mango combined with rich coconut makes every bite a delightful experience.
- Easy to Make: This recipe is straightforward, requiring common ingredients and simple steps, perfect for bakers of all skill levels.
- Perfect for Celebrations: Whether it’s a birthday or a festive gathering, this cake is sure to impress and satisfy.
- Versatile Presentation: You can easily decorate this cake with fresh fruits or edible flowers, enhancing its visual appeal.
- No Compromises: Enjoy the same moist texture and delicious taste as traditional cakes without using any animal products.

Tools and Preparation
Before you start baking your Vegan Mango Coconut Cake, gather your tools. Having the right equipment makes the process smoother and more enjoyable.
Essential Tools and Equipment
- Mixing bowls
- Measuring cups and spoons
- Electric mixer
- Baking pans (two 8-inch)
- Spatula
- Cooling rack
Importance of Each Tool
- Electric mixer: Saves time and effort in mixing the ingredients thoroughly for a light and fluffy cake.
- Baking pans: Ensures even baking and helps achieve the perfect shape for your cake layers.
- Cooling rack: Allows air circulation around the cake, preventing sogginess by ensuring it cools evenly.
Ingredients
The ULTIMATE Vegan Mango Coconut Cake is made with simple yet delicious 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 Oven and Pans
Preheat your oven to 180°C (350°F). Grease two 8-inch baking pans with sunflower oil or line them with parchment paper.
Step 2: Create Buttermilk Mixture
In a bowl, combine 480ml of dairy-free milk with 2 teaspoons of apple cider vinegar. Let it sit for about 5 minutes until it thickens slightly.
Step 3: Mix Dry Ingredients
In a large mixing bowl, whisk together:
1. 420g self-raising flour
2. 300g caster sugar
3. 1 teaspoon baking powder
4. 1 teaspoon bicarbonate of soda
Step 4: Combine Wet Ingredients
In another bowl, mix:
1. The prepared buttermilk mixture
2. 120ml sunflower oil
3. 1 teaspoon vanilla extract
4. 80g mango puree
Pour this mixture into the dry ingredients and stir until just combined.
Step 5: Bake the Cakes
Divide the batter evenly between the two prepared pans. Bake in the preheated oven for about 25–30 minutes or until a toothpick comes out clean when inserted in the center.
Step 6: Cool the Cakes
Once baked, remove from oven and let them cool in their pans for about 10 minutes before transferring to a cooling rack.
Step 7: Prepare Frosting
In a mixing bowl, beat together:
1. 300g dairy-free butter until creamy
2. Gradually add in 500g powdered / icing sugar
3. Mix in an additional 6 tablespoons mango puree until smooth
Step 8: Assemble Your Cake
Once cooled, place one layer on a serving plate. Spread frosting generously on top, then add another layer on top. Frost the sides and top as desired.
Step 9: Decorate
Coat the outside with desiccated coconut. Arrange fresh mango cubes on top and add rosemary sprigs if using.
Now you have created a stunning Vegan Mango Coconut Cake that’s ready to be enjoyed!
How to Serve Vegan Mango Coconut Cake
Vegan Mango Coconut Cake is a delightful treat that pairs well with various accompaniments. Whether for a birthday celebration or a casual gathering, these serving suggestions will elevate your dessert experience.
With Fresh Fruit
- Mango Cubes: Top each slice with fresh mango cubes for added sweetness and a vibrant touch.
- Berries: Serve alongside mixed berries like strawberries and blueberries for a tart contrast.
With Coconut Whipped Cream
- Coconut Cream: Add a dollop of chilled coconut whipped cream to each slice for a creamy texture that complements the cake’s flavors.
As Part of a Dessert Platter
- Dessert Board: Arrange slices of Vegan Mango Coconut Cake on a dessert platter with other vegan treats, such as brownies and cookies, for variety.
With Tropical Fruit Salsa
- Salsa: Pair the cake with a tropical fruit salsa made of diced pineapple, kiwi, and lime juice for an extra burst of flavor.
How to Perfect Vegan Mango Coconut Cake
To ensure your Vegan Mango Coconut Cake turns out perfectly every time, consider these helpful tips:
- Use Fresh Ingredients: Always opt for fresh mango puree and quality dairy-free milk to enhance the cake’s flavor.
- Check Baking Powder Freshness: Ensure your baking powder is not expired; this will help your cake rise beautifully.
- Avoid Overmixing: Mix the batter just until combined to maintain a light and fluffy texture.
- Let It Cool Completely: Allow the cake layers to cool fully before frosting to prevent melting the icing.
- Chill Before Serving: Refrigerate the frosted cake for an hour before serving to set the flavors.
Best Side Dishes for Vegan Mango Coconut Cake
Pairing side dishes with Vegan Mango Coconut Cake can enhance its tropical allure. Here are some delicious options:
- Coconut Rice: A slightly sweet rice dish that complements the rich coconut flavor in the cake.
- Fruit Salad: A refreshing mix of seasonal fruits adds brightness and balances sweetness.
- Minted Peas: This savory side brings freshness that contrasts nicely with the cake’s sweetness.
- Spiced Nuts: Crunchy spiced nuts offer a salty counterpart, providing various textures in each bite.
- Chia Pudding: Light and creamy chia pudding serves as a healthy complement, enhancing the dessert experience.
- Green Salad: A simple green salad with citrus dressing adds brightness and cuts through the richness of the cake.
Common Mistakes to Avoid
Making the Vegan Mango Coconut Cake can be simple, but there are some common pitfalls to watch out for.
- Ignoring ingredient temperature: Using cold dairy-free milk or butter can affect how well your cake rises. Always ensure your ingredients are at room temperature.
- Overmixing the batter: Mixing too much can lead to a dense cake. Combine all ingredients until just mixed for a light and fluffy texture.
- Not measuring flour correctly: Spoon and level your flour instead of scooping directly from the container. This prevents adding excess flour, which can dry out the cake.
- Skipping the baking powder check: Make sure your baking powder is fresh. Old baking powder can lead to a flat cake.
- Using the wrong type of sugar: Stick with caster sugar for a smoother batter. Granulated sugar can leave a gritty texture.
Storage & Reheating Instructions
Refrigerator Storage
- Store the Vegan Mango Coconut Cake in an airtight container to keep it fresh.
- It can last in the refrigerator for up to 5 days without losing flavor or moisture.
Freezing Vegan Mango Coconut Cake
- Wrap individual slices or the whole cake tightly in plastic wrap before placing them in a freezer-safe container.
- The cake can be frozen for up to 3 months. Thaw it overnight in the refrigerator before serving.
Reheating Vegan Mango Coconut Cake
- Oven: Preheat to 180°C (350°F). Place the cake on a baking tray and heat for about 10-15 minutes until warmed through.
- Microwave: Heat slices on medium power for about 30 seconds, checking frequently to avoid overheating.
- Stovetop: Use a skillet on low heat with a lid, reheating slices for about 5 minutes until warm.
Frequently Asked Questions
Here are some common questions regarding the Vegan Mango Coconut Cake that many bakers have.
How do I make this Vegan Mango Coconut Cake gluten-free?
You can substitute self-raising flour with a gluten-free blend. Ensure your baking powder is also gluten-free.
Can I use fresh mango instead of puree?
Yes! You can blend fresh mangoes until smooth to create your own mango puree.
What substitutions work best for dairy-free butter?
You may use coconut oil or other plant-based butter alternatives that are soft and spreadable for this recipe.
How can I customize my Vegan Mango Coconut Cake?
Add nuts like cashews or almonds, or include different fruit purees like passionfruit or pineapple for a unique twist!
How do I decorate my Vegan Mango Coconut Cake?
Top with cubes of fresh mango, sprinkle desiccated coconut over the frosting, and add rosemary sprigs for a beautiful presentation.
Final Thoughts
The Vegan Mango Coconut Cake is not only visually stunning but also bursting with delicious tropical flavors. It’s perfect for celebrations and adaptable with various toppings and fillings. Try customizing it with different fruits or nuts according to your preference!
Vegan Mango Coconut Cake
Indulge in the tropical delight of Vegan Mango Coconut Cake, a moist and flavorful dessert that will impress your guests at any gathering. This eggless, dairy-free cake harmonizes the luscious sweetness of ripe mangoes with the rich creaminess of coconut, creating a mouthwatering experience in every bite. Perfect for birthdays or casual get-togethers, this cake is easy to make and customizable with your favorite decorations. Lightly coated in desiccated coconut and topped with fresh mango cubes, it’s not just a treat for the palate but also a feast for the eyes. Enjoy this delightful dessert that brings a taste of paradise to your table!
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Total Time: 50 minutes
- Yield: Serves approximately 10 slices 1x
- Category: Dessert
- Method: Baking
- Cuisine: Tropical
Ingredients
- 480ml dairy-free milk (such as 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
- For frosting: 300g dairy-free butter, 500g powdered sugar, 6 tablespoons mango puree
- For decoration: 400g desiccated coconut, fresh mango cubes
Instructions
- Preheat oven to 180°C (350°F). Grease two 8-inch baking pans or line with parchment paper.
- In a bowl, mix dairy-free milk and apple cider vinegar; let sit for 5 minutes to thicken.
- In a large bowl, whisk together self-raising flour, caster sugar, baking powder, and bicarbonate of soda.
- In another bowl, combine the thickened milk mixture with sunflower oil, vanilla extract, and mango puree.
- Pour wet ingredients into dry ingredients; stir until just combined.
- Divide batter between prepared pans and bake for 25–30 minutes or until a toothpick inserted comes out clean.
- Let cakes cool in pans for 10 minutes before transferring to a cooling rack.
- For frosting, beat dairy-free butter until creamy; gradually add powdered sugar and mix in mango puree until smooth.
- Once cooled, frost the top of one cake layer, place the second layer on top, and frost the sides and top as desired.
- Coat with desiccated coconut and decorate with fresh mango cubes.
Nutrition
- Serving Size: 1 slice
- Calories: 390
- Sugar: 40g
- Sodium: 50mg
- Fat: 20g
- Saturated Fat: 6g
- Unsaturated Fat: 14g
- Trans Fat: 0g
- Carbohydrates: 51g
- Fiber: 2g
- Protein: 3g
- Cholesterol: 0mg