Vegan coconut cake with custard is a gorgeous dessert that combines the tropical essence of coconut with the rich, creamy texture of custard.

This indulgent treat perfectly balances flavors and textures, satisfying vegans and non-vegans alike.

vegan coconut cake with custard

What is vegan coconut cake?

Quantities are in the recipe box at the bottom of the page.

This delicious vegan dessert is made with plantbased ingredients, including coconut milk and oil to replace dairy, whole wheat flour, vanilla extract, and plant-based milk.

The star of this dessert, however, is the vegan custard layer.

vegan coconut cake after cutting a slice

This custard is made with coconut milk, cornstarch, and vanilla, providing a silky smooth contrast to the fluffy cake layers.

Similar to our vegan vanilla cake, vegan apple cake, and vegan carrot cake, this recipe uses easy-to-find-ingredients. And it’s lovely for celebrations and birthday parties!

How to make vegan coconut cake

1. Make the base

Preheat the oven to 350°F (180°C). In a large bowl, mix the plant milk, oil, sugar, and vanilla extract until the sugar dissolves.

Sift the flour and baking powder into the mixture and gently combine with a spatula, being careful not to over-mix.

Line the bottom of a cake pan with parchment paper and grease the sides and pour the batter in.

Bake for 50 minutes, then cool before cutting the cake into three even layers, using a bread knife.

vegan coconut cake layers

2. Custard and Syrup

For the custard, whisk all ingredients off the heat until smooth, then cook over medium heat until thickened (about 5 minutes).

Let cool for 20 minutes, stirring occasionally.

Make a simple syrup by dissolving sugar in water and adding vanilla extract.

vegan custard

3. Assemble the cake

To assemble, brush the bottom layer of cake with syrup, spread coconut custard on top, and repeat with the second layer.

hand applying vegan custard on the vegan coconut cake

Flip the final layer upside down, brush with syrup, and smooth any excess custard. Cover the entire cake with vegan whipped cream and shredded coconut.

applying vegan whipped cream on the vegan coconut cake

Store in the fridge or serve immediately.

Slice and enjoy this rich and creamy vegan coconut cake with your family and friends.

vegan coconut cake with coconut flakes

Tips

  • For festivities: Make sure you have time; make the spongecake a day in advance.
  • Use the syrup to moisten the sponge cake. This is standard practice in most Italian sponge cakes.
  • Apply coconut with a small spatula. We tried applying the coconut with our hands, but that was very, very messy.
vegan coconut cake on a cake platter

Storage

Refrigerator: Cover the cake with plastic wrap or store it in an airtight container. This will prevent it from drying out or absorbing odors from other foods.

The cake will stay fresh for up to 3 days in the fridge.

Since the custard filling is perishable, refrigeration is essential to maintain the cake’s texture and safety.

Before serving, let the cake sit at room temperature for 15-20 minutes to soften.

Freezer: To freeze the cake, wrap individual slices (or the whole cake) tightly in plastic wrap, then wrap them in aluminum foil or place them in a freezer-safe container. This can preserve the cake for up to 2 weeks.

Defrosting: When ready to eat, thaw the cake in the refrigerator overnight and allow it to sit at room temperature before serving.

vegan coconut cake and hand holding a fork

Similar recipes

a slice of vegan coconut cake on a white plate

Vegan Coconut Cake

5 from 3 votes
This vegan coconut cake is a simple recipe with a soft and moist wholegrain sponge cake filled with a delicious vegan coconut custard.
This cake is perfect for kids and adults alike, for birthdays and special occasions. It's dairy-free, egg-free, but still moist and delicious.
Prep Time: 15 minutes
Cook Time: 30 minutes
Total Time: 45 minutes
Servings: 12 people
Course: Dessert
Cuisine: International

Equipment

  • 8 inches / 20 cm cake pan or springform pan

Ingredients 

SPONGE CAKE

  • cups all-purpose flour
  • 1 cup whole-wheat flour
  • 4 teaspoons baking powder
  • 1⅔ cups non-dairy milk any
  • cups sugar
  • ¼ cups olive oil or canola oil
  • 1 tablespoon vanilla extract

CUSTARD

  • 2 cups non-dairy milk any
  • 1 cup coconut milk
  • ¾ cup cornstarch
  • ½ cup sugar
  • 1 teaspoon vanilla extract

TOPPING

  • ½ cup shredded coconut
  • 1 cup vegan whipping cream

SYRUP

  • ¾ cup water
  • ½ cup sugar
  • 1 teaspoon vanilla extract

Instructions 

MAKE THE BASE

  • Preheat the oven to 350°F (180°C).
    To a large bowl, add 1⅔ cups non-dairy milk, 1¼ cups sugar, ¼ cups olive oil, and 1 tablespoon vanilla extract.
    Stir until the sugar is dissolved.
    mixing liquids
  • Sift 2¼ cups all-purpose flour 1 cup whole-wheat flour and 4 teaspoons baking powder in the same bowl.
    sifting flours
  • With a spatula, incorporate the flour and the liquids together trying to break the lump.
    Do not over-mix. It should only take you 1 to 2 minutes.
    making the cake batter
  • Line your cake pan with parchment paper (bottom and sides) or grease it well with oil and dust it with flour.
    Pour cake batter into cake pan.
    Pourin the cake batter into a form
  • Bake for 50 minutes at 350°F (180°C). Check with a toothpick if it's cooked inside. The toothpick should come out mostly dry.
    Baking in the oven
  • Let cool down on a cooling rack before taking it out of the form and cutting it into 3 equal layers.
    Use a serrated knife/bread knife to cut the cake.
    cutting the cake in layers

MAKE THE CUSTARD

  • In a saucepan off the heat, whisk together 2 cups non-dairy milk, 1 cup coconut milk, ¾ cup cornstarch, ½ cup sugar, and 1 teaspoon vanilla extract.
    Break all lumps.
    making the custard
  • Cook on medium heat while whisking until thick (about 5 minutes).
    Let cool down for 20 minutes stirring occasionally.
    cooking the custard

SYRUP

  • Dissolve ¾ cup water, ½ cup sugar, and 1 teaspoon vanilla extract in a small container. Set aside.
    making the syrup

ASSEMBLE THE CAKE

  • Place the base layer of the sponge cake onto a serving platter and brush it with ⅓ of the syrup.
    building the coconut cake first layer
  • Cover it with about ½ of the custard.
    covering the layer with custard
  • Put the middle layer of sponge cake on top of the custard, applying some pressure to fix it in place.
    Brush ⅓ of the syrup on top, and cover with another layer of custard.
    adding the second layer
  • Cover with the last disc of sponge cake, flipped upside down.
    With a spatula, level off the custard coming out on the side of the cake.
    fixing the sides
  • Brush the top layer with the remaining syrup, then cover the whole cake with 1 cup vegan whipping cream.
    covering the vegano coconut cake with whipped cream
  • Apply ½ cup shredded coconut.
    vegan coconut cake with coconut flakes
  • Store in the refrigerator or eat straight away.
    slice of vegan coconut cake with a silver fork

Notes

Nutrition information is an estimate for 1 slice of vegan coconut cake out of 12 slices.

Nutrition

Calories: 463kcal, Carbohydrates: 77g, Protein: 6g, Fat: 15g, Saturated Fat: 9g, Polyunsaturated Fat: 1g, Monounsaturated Fat: 4g, Trans Fat: 0g, Cholesterol: 0mg, Sodium: 121mg, Potassium: 317mg, Dietary Fiber: 3g, Sugar: 39g, Vitamin A: 1IU, Vitamin B6: 0.1mg, Vitamin C: 1mg, Vitamin E: 1mg, Vitamin K: 3µg, Calcium: 172mg, Folate: 61µg, Iron: 2mg, Manganese: 1mg, Magnesium: 31mg, Zinc: 1mg
Tried this recipe?Leave a comment below or mention @nicoandlouise on Instagram. We are also on Facebook, Pinterest, YouTube, and TikTok.

You might also like:


Nico and Louise in front of the Consolazione church in Todi

Hi! We are Nico & Louise

Welcome to The Plant-Based School, a food blog with vegetarian and vegan recipes.

5 from 3 votes (3 ratings without comment)

Leave a comment

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

Recipe Rating




4 Comments

  1. Hi! How would you suggest to modify baking time and/or quantities if using a pan of 24 cm diameter? Thanks in advance!

    1. Hi Carmen, you probably wouldn’t need to adjust the temperature, but to be sure, you can check the cake 5 minutes before by inserting a toothpick in the center. If it comes out dry, the cake is ready.

      I hope this helps, let me know if you have additional questions ๐Ÿ™‚

    1. Hi Heather, 2 tsp for the sponge, 1 tsp for the custard, 1 tsp for the syrup, but if you like a stronger vanilla aroma feel free to add more. ๐Ÿ™‚ Thanks!