Home » Chocolate & coffee ombré cake

Chocolate & coffee ombré cake

Vegan, quick & easy.

After receiving so much amazing feedback & love on my ‘Easy strawberry ombré cake‘,  I’ve been really excited to come up with another show-stopping ombré cake….. this time chocolate!

I made this cake to celebrate my sisters birthday which is today (3rd October). I’m very lucky that we share the same love of all things coffee & chocolate, so I can tuck into this cake too- haha!

This is a three-layered rich chocolate & coffee ombré cake, with a light and fluffy coffee & chocolate buttercream, topped with a cluster of dairy-free chocolate’s, a dash of cocoa powder and buttercream swirls.

Coffee & caramel are a match made in heaven, it reminds me of an Iced Starbucks drink so it only seemed right to add in some caramel sauce. It gives an added sweetness and texture which works wonderfully. 

Ombré cake’s look magnificent and are very easy to make….considering they look technical. 

The cake itself is perfectly moist and light, just how you want a birthday cake!

It’s packed full of moorish flavour, you’ll want another slice of cake..I’m sure! 

Preparation- 10 minutes

Baking time- 28-30 minutes

Serves- Approximately 10-12

Level- Medium

Ingredients for the cake

-480ml of dairy-free milk (I use unsweetened almond milk)

-2 teaspoons of apple cider vinegar

-420g of self-raising flour 

-480g of golden caster sugar

-1 teaspoon of baking powder

-1 teaspoon of bicarbonate of soda

-120g of coconut oil (melted)


-Cocoa powder

-Ground coffee

Ingredients for the buttercream

-210g of dairy-free butter

-600g of icing sugar

-Cocoa powder

-Coffee powder

-1/2 teaspoon of dairy-free milk (I use unsweetened almond)


-Caramel sauce (Get my recipe here)

To make the cakes

Step 1- Preheat your oven to 180 degrees c and line three 6 inch cake tins with grease-proof paper.

Step 2- In a bowl, combine the almond milk with the apple cider vinegar and whisk until fully combined.

Set aside for 10 minutes to curdle. This creates a vegan ‘buttermilk’.

Step 3- In a large mixing bowl, sift the flour, sugar, baking powder and bicarbonate of soda.

Mix well to combine.

Step 4- Add the melted coconut oil into the ‘buttermilk’ and whisk to combine.

Step 5- Add the wet ingredients into the dry ingredients and mix.

Step 6- Divide the cake batter into 3 separate bowls.

Step 7- Add 2 tablespoons of cocoa powder into one of the bowls, 1 teaspoon of cocoa powder and a teaspoon of coffee powder into the second bowl and leave the third bowl as vanilla.

You want the colours of the batter to be gradient (light to dark). This creates the ombré effect.

Step 8- Pour equal amounts of batter into the lined cake tins.

Make sure to tap the tins on the worktop to remove any air bubbles.

Step 9- Pop the cakes into the centre of the preheated oven and bake for around 28-30 minutes.

You will know they are done when you put a knife or skewer in and it comes out clean and they are springy to the touch.

Step 10- Place the cakes on a cooling rack and allow to cool fully. 

Once cool, pop them into a sealed container to keep them fresh before frosting.

To make the buttercream

Step 1- In a bowl/stand mixer, cream the butter on high then add in the icing sugar.

Step 2- Divide the buttercream into 3 separate bowls.

Step 3- Add 2 tablespoons of cocoa powder into one of the bowls, 1 teaspoon of cocoa powder and a teaspoon of coffee powder into the second bowl and leave the third bowl as vanilla.

Add a splash of dairy-free milk if too thick.

Step 3- Stack and fill the cake with the buttercream and a drizzle of caramel sauce(optional), then crumb coat the whole cake with the buttercream and pop into the fridge to set. 

This will take around 1 hour.

To decorate, I added leftover buttercream into a piping bag fitted with a medium french patisserie tip nozzle and piped some swirls around the top of the cake, added on some dairy-free white & dark chocolates and finished with a dash of cocoa powder.

Serve fresh or store in a sealed container in the fridge, the buttercream will firm up at room temperature. 

Best eaten within a few days!

Make sure you follow me on my social media

My Instagram- https://www.instagram.com/thelittleblogofvegan/

Facebook- https://www.facebook.com/littleblogofvegan/

Twitter- https://twitter.com/BlogofVegan

I would love to see your take on my recipes. Tag me on social media using the hashtag #Blogofvegan #thelittleblogofvegan <3 

All of my social media links are in the side bar…come and say Hi 🙂

Share and follow me for more yummy posts to come!

Holly Jade



  1. topaustraliawriters
    October 29, 2018 / 9:43 am

    Thanks for this great recipe. I've began my vegan life just about 4 months ago and I miss some of the desserts the most. It's nice to find a good alternative for them. Your cake looks wonderful, Holly and I bet the taste is even better.

    • The Little Blog of Vegan
      October 31, 2018 / 5:38 pm

      Thankyou so much for your kind words, really sweet of you! Oh yes, these cakes are absolutely delicious, i'd 100% recommend you give them a go and let me know how you get on 🙂 Happy Baking x

    March 3, 2019 / 11:20 am

    This is such a great resource that you are providing and you give it away for free. Medium roast coffee

  3. Arlon joys
    April 20, 2019 / 1:17 pm

    Graham Saying,
    I absolutely love ombre cakes. They look really impressive and pretty at the same time, and make the cake be all about the inside of the cake too, not just the outside. I attempted a pretty pink gradient one for Valentines. Alas, it didn't turn out that great. I used a raspberry jam filling for the layers and it just made the cake layers look too unclean once I cut through the cake. Probably because it was five layers and the jam was too moist. Thanks for such a detail explain you did.

  4. Saad
    July 2, 2019 / 2:50 pm

    I admire this article for the well-researched content and excellent wording. I got so involved in this material that I couldn’t stop reading. I am impressed with your work and skill view website.

  5. seoexpert
    July 16, 2019 / 12:40 pm

    This comment has been removed by a blog administrator.

  6. YK Agency
    August 13, 2019 / 11:38 am

    Great post, and great website. Thanks for the information! スペシャリティコーヒーの様々

  7. Taylor
    December 4, 2019 / 6:56 pm

    It is constantly prescribed to try different things with a few shots of espresso before deciding the precise strategy that works for you.espresso makers

  8. June 28, 2023 / 2:13 pm

    The chocolate and coffee ombré cake sounds absolutely delightful! The combination of rich chocolate flavors with the aromatic essence of coffee must create a heavenly treat. I can almost taste it just thinking about it. Your baking skills are impressive!

  9. July 4, 2023 / 8:27 pm

    The chocolate and coffee ombré cake is a delightful treat that combines rich chocolate flavors with the boldness of coffee. It’s a perfect indulgence for dessert lovers.

  10. July 4, 2023 / 8:28 pm

    The chocolate and coffee ombré cake is a delectable dessert that harmonizes the richness of chocolate with the aromatic notes of coffee. A true delight for both chocolate and coffee enthusiasts!

  11. October 19, 2023 / 8:42 pm

    “The coffee ombré cake looks divine! It’s a delightful treat for both coffee lovers and cake enthusiasts. Can’t wait to try!”

  12. December 12, 2023 / 11:08 pm

    The Coffee Ombré Cake blog is a culinary delight! The recipe and step-by-step guide make it a must-try for coffee lovers

Leave a Reply

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

As seen in