Home » Vegan Mango Coconut Cake

Vegan Mango Coconut Cake

Three tiers of fruity mango sponges layered up with fluffy mango buttercream, desiccated coconut and mango purée, this vegan mango coconut cake is pure tropical bliss! Vegan, No-Egg, No-Dairy and easy to make!

Mango and coconut cake with a slice being lifted up.

Vegan Mango Coconut Cake

Celebrate any occasion with this delicious, tropical inspired layer cake. This Vegan Mango Coconut Cake is a lush, tropical treat that brings together the natural sweetness of juicy mangoes and the creamy richness of coconut in each bite. Perfect for birthdays, summer gatherings, or any special occasion, this cake is entirely plant-based, yet indulgently soft, moist, and packed with flavour. I actually made this cake for my mums birthday as she loves a fruity dessert, and especially a fruity cake! It went down a storm with friends and family (and of course mum), so I’m very excited to share this recipe with you! With layers of fluffy mango swirled sponge, tangy mango puree, and a silky mango buttercream, it’s a dessert that proves vegan baking can be just as show-stopping and even more delicious than the traditional kind. Keep reading to learn how to make it!

Looking for more fruity recipes? Check out my:

Slice of mango cake on a small plate with a gold fork.

Why you’ll love this recipe

  • Tropical flavour explosion – Fresh, juicy mango pairs perfectly with creamy desiccated coconut for a taste of the tropics in every bite. It’s sunshine in cake form!
  • Fully vegan recipe – No eggs, no dairy, no cruelty! Simple plant-based decadence. You won’t believe how rich and moist it is!!!
  • Perfect flavour balance – Not too sweet, just the right hint of tang from the mango and creaminess from the coconut. The flavours pair beautifully together!
  • Perfect for any occasion – Whether it’s a birthday, baby shower or summer party, this cake makes a eye-catching centrepiece that everyone can enjoy!
  • Light, fluffy and moist – Mango swirled sponges and mango buttercream literally melts in the mouth and bursts with tropical flavour! It’s SO GOOD!
  • Dairy-Free, Egg-free and easy – Simple ingredients, easy to make and follow instructions, and absolutely crowd-pleasing, even for non-vegans!
Slice of mango coconut cake on a plate with a gold fork.

Layers of a mango coconut cake

Find the full written recipe with method, instructions and ingredients in the recipe card at the bottom of this page!

  1. Cakes

    This cake features 3 layers of my go-to vegan cake recipe! It’s super simple, easy to make and bakes in under 30 minutes! The cakes are make with a simple vegan buttermilk, flour with raising agents to make the cakes light and fluffy! The delicious flavour comes from mango puree added into the cake batter before swirling it in the tin!

  2. Fillings

    In-between the sponges are hidden layers of mango buttercream, mango puree and a sprinkle of desiccated coconut!! SO YUM! You can add as little or as much as you fancy!

  3. Buttercream

    The buttercream is my favourite part to this cake. It features my go-to vegan 3 ingredient buttercream (dairy-free butter, icing sugar and vanilla), with mango puree which when whipped, creates an indulgent, creamy tropical cream which pairs perfect with this cake.

  4. Decoration

    The decoration on this cake might be one of my favourite ways I’ve decorated a cake! After coating, the entire cake is coated in a layer of desiccated coconut then topped with mango buttercream swirls, mango puree, a chunk of fresh mango and rosemary sprigs (they are just for decoration). It looks beautiful and tastes even better!

Close up of a slice of mango cake being lifted up.

How to store the cake

To keep your Vegan Mango Coconut Cake fresh and delicious:

  • Store in the fridge: Store the cake in an airtight / sealed container in the fridge for up to 4–5 days. Due to the fresh mango purée and dairy-free butter, refrigeration is essential to prevent spoilage and keep it set!
  • Serving tip: Allow the cake to sit at room temperature for 10-15 minutes before serving to allow the buttercream and sponge to soften slightly and bring out the best flavour and texture.
  • Freezing: You can freeze individual slices of cake (wrapped tightly in plastic wrap / clingfilm and stored in a freezer-safe container) for up to 2 months. Allow to thaw overnight in the fridge, then bring to room temperature before tucking in and enjoying.
  • Avoid any moisture: If your buttercream is particularly soft, avoid storing in humid / warm conditions to prevent it from weeping, separating and melting. I always recommend storing a cake in the fridge to keep fresh!
Tall pinterest pin of a vegan mango cake.

If you make, and love this recipe, please leave a ⭐⭐⭐⭐⭐ rating below. Thank you & happy baking! Make sure to tag me in your photos on Instagram , TikTok and Facebook! Pin this recipe for later, you can use the button on the recipe card, above or below this post, or on any of the photos. Happy baking all!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Vegan mango cake with a slice being lifted out

Vegan Mango Coconut Cake


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

5 from 4 reviews

Description

The ULTIMATE Vegan Mango Coconut Cake, which is not only delicious but absolutely glorious! Vegan, No-Egg, No-Dairy.. no that anyone will know!


Ingredients

Scale

Ingredients for the sponge

  • 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

Ingredients for the buttercream

  • 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)

Instructions

Method (cakes)

  1. Preheat your oven to 180°C fan and line three 8 inch loose base / push up cake tins with greaseproof paper. If you don’t have 3 cake tins you will have to bake the cakes separately. Just cover the unused batter with a damp tea towel until you’re ready to use it.
  2. In a bowl, combine the dairy-free milk with the apple cider vinegar and whisk until fully combined. Set aside for 10 minutes to curdle. This creates a vegan ‘buttermilk’.
  3. In a large mixing bowl, sift the flour, sugar, baking powder and bicarbonate of soda. Mix well to combine.
  4. Add the oil and vanilla into the ‘buttermilk’ and whisk to combine.
  5. Add the wet ingredients into the dry ingredients and mix.
  6. Divide the cake batter in half (pour half into a separate mixing bowl). Add the mango puree to one of the bowls, leaving the other plain vanilla. TIP: If you wanted to make the colours brighter, add a small drop of orange / yellow food gel.
  7. Pour equal amounts of batter into the lined cake tins, alternating between the vanilla and mango in a swirl pattern in each tin, use a toothpick or skewer to swirl the batters together. Make sure to tap the tins on the worktop to remove any air bubbles.
  8. Pop the cakes into the centre of the preheated oven and bake for around 25-30 minutes. You will know they are done when you put a knife or skewer in to the centre of the cake and it comes out clean and they are springy to the touch.
  9. Place the cakes on a cooling rack and allow to cool slightly before removing them from the tins. Leave the cakes to cool fully on the cooling rack.  Once cool, pop them into a sealed container to keep them fresh before frosting.

Method (buttercream)

  1. In a large mixing bowl, add in the dairy-free butter, whip until creamy. I use a stand mixer with a balloon whisk attachment, a hand mixer will work great too.
  2. Sift in the icing sugar and add in the mango. Whip on high speed for around 5-8 minutes to incorporate it. If the buttercream is too thick, add some more chunks of cold butter. if it’s too soft, add more icing sugar. You want it smooth, creamy and airy.
  3. Place one of the cakes on a serving plate or cake stand. Dollop or pipe some of the buttercream on top and spread out until even using an off-set spatula or pallet knife.
  4. Optional: Add a light drizzle of mango puree to the middle of the buttercream and sprinkle over some desiccated coconut. Place the next cake layer on top and repeat.
  5. Give the entire cake a crumb coat (thin layer of buttercream to help lock in any crumbs to prevent them in the final coat, using a cake scraper or pallet knife to get the sides smooth). Refer to video for example. 
  6. Place the cake into the fridge to set for 15-20 minutes. You want the buttercream to be firm, this will make the final coat and applying the decorations easier.
  7. Remove the cake from the fridge and apply a second/final coat, this time making it thicker, then using a cake scraper to make the edges of cake smooth.
  8. Transfer any left over buttercream into a piping bag fitted with a medium sized star tip nozzle.
  9. Coat the entire sides and top of the cake in desiccated coconut. TIP: As buttercream wont stick to the coconut, use a spoon to create remove some coconut where you’ll be piping the swirls so it sticks.
  10. Pipe swirls of the buttercream around the top edges of the cake. TIP: Use a small spoon to create a well in the middle of the buttercream swirls and add in some mango puree (see video for example).
  11. Decorate the cake with some fresh mango slices / chunks and rosemary. Make sure the mango slices are dried well otherwise they’ll make the buttercream moist and may slide down the sides of the cake. TIP: Dry the mango with some kitchen paper.
  12. Use a sharp knife to cut the cake into slices, serve and enjoy!

Notes

To store: Store this cake in a sealed container in the fridge. Best eaten within 3 days of making.

Remove from the fridge and leave at room temperature for 15 minutes before serving.

Un-iced cakes can be stored in a sealed container at room temperature for 2 days.

  • Prep Time: 20 minutes
  • Cook Time: 25-30 minutes
  • Category: Cakes and layer cakes
  • Method: Baking
  • Cuisine: American
Follow:

8 Comments

  1. Jose Miguel Facal Rodriguez
    August 1, 2025 / 10:00 pm

    fantastic!

  2. Emily C Silver
    August 2, 2025 / 1:54 pm

    In the middle of making this now, the sponges are baking and they look fab!!!!! Will let you know how it goes oxox

  3. Julian Cook
    August 4, 2025 / 9:35 pm

    Love this recipe made it myself for the very first time of baking with no help from my wife this was amazing now going to be doing more from your book.

    • August 5, 2025 / 9:37 am

      hello Julian, I am over the moon you love this recipe!!! Also THANK YOU for getting a copy of my book, your support means a lot to me! I hope you enjoy baking all the treats in there and let me know what you decide to make! Happy Baking x

  4. Duntry
    October 24, 2025 / 4:22 pm

    thank you!

  5. Ann
    November 5, 2025 / 3:40 pm

    I’m going to make this but can I ask, did you buy the mango purée or make your own? ?

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

As seen in
ORDER MY NEW COOKBOOK