Home ยป Harry Potter chocolate cake recipe

Harry Potter chocolate cake recipe

Vegan, gluten-free, wheat-free.

It was my sister’s birthday yesterday (3rd October) and she asked me to make her a Harry Potter cake, in particular, the cake Hagrid gives Harry in the first Harry Potter film.

This is a vegan and gluten-free chocolate cake, with coffee buttercream, a caramel core, frosted in vanilla buttercream.

Preparation- 10 minutes

Baking time- 28-30 minutes

Serves- Approximately 10-12

Level- Medium

Ingredients for the cake

-480ml of dairy-free milk 

 -2 teaspoons of apple cider vinegar

-420g of self-raising flour (you can use gluten-free)

-2 tablespoons of cocoa powder

-470g of golden caster sugar

-1 teaspoon of baking powder

-1 teaspoon of bicarbonate of soda

-120g of coconut oil (melted)

Ingredients for the buttercream

 -210g of dairy-free butter

-500g of icing sugar

-1 teaspoon of vanilla extract

-Dairy-free milk (if needed)


-Cocoa powder

-Ground coffee

-Pink & green food gel


-Caramel sauce 

To make the cakes

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

Step 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’.

Step 3- In a large mixing bowl; sift the flour,  cocoa powder, 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- 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 7- Pop the cakes into the center of the preheated oven and bake for around 28-30 minutes. You will know they are baked when you put a knife or skewer in and it comes out clean and they are springy to the touch.

Step 8- 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 and 1 teaspoon of cooled brewed espresso into one of the bowls (for the filling), 2 drops of pink food gel into the second bowl and green food gel into the third.

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

Step 4- Stack and fill the cake with chocolate coffee buttercream and caramel sauce, then crumb coat the whole cake with the pink buttercream and pop into the fridge to set. 

This will take around 1 hour.

Step 5- Coat the cake with the pink buttercream.

Step 6- Add the green buttercream into a piping bag fitted with a small round tip nozzle and apply your writing on top of the cake.

To make it look like the cake from the film, using a knife, add a crack onto the top of the cake (ad seen in the images).

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!

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 

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!



  1. Joshua Howard
    October 7, 2019 / 7:32 pm

    Wow! The cake looks amazing! Can't wait to try it. I have a question. What dairy-free milk do you use?

    • The Little Blog of Vegan
      October 11, 2019 / 6:06 pm

      Thankyou so much Joshua! My fave dairy-free milk is almond milk x

  2. Winni
    October 8, 2019 / 10:25 am

    Amazing cake and also taste. Thank you so much Harry Potter chocolate cake recipe. I will make this cake my brother's birhtday.

    • The Little Blog of Vegan
      October 11, 2019 / 6:07 pm

      Aw thankyou so much Winni! ๐Ÿ˜€ x

  3. Green Addict ๐Ÿ’š๐Ÿ€
    December 12, 2019 / 9:16 am

    My brother loved it so much!You have an amazing talent and a very kind heart to be willing to save the animals!I love what you do for the planet.
    Thank you.
    Keep making the world a better place!
    Xoxo,your biggest fan ๏ฟฝ๏ฟฝ

    • The Little Blog of Vegan
      January 31, 2020 / 8:13 pm

      Aw i love this so much! What a lovely comment- thankyou so much!
      I'm so glad your brother enjoyed it too! x

  4. Unknown
    January 30, 2020 / 3:00 pm

    Hello, I don't have a mixer. Any advice to make a nice buttercream? Thanks!

    • The Little Blog of Vegan
      January 31, 2020 / 8:12 pm

      Hey, You could buy a not so expensive hand held electric whisk, or just old school bowl and whisk but it'll take alittle longer and may not be as fluffy ๐Ÿ™‚ x

  5. littlegem92
    October 6, 2020 / 4:59 pm

    Is the cake in the pictures made with the gluten free flour or regular? Iโ€™m worried about rise… will the cake not rise as well with gluten free?

  6. Unknown
    July 18, 2021 / 6:31 pm

    Hey, what is the regular height of this cake? Is a 21cm cake box enough?

  7. Cake Plaza
    September 6, 2021 / 1:48 pm

    This Cake are Butterscotch Cake, Nice Look and Your Recipe is so Good…..
    Thanks For Sharing……

Leave a Reply

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

As seen in