Hot Chocolate Mug Cake

This post may contain affiliate links. Please see our disclosure policy.

A hot chocolate mug cake is a rich, fudgy single-serving dessert that combines the comforting flavors of hot cocoa with the indulgence of cake. Made in just minutes using simple ingredients like hot cocoa mix, chocolate chips, and milk – it’s the perfect treat for a cozy night in!

For more chocolate desserts, make my 3 ingredient mug cake and chocolate pudding cake!

hot chocolate mug cake on a kitchen towel topped with ice cream and chocolate sauce.

There’s nothing quite like a warm, gooey dessert that’s ready in minutes—especially when it’s chocolate! This hot chocolate mug cake is the perfect single serving dessert for cozy nights, late-night chocolate cravings, or when you just want something quick and easy.

AND the microwave does all the work = no preheating the oven! Win!

This hot chocolate mug cake recipe merges a rich cup of hot chocolate with a delicious chocolate cake – making the most perfect dessert. The cake itself is fudgy and intensely chocolatey with creamy and easy hot chocolate poured on top to make the cake even softer and gooey. Sweet tooth satisfied. Ideal for chocolate lovers 🙂

What sets this mug cake apart is its fudgy texture and customizable toppings. You can add gooey marshmallows, a drizzle of chocolate sauce, or a dollop of whipped cream. I ALWAYS add a scoop of vanilla ice cream on top, it’s a must.

This single-serving mug cake is great for indulging alone but also big enough to share. Now let’s turn your cozy cravings into a decadent reality!

What You’ll Need
How to make Hot Chocolate Mug Cake
Tips for Success
Recipe FAQs
More Easy Desserts
Hot Chocolate Mug Cake Recipe

What You’ll Need

ingredients to make hot chocolate mug cake - hot cocoa powder mix, cocoa powder, milk, heavy cream, espresso powder, vanilla extract, egg yolk, brown sugar, flour, oil, and chocolate chips.

(full list of ingredients can be found in the recipe card)

Hot Cocoa Mix – use your favorite hot cocoa mix. I used swiss miss milk chocolate hot chocolate powder because it’s easy to find, but I also LOVE Rodelle’s hot chocolate mix too! Make my hot cocoa dip recipe next with any leftover hot cocoa packets.

Cocoa Powder – for added chocolatey flavor! I recommend using dutch processed cocoa powder as it has a smoother taste.

Heavy Cream and Whole Milk – we’re using heavy cream to make the hot chocolate. It gives it a rich creamy texture and flavor – almost like a chocolate sauce! and whole milk is used in the cake!

Espresso powder – totally optional, but it enhances that chocolatey flavor. I use it in all of my chocolate cake recipes!

Egg Yolk – you don’t need the entire egg, just the egg yolk. This adds richness, enhancing the texture of your mug cake, and helps bind the cake together.

Vegetable Oil – any neutral oil will do. I would avoid using coconut oil as if will slightly affect the flavor of the cake.

All Purpose Flour – to give the mug cake some structure.

Semi-Sweet Chocolate Chips – totally optional but I add these for extra chocolate flavor.

Large Mug – use a microwave-safe mug that can hold at least 1 1/2 cups (12 oz). As the cake bakes in the microwave it rises, then we pour the hot chocolate on top

How to make Hot Chocolate Mug Cake

hot milk, cocoa powder, oil, and brown sugar whisked together in a bowl.

Step 1: Add milk to a small bowl and place into a microwave for 40 seconds to warm the milk (this helps the enhance the taste of the cocoa powder). Add the wet ingredients to the hot milk – oil, cocoa powder, espresso powder, and brown sugar. Whisk together with a small whisk or fork until combined, about 30 seconds. Then add the vanilla extract and egg yolk, mixing constantly so that it doesn’t cook.

Step 2: Add the dry ingredients – flour, baking powder, and kosher salt. Continue to mix until just combined. Sprinkle chocolate chips on top and pour the cake batter into a mug. Cook for 60-70 seconds, until the top of the cake is shiny and bubbly.

hot chocolate with chocolate chips in a glass.

Step 3: In a separate mug, add heavy cream and microwave for 40 seconds, until. Then pour in hot chocolate mix and semi-sweet chocolate chips. Mix together until the chocolate chips are fully melted.

a toothpick poking holes in the mug cake.

Step 4: Poke holes into the chocolate mug cake.

hot chocolate being poured on top of the mug cake.

Step 5: Pour the hot chocolate on top.

hot chocolate mug cake in a mug topped with vanilla ice cream with a spoon scooping out some of the cake.

Step 6: Serve with mini marshmallows or a scoop of vanilla ice cream for extra deliciousness!

Tips for Success

Use Fresh Ingredients: Baking powder must be fresh for proper rising. Also make sure your oil isn’t rancid as this can affect the flavor of the cake as well.
Choose High-Quality Cocoa: Better cocoa powder means a richer chocolate flavor.
Avoid Overmixing: Stir until just combined to keep the cake tender.
Microwave in Intervals: Start with 60 seconds and then check every 10–15 seconds to avoid overcooking. Different microwaves have different strengths. If your microwave is very powerful, reduce the time slightly.

Recipe FAQs

What size mug should I use?

For a hot chocolate mug cake, use a microwave-safe mug with a capacity of at least 12 ounces to prevent the batter from overflowing as it rises during cooking. A larger mug also ensures there is enough room for toppings like whipped cream or marshmallows, making it easier to enjoy your dessert.

How do I avoid undercooking or overcooking a mug cake?

To avoid undercooking or overcooking a mug cake, microwave in short intervals, starting with 60 seconds and checking the texture after every additional 10–15 seconds. Stop cooking when the edges are set but the center is slightly jiggly, as the residual heat will finish cooking the cake without over-drying it.

What toppings go well with a hot chocolate mug cake?

Mini marshmallows, whipped cream, ice cream, nutella, or a drizzle of chocolate or salted caramel sauce are all excellent on top of this hot cocoa mug cake recipe! For a fun twist, sprinkle crushed peppermint, shaved chocolate, or colorful sprinkles to make the dessert even more festive!

Can I add extra ingredients like Nutella or chocolate chips?

Yes! Stir a dollop of Nutella into the batter (this recipe already includes chocolate chips) before microwaving, or layer them in the middle for a gooey surprise. These additions make the cake richer and more indulgent, perfect for a quick treat!

Why is my mug cake rubbery?

A mug cake can turn rubbery if it is overmixed, as this develops too much gluten in the batter, resulting in a dense texture. Overcooking is another common culprit, as mug cakes continue to cook from residual heat after microwaving, leading to a chewy or rubbery consistency.