Hot Cocoa Cake Recipe (2024)

Jump to Recipe

This Hot Cocoa Cake is the perfect thing to enjoy after a day of fun winter activities. With hot chocolate buttercream, chocolate ganache, and even mini marshmallows, this cake is sure to be a hit!

The best way to get through winter is to embrace it with the knowledge that spring will arrive again before you know it. In Minnesota, we buy warm clothing, special outdoor gear, and indoor space heaters.Then, we head outside to ice skate, sled, ski, snowboard, ice fish, snowmobile and play in the snow!

Afterward, we warm up with mugs of hot cocoa and if we are still cold, we can wrap up in warm blankets near the fireplace or by a space heater. This Hot Cocoa Cake is the perfect thing to enjoy after a day of fun winter activities!

Disclaimer: This post contains links to products for making this recipe. If you use those links, I may earn a commission. Learn morehere.

Where is the Hot Cocoa Cake recipe? In this post, I will share step-by-step instructions with photos for how to make the cake, as well as answering FAQs about the recipe and sharing a short video showing the recipe in motion. But you can go directly to the recipes by scrolling down to the bottom of the post.

How To Make Hot Cocoa Cake

Step One: Bake and Cool

Bake two layer cakes, allow them to cool on a wire rack. I wanted this cake to be taller and more narrow than what I could get with a 9-inch cake pan so I used these two 6-inch by 2-inch cake pansinstead.

Once cooled, cut off the rounded tops with a long serrated knife so that they are somewhat level on top.

Step Two: Buttercream Frosting

Make the hot chocolate buttercream using hot chocolate mix that has been dissolved in hot cream.

Spread frosting on the first layer, add the second layer and more hot chocolate buttercream.

Next, make some buttercream frosting in whatever color you want. I used Wilton’s Teal Gel Paste from this multi-pack: I love how the gel paste food coloring gives brighter colors with less food coloring.

Spread a thin layer of frosting over the sides of the cake to create a crumb coat. Put frosting in a decorating bag and pipe a wide rim of frosting around the top of the cake.

This will become the rim of the hot cocoa mug and will hold the ganache in place. Finish frosting the cake and place in in the fridge to chill.

Step Three: Chocolate Ganache

Make the chocolate ganache by heating the cream in the microwave, pouring it over the chocolate chips and then letting it sit for a few minutes.

Pour the chocolate ganache on the top of the cake and carefully yet quickly spread it out before it sets. Top with mini marshmallows.

Step Four: Candy Cane Handle

No mug of hot chocolate is complete without a handle so finish the cake off by inserting a candy cane handle. I used a large candy cane with part of the stick broken off.

Hot Cocoa Cake FAQs

1. Can I use something else for the mug handle? Yes, I’ve also found thatTwizzlers Twists works as another handle option and they come in a rainbow of colors.

2. Can I make this ahead of time? You can make it ahead of time and store it in the fridge but I would wait to add the candy cane handle.

3. Could I turn these into cupcakes? Yes, that would be a great idea! Frosting them with take a little bit longer but it would be super cute!

More Hot Chocolate Recipes To Try:

These Hot Chocolate Cookie Cups made with sugar cookie dough are filled with hot chocolate ganache, have a pretzel handle and mini marshmallows on top!

Hot Chocolate Biscotti is the perfect thing to enjoy with a cup of hot chocolate! Make this biscotti recipe to share during winter activities.

This chewy Hot Chocolate Cookies recipe is so much fun from the marshmallow cream and hot chocolate mix to the milk chocolate chips and mini marshmallows!

These one-bowl brownies by Food Network couldn’t be easier to make, and adding leftover hot chocolate mix is the perfect way to make them extra special

Hot Cocoa Cake Recipe (10)

Hot Cocoa Cake Recipe

Yield: 12

Prep Time: 1 hour

Cook Time: 55 minutes

Total Time: 1 hour 55 minutes

Ingredients

Cakes:

  • 15.25 oz chocolate cake mix, I used Pillsbury Moist Supreme
  • 1 cup water
  • 1/3 cup oil
  • 3 eggs

Hot Chocolate Buttercream Frosting:

Buttercream Frosting:

Chocolate Ganache:

Garnish:

Instructions

Cakes:

  1. Combine the cake mix, water, oil, and eggs for 30 seconds on low. Then, beat on medium for two minutes.
  2. Pour two cups of the batter into two 6-inch by 2-inch, greased, floured and parchment lined cake pans. (NOTE: There will be extra batter. You can use it to make cupcakes if you want.)
  3. Bake at 325°F for 45-55 minutes, or until a toothpick inserted in the center comes out clean.
  4. Cool cakes in the pans, on a wire rack, for 30 minutes. Remove the cakes from the pan and cool completely on a wire rack. Use a long, serrated knife to cut off the rounded tops when ready to decorate.

Hot Chocolate Buttercream:

  1. Heat cream in the microwave until it just begins to boil. Stir in the hot chocolate mix until dissolved. Place in the fridge to cool before making the buttercream.
  2. Beat the butter and shortening for 2-3 minutes until light and fluffy. Beat in the marshmallow cream and vanilla.
  3. Add the powdered sugar one cup at a time. Start on a slow speed until combined and then beat until smooth.
  4. Add the cooled hot chocolate, stir and then beat until smooth.
  5. Spread hot chocolate buttercream over the bottom layer of cake. Add the second layer and frost it with more buttercream.

Buttercream Frosting:

  1. Beat the butter and shortening for 2-3 minutes until light and fluffy. Beat in the vanilla.
  2. Add the powdered sugar one cup at a time. Start on a slow speed until combined and then beat until smooth.
  3. Add the milk and beat until smooth and fluffy.
  4. Color with gel paste or your food coloring of choice.
  5. Spread a thin layer of buttercream frosting over the sides of the cake to create a crumb coat.
  6. Put frosting in a decorating bag and pipe a wide rim of frosting around the top of the cake. This will become the rim of the hot cocoa mug and will hold the ganache in place.
  7. Finish frosting the cake and place in in the fridge to chill.

Chocolate Ganache:

  1. Bring the heavy cream just to a boil in the microwave. Add the chocolate chips and let it sit for three minutes. Stir until smooth.
  2. Slowly pour enough ganache on the center of the cake that it can cover the top. Spread out with a spatula.
  3. Top with mini marshmallows and insert a candy cane or licorice handle.

Notes

Hot Chocolate Buttercream recipe adapted from Cookies & Cups.

Nutrition Information:

Yield: 12Serving Size: 1 grams
Amount Per Serving:Calories: 861Total Fat: 45gSaturated Fat: 17gUnsaturated Fat: 0gCholesterol: 88mgSodium: 466mgCarbohydrates: 115gFiber: 2gSugar: 99gProtein: 5g

Hot Cocoa Cake Recipe (2024)

References

Top Articles
Latest Posts
Article information

Author: Dong Thiel

Last Updated:

Views: 6273

Rating: 4.9 / 5 (59 voted)

Reviews: 90% of readers found this page helpful

Author information

Name: Dong Thiel

Birthday: 2001-07-14

Address: 2865 Kasha Unions, West Corrinne, AK 05708-1071

Phone: +3512198379449

Job: Design Planner

Hobby: Graffiti, Foreign language learning, Gambling, Metalworking, Rowing, Sculling, Sewing

Introduction: My name is Dong Thiel, I am a brainy, happy, tasty, lively, splendid, talented, cooperative person who loves writing and wants to share my knowledge and understanding with you.