Vegan Chocolate Cake with Matcha Coconut Frosting

Vegan chocolate cake with matcha coconut frosting!

This has got to be my favourite cake combination: vegan chocolate cake with matcha coconut frosting! While chocolate by itself is delicious, the addition of matcha coconut frosting just takes it to the next level. There’s an amazing play between bitterness and sweetness in your palate as you eat it!

The vegan chocolate cake is the vegan version of a black magic cake. It is also very simple and easy, and requires no creaming or even vegan butter.

I swear I am not exaggerating when I say that this is my favourite cake! It’s luscious, dark, chocolate-y and not too sweet! And it goes perfectly with a cup of coffee (covfefe), for dessert or for breakfast (no judgement here).

Coconut milk for the frosting

The frosting I use here is coconut milk-based. It is entirely vegan, and entirely delicious! Even my non-vegan friends LOVE my vegan frosting!

For the can & carton of coconut milk, make sure that there are no additives in the ingredient list such as guar gum. The can of coconut milk should separate and solidify, since it’s a smaller volume than the carton. Also, make sure that you place both the can & carton in the fridge at least 24 hours in advance!

While this may be time-consuming, doing this ensures that you’ll have a soft & fluffy coconut cream frosting that is suitable for decorating cakes!

Matcha may not be everyone’s cup of tea (see what I did there), so if you don’t like matcha, you can totally omit it in this recipe. You’ll then just have a vegan chocolate cake with coconut cream frosting, which is still 100% delicious! Here below is the recipe video for this cake!

Vegan Chocolate Cake with Matcha Coconut Frosting

The mix of chocolate and matcha in this cake is heavenly! This vegan chocolate cake is a definite showstopper for any dessert lover!
Prep Time 30 minutes
Cook Time 30 minutes
Total Time 1 hour 30 minutes
Course Dessert, Snack
Cuisine American, Vegan
Servings 12 people


Coconut Cream Frosting

  • 1 can coconut milk (400 mL)
  • 1 carton coconut milk (1000 mL)
  • 4-8 tbsp icing sugar (to taste)
  • 2 tsp vanilla extract
  • 2-4 tbsp matcha powder
  • food colouring (optional)

Vegan Chocolate Cake

  • 1 cup all-purpose flour (or any kind of flour)
  • 3/4 cup sugar
  • 1/3 cup cocoa powder
  • 1 tsp baking soda
  • 1/2 tsp baking powder
  • 1/2 tsp salt
  • 1 tbsp egg replacer (I use the Bob's Red Mill brand)
  • 3 tbsp water
  • 1/4 cup vegetable oil
  • 1/2 cup almond milk (or any non-dairy milk)
  • 1 tsp vinegar
  • 1/2 cup brewed coffee (cooled)


Coconut Cream Frosting

  • Place both the can and carton of coconut milk in the fridge for at least 24 hours.
  • Also, place your mixing bowl and whisk in the fridge at least 10 minutes before you start the frosting. This will help whip the coconut cream.
  • For the can of coconut milk, open it from the bottom, drain the liquid and spoon the coconut cream into your mixing bowl.
  • Open the carton of coconut milk, and spoon the coconut cream from the top to your mixing bowl. See notes if the coconut cream did not separate.
  • Mix the coconut cream at medium-high speed with your stand mixer for about 3 minutes.
  • Add 4 tablespoons of icing sugar to start, and mix on medium-high speed. Add more icing sugar, if desired (to taste). Mix on high speed until the frosting stiffens.
  • If the frosting is too stiff, add some of the liquid in the carton of coconut milk, one tablespoon at a time, then mix on high speed. Keep adding liquid until you reach your desired frosting softness.
  • Finally, add the vanilla extract, then mix.
  • If you want, you can add matcha powder to the frosting to have matcha coconut frosting. Keep in the fridge until ready to use.

Vegan Chocolate Cake

  • Preheat the oven to 350F°. Grease and flour (or line) the cake pans, and set aside.
  • In a glass, add your almond milk and vinegar, and let it sit for 5 minutes.
  • In a bowl, mix your dry ingredients together (flour, sugar, cocoa powder, baking soda, baking powder and salt), and set aside.
  • In another bowl, mix the egg replacer & water. Add the vegetable oil and mix well. Finally, add the cooled brewed coffee and almond milk-vinegar mixture. Mix everything well.
  • Mix the wet ingredients to the dry ingredients and mix everything until incorporated.
  • Separate the batter between the cake pans.
  • Bake for 15-20 minutes, or until you insert a toothpick and it comes out clean or with a few crumbs.
  • Once baked, allow to cool for 15 minutes, and set aside. Decorate as you see fit (watch my video to see how I decorate it)!


For the coconut cream, use coconut milk that has no additives in it. This will ensure that the coconut cream will separate & solidify.
I use the Real Thai brand for the coconut cream carton. I've had 100% success with this brand, especially when combined with the Thai Kitchen coconut milk can.


  • If the carton of coconut cream doesn't separate & solidify, it's okay to use it as it is from the carton. It will still stiffen up, especially when it mixes with the coconut cream from the can. Whip it on high speed until it stiffens, and still pour only about half or so.


  • I used Bob's Red Mill egg replacer, but you can use any kind of egg replacer or flax egg.
  • You can use natural food colouring, if desired, to colour the frosting.


It’s even better the next day!

And here’s the best part: it gets better as the cake sits in the fridge! The cake absorbs more of the liquid in the coconut cream frosting, so it becomes even moister!

Leave a Reply

Recipe Rating

This site uses Akismet to reduce spam. Learn how your comment data is processed.