Skip to Content

Hocus Pocus Cake

This Hocus Pocus cake is the perfect Halloween cake! It’s moist, decorated with buttercream, and naturally colored with dark cocoa powder!!

image of a buttercream hocus pocus cake made with black cocoa frosting and cake layers

How to Make This Hocus Pocus Cake

To make sure this hocus pocus-themed cake turns out as amazing as possible, let’s walk through each step together!

I’ve also included a video tutorial of the process below.

Step 1: Bake the Black Cocoa Cake Layers

The first step is to make the black cocoa cake batter following the recipe card at the bottom of this post.

image of a black velvet cake batter being poured into a round cake pan

Divide the batter evenly between the prepared cake pans and bake for 20-22 minutes or until a toothpick comes out with a few moist crumbs.

Remove the cake layers from the oven and let them cool in the pans for about 10 minutes.

Gently run an offset spatula around the rim of the cake pans to loosen them, then flip them into wire racks to finish cooling.

Once cooled, use a serrated knife to level the top of each cake layer.

image of a black velvet cake layer that's been leveled with a serrated knife

If you’re making these in advance, you can wrap and freeze them at this point.

Step 2: Make the Buttercream Frosting

While the cake layers bake and cool, make the colorful vanilla frosting and the black cocoa buttercream.

I love this recipe because it uses one frosting base to make both flavors of frosting!

I like to use American buttercream because I think it’s the easiest to make and I love eating it. However, it is quite sweet!

If you want to use a less sweet frosting, I’d recommend making a batch of my Swiss meringue buttercream or my hybrid buttercream.

image of black buttercream frosting that's being mixed in a kitchen aid

This frosting can also be made in advance if needed and kept in the fridge for up to a month!

If you’re struggling to get your frosting a deep shade of black, here are all of my tips and tricks for making super dark black frosting.

Step 3: Stack and Fill the Cake Layers

Then stack and frost cake layers on a greaseproof cake board. Use a dab of black cocoa buttercream to help stick the first cake layer to the board.

Add an even layer of black cocoa buttercream between each cake layer with a large offset spatula.

Repeat with the remaining cake layers and place the top cake layer upside down to make it easier to frost.

image of black cocoa cake layers being stacked

Step 4: Crumb Coat the Cake

Spread a thin coat of black cocoa frosting around the cake to fully cover the cake layers.

Smooth using a bench scraper, then chill the cake in the fridge (10 minutes) or freezer (5 minutes) until the frosting is firm to the touch.

image of a black cocoa cake being crumb coated with a thin layer of dark chocolate frosting

Step 5: Add the Second Layer of Frosting & Decorate

Next, add a second, thicker layer of black cocoa frosting to the cake and smooth using a bench scraper.

If you’re having a hard time getting smooth sides on your cake, check out my post on how to frost a cake smoothly or watch my tutorial on YouTube.

image of black buttercream being smoothed onto a 7-inch layer cake

Chill the cake in the fridge (20 minutes) or freezer (10 minutes) one more time until the buttercream is firm to the touch.

Then use a toothpick or scribe to outline the silhouette of the Sanderson sisters and to write your favorite quote from the movie.

image of a cake design being traced onto a black buttercream cake before piping on the buttercream decorations

I chose to write “It’s all just a bunch of hocus pocus” but “I smell children” would be fun too!

Use the yellow, orange, and purple frosting to pipe the hair like in the picture below.

image of silhouettes of the Sanderson sisters being piped onto a hocus pocus cake with colorful buttercream

Smooth the frosting with a small offset spatula and/or acetate sheet. Pipe the quote in white buttercream.

Use the remaining colorful buttercream to pipe dots around the cake, then enjoy!

image of a buttercream hocus pocus cake made with black cocoa frosting and cake layers

Substitutions & Swaps: Black Cocoa Cake Layers

While I love this cake recipe just the way it is, I know some of you might not have all these ingredients on hand.

Below are some swaps and substitutions that can be made in this recipe.

  • All Purpose Flour – This recipe turns out best with all purpose flour. However, you can swap in a good gluten free flour blend (like this) if needed. Just be sure to stir the batter longer than normal to help give the cake proper structure, and let the batter sit for about 20 minutes before baking it if you opt to make a gluten free version.
  • Granulated Sugar – I do not recommend reducing the amount of sugar or changing the type of sugar, as it will change the texture of the cake layers.
  • Black Cocoa – I like to order a big tub of Wincrest black cocoa powder on Amazon. If you can’t find black cocoa, you can also use dark baking cocoa (Ghirardelli or Hershey’s both will work) or unsweetened cocoa powder plus some black gel food coloring.
  • Buttermilk – You can also use full fat yogurt, sour cream, whole milk, or an alternative yogurt or milk (almond, soy, oat).
  • Vegetable Oil – Any flavorless oil can be used in this recipe. Canola, vegetable, or even sunflower oil would all work great. I don’t recommend olive oil though, as it has a strong flavor and will change the taste of the cake.
  • Eggs – This recipe uses 2 large eggs. If you have an egg allergy you can try using a vegan egg replacer.
image of a container of black cocoa

Substitutions & Swaps: Buttercream Frosting

Below are some swaps and substitutions that can be made in this buttercream recipe.

  • Unsalted Butter – If you only have salted butter on hand, you can use it in place of the unsalted butter. Just be sure to omit the salt that this frosting recipe calls for. You can also use vegan butter in its place!
  • Black Cocoa – I like to order a big tub of Wincrest black cocoa powder on Amazon. If you can’t find black cocoa, you can also use dark baking cocoa (Ghirardelli or Hershey’s both will work) or unsweetened cocoa powder plus some black gel food coloring.
  • Heavy Cream – Whole milk or alternative milk (soy, almond, oat) can also be used to make the frosting.
  • Dark Chocolate Chips – You can use chocolate chips, baking chocolate, or good-quality chocolate bars to melt and add into the frosting. I like to use dark chocolate, but you can also use milk or semi-sweet chocolate if you have a strong preference.
  • Gel Food Coloring – To get super vibrant colored buttercream, I highly recommend using gel food coloring! Liquid food coloring can also be used but the colors won’t be quite the same.
image of black, white, yellow, orange, and purple American buttercream that have been put in piping bags to decorate a cake

Making This Hocus Pocus Cake in Different Sizes

I used four 7″ cake pans to make this cake, but this recipe can be used to make different sized cakes. You can also half or double the ingredients to make a half or double batch!

You can also make three 8″ or four 6″ cake layers with one batch of batter.

To make three 8″ cake layers, bake them at 350 F / 175 C for 21-24 minutes or until a toothpick comes out with a few moist crumbs. The cake will be a bit shorter than mine.

To make four 6″ cake layers, bake them at 350 F / 175 C for 24-28 minutes or until a toothpick comes out with a few moist crumbs. The cake will be a bit taller than mine.

image of chocolate cake batter being weighed on a scale to make sure all the pans have the same amount of batter

One batch of batter can also be used to make one 9×13-inch sheet cake. Bake it at 350 F / 175 C for 35-45 minutes and use flower nails or heating cores to help the cake bake evenly. It should end up being about 2 inches tall.

If you want to make cupcakes, I highly recommend using my black velvet cupcake recipe!

Making this Hocus Pocus Cake in Advance and Storage Tips

Make your cake layers up to a month in advance and freeze them. It breaks the process up and makes it more approachable.

Make the frosting ahead of time or save any leftover frosting! It can be stored in an airtight container in the fridge for up to a month or sit out at room temperature for up to 24 hours.

This frosting can also be stored in the freezer for up to 3 months. Just be sure to give it a good stir once it thaws to make it nice and smooth again.

A frosted cake can last in the fridge for a week or in the freezer for a month. The buttercream locks in the moisture and keeps the cake fresh and delicious!

image of a slice of black cocoa cake on a plate

Tips for Making the Best Hocus Pocus Cake

  • Try to get your hands on some black cocoa for this recipe– it’s delicious and totally worth it!
  • Ingredients at room temp mix together better! Set out any cold ingredients ahead of time.
  • Properly measure your flour (spoon into the cup measure, then level). Or better yet, use a kitchen scale to measure your dry ingredients.
  • Level your room temperature or thawed cake layers with a serrated knife to make them easier to stack.
  • Chill your cake layers in the freezer for about 20 minutes before assembling the cake. It makes it so much easier to stack and frost them!

Let Me Know What You Think

If you try this hocus pocus cake recipe, I’d love to hear what you think! Please leave a rating below and comment below.

Don’t forget to tag me @chelsweets and use #chelsweets on social media so I can see your amazing creations!

Other Recipes You Might Like:

Yield: 20

Hocus Pocus Cake

image of a buttercream hocus pocus cake made with black cocoa frosting and cake layers

This Hocus Pocus cake is the perfect Halloween cake! It's moist, decorated with buttercream, and naturally colored with dark cocoa powder!!

Prep Time 10 minutes
Cook Time 26 minutes
Additional Time 30 minutes
Total Time 1 hour 6 minutes

Ingredients

Black Cocoa Cake Recipe

  • 2 cups all-purpose flour (260g)
  • 2 cups granulated sugar (400g)
  • 3/4 cup black cocoa powder, sifted (75g)
  • 2 tsp baking powder (8g)
  • 1 1/2 tsp baking soda (9g)
  • 1 tsp fine salt (6g)
  • 1 cup warm water (240g)
  • 1 cup buttermilk (240g)
  • 1/2 cup vegetable oil (110g)
  • 2 large eggs, room temperature (112g)
  • 2 tsp vanilla extract (8g)

Buttercream Frosting

  • 2 cups (or 4 sticks) unsalted butter, room temperature (452g)
  • 1 tsp vanilla extract (4g)
  • 1/2 tsp fine salt (3g)
  • 6 cups powdered sugar (750g)
  • 1/2 cup heavy cream, room temperature - divided (120g)
  • 1/2 cup black cocoa powder, sifted (50g)
  • 1 cup semi-sweet chocolate chips, melted and cooled (180g)
  • Yellow, orange, and purple gel food coloring

Recommended Tools

Instructions

Black Cocoa Cake Layers

  1. Preheat the oven to 350 F/ 175 C. Line and grease four, seven-inch pans or four, six-inch pans with parchment paper and nonstick baking spray or homemade cake release.
  2. Combine 2 cups all-purpose flour, 2 cups sugar, 3/4 cup black cocoa powder, 2 tsp baking powder, 1 1/2 tsp baking soda, and 1 tsp of salt in a large bowl. Whisk together until combined.
  3. In a separate, large bowl, add 1 cup of warm water, 1 cup buttermilk, 1/2 cup oil, 2 eggs, and 2 tsp vanilla extract. Give the mixture a quick stir to combine the ingredients.
  4. Pour the dry ingredients into the wet ingredients. Mix by hand until fully incorporated. The batter will be on the thin side, but that’s the consistency you're after!
  5. Divide the batter evenly between the cake pans and bake for about 24-27 minutes. I like to use a kitchen scale to weigh the pans. It makes sure each pan has the same amount of batter and helps the cake layers bake up to be the same height.
  6. Remove the cake layers from the oven and let them cool in the pans for about 10 minutes. Gently run an offset spatula around the rim of the cake pans to loosen them, then flip them onto wire racks to finish cooling.
  7. Once cooled, use a serrated knife to level the top of each cake layer. If you make these in advance, wrap and freeze them at this point.

Buttercream Frosting

  1. While the cake layers bake, make the buttercream frosting. Beat 2 cups of butter on a medium speed for 30 seconds with a paddle attachment until smooth. 
  2. Add in 1 tsp vanilla extract, and 1/2 tsp salt. Mix on low until the ingredients are fully incorporated.
  3. Slowly mix in 6 cups of powdered sugar and 1/4 cup of heavy cream on a low speed until combined.
  4. Scoop 1/3 cup of frosting into a small piping bag fit with a small round tip (like a Wilton 3). Seal the top of the bag with a clip or rubber band and set aside. If you don't have that size of piping tip, snip a small opening at the base of the bag that is about 1/2 cm wide.
  5. Add 1/3 cup of frosting into a separate bowl and color yellow with gel food coloring. Place the yellow frosting in a small piping bag fit with a small round tip (like a Wilton 3). Seal the top of the bag with a clip or rubber band and set aside.
  6. Color 1/3 cup of frosting orange in the same bowl with gel food coloring. Don't worry if there's a bit of yellow frosting still in the bowl, the colors will blend together. Place the frosting in a small piping bag fit with a small round tip (like a Wilton 3). Seal the top of the bag with a clip or rubber band and set aside.
  7. Then color 1/3 cup of frosting purple in the same bowl with gel food coloring. Place the frosting in a small piping bag fit with a small round tip (like a Wilton 3). Seal the top of the bag with a clip or rubber band and set aside.
  8. Next, mix in 1/2 cup sifted black cocoa, the remaining 1/4 cup heavy cream, and 1 cup of cooled, melted semi-sweet chocolate on a low speed. Mix until the ingredients are fully incorporated and the desired consistency is reached. If you want the buttercream to be a deeper shade of black, you can mix in a squirt of black gel food coloring.
  9. Cover the black frosting flush with plastic wrap to prevent crusting and set aside.

Assembling This Hocus Pocus Cake

  1. Stack and frost the cake layers on a greaseproof cake board using a dab of black cocoa frosting to help stick the first cake layer to the board.
  2. Add an even layer of black cocoa buttercream between each cake layer with a large offset spatula.
  3. Spread a thin coat of frosting around the cake that fully covers the cake layers.
  4. Smooth using a bench scraper, then chill the cake in the fridge (30 minutes) or freezer (10 minutes) until the frosting is firm to the touch.
  5. Add a second, thicker layer of black cocoa frosting to the cake and smooth using a bench scraper.
  6. Chill the cake in the fridge (20 minutes) or freezer (10 minutes) one more time until the buttercream is firm to the touch.
  7. Then use a toothpick or scribe to outline the silhouette of the Sanderson sisters and to write your favorite quote from the movie. I chose to write "It's all just a bunch of hocus pocus" but "I smell children" would be fun too! Use the yellow, orange, and purple frosting to pipe the hair like in the pictures above. Smooth the frosting with a small offset spatula and/or acetate sheet. Pipe the quote in white buttercream.
  8. Use the remaining colorful buttercream to pipe dots around the cake, then enjoy!

Notes

Making Different Sized Cakes with This Recipe

If you want to use a different size cake pan or make a sheet cake using this recipe, please refer to the "Making This Hocus Pocus Cake in Different Sizes" Section above. It includes baking instructions and notes on how to do so.

Tips for Making the Best Hocus Pocus Cake

  • Ingredients at room temp mix together better! Set out any cold ingredients ahead of time.
  • Properly measure the flour (spoon into the cup measure, then level). Or better yet, use a kitchen scale to measure your dry ingredients.
  • Mix the cake batter just until the ingredients are incorporated. This will ensure your cake layers are tender and fluffy.
  • Use a scale to weigh your cake pans as you fill them. Make sure each pan has the same amount of batter so that cake layers bake to the same height and bake more evenly.
  • Bang the cake pans on the counter before putting them in the oven. This brings any air bubbles that are trapped in the batter to the surface.
  • Level the room temperature or thawed cake layers with a serrated knife to make them easier to stack.
  • Chill the cake layers in the freezer for about 20 minutes before assembling the cake. It makes it so much easier to stack and frost them!

Making this Hocus Pocus Cake in Advance and Storage Tips

  • Make the cake layers in advance and freeze them. It breaks the process up and makes it more approachable.
  • Make the frosting ahead of time or save any leftover frosting! It can be stored in an airtight container in the fridge for up to a month. It can also sit out at room temperature for up to 24 hours.
  • This frosting can also be stored in the freezer for up to 3 months! Just be sure to give it a good stir once it thaws to make it nice and smooth again.
  • A frosted cake can last in the fridge for a week or in the freezer for a month. The buttercream locks in the moisture and keeps the cake fresh and delicious!

Nutrition Information

Yield

20

Serving Size

1

Amount Per Serving Calories 484Total Fat 16gSaturated Fat 5gTrans Fat 0gUnsaturated Fat 9gCholesterol 36mgSodium 388mgCarbohydrates 79gFiber 6gSugar 52gProtein 8g

Skip to Recipe