Hot Chocolate Mug Cake

Jump to Recipe Print Recipe

This hot chocolate mug cake recipe is one of those little lifesavers I keep in my back pocket. It’s quick, warm, chocolatey, and kinda feels like the dessert version of slipping into fuzzy socks. You mix a few pantry staples in a mug, pop it in the microwave, and boom. A gooey, cozy treat that tastes like a mug of cocoa decided to turn itself into cake. Think of it as hot cocoa in mug cake form — it gives you all the warm, comforting flavor of hot chocolate, just with a soft, cakey texture instead of a drink. Perfect for late-night cravings, lazy afternoons, or honestly anytime you just need a sweet pick-me-up.

A white mug filled with chocolate mug cake, mini marshmallows, and chocolate syrup, with a spoon inside, sitting on a wooden surface.

Would you like to save this?

We'll email this post to you, so you can come back to it later!

I whipped these up on a particularly gray afternoon when the snack cravings hit hard. No baking pans, no oven waiting time, just a few stirs and a quick zap in the microwave. Honestly, they’re a lifesaver when you need a sweet fix without the fuss. And the best part? Everyone gets their own little cake.

If you are a fan of chocolate recipes, you may also enjoy this Chocolate Chocolate Mousse Cake, Chocolate Blossom Cookies, or Double Chocolate Fudge Cake.

Two white mugs filled with hot chocolate, topped with mini marshmallows and chocolate drizzle, on a wooden tray with two spoons and scattered marshmallows.

Why You’ll Love This Recipe

Ready in minutes: Just mix, microwave, and enjoy.
Perfect single-serve treat: No sharing required.
Pantry-friendly ingredients: Nothing fancy needed.
Customizable toppings: Make it yours with whipped cream, syrups, or more chocolate.

Ingredients

Two white mugs and labeled bowls containing vanilla, oil, sugar, milk, flour, baking powder, cocoa powder, salt, chocolate chips, and marshmallows on a white surface.

Shorter Ingredient Versions

If you’re looking to keep it simple, note that chocolate chips and mini marshmallows are both optional — you can leave them out and still get a good chocolate mug cake. I haven’t tested a true 2 or 3 ingredient version, so I can’t promise results beyond what this recipe calls for, but skipping the optional add-ins is a solid place to start.

A mug filled with chocolate cake topped with mini marshmallows and chocolate drizzle, with a spoon scooping out a portion.

Hot Chocolate Mug Cake

These hot cocoa mug cakes are your instant chocolate fix. With pantry staples, a microwave, and a cozy settle‑in moment, you’ll have two warm little cakes topped with marshmallows and gooey chocolate in about five minutes.

No ratings yet

Print Pin Rate

Course: Beverages, Drinks

Cuisine: American

Prep Time: 5

Cook Time: 1

Total Time: 6

Servings: Cakes

Calories: 353kcal

Author: Wendy

Equipment

microwave-safe mugs
Medium bowl

Ingredients

½ cup all-purpose flour
¼ cup granulated sugar
¼ cup unsweetened cocoa powder
½ teaspoon baking powder
Pinch salt
½ cup milk
¼ cup vegetable oil
1 teaspoon vanilla extract
2 tablespoons chocolate chips optional
Mini marshmallows for topping

Instructions

Prepare two microwave-safe mugs (about 12 oz size) with nonstick cooking spray.
In a medium bowl, whisk together flour, sugar, cocoa powder, baking powder, and salt.
Stir in milk, oil, and vanilla until smooth.
Divide the batter evenly between the mugs.
Drop chocolate chips on top of the batter.
Microwave each mug separately on high for 1 minute to 1 minute 15 seconds, until the cake is set but still moist in the center.
Top with mini marshmallows and let sit for 1 minute before serving.
If desired, garnish each cake with whipped topping, additional marshmallows, and a drizzle of chocolate syrup.

Notes

Use two 12‑oz microwave‑safe mugs for even portions.
Don’t over‑microwave — aim for “set but still a little moist” in the center.
Toppings like mini marshmallows, whipped cream, or chocolate syrup take this simple treat to next‑level.

Storage Directions

Storing: These mug cakes are best eaten right away — they don’t keep well when stored.
Reheating: If you happen to have leftovers (rare!), you can briefly microwave for ~15‑20 seconds to warm.
Make ahead: Not recommended for full prep ahead — batter tends to change; better to mix right before microwaving.

Disclaimer:

Any nutritional data I provide is an approximation and actual dietary information can vary based on ingredients and proportion sizes.

Nutrition

Can You Use Hot Chocolate Mix Instead of Cocoa Powder?

This recipe is written for unsweetened cocoa powder, not hot chocolate mix. Hot chocolate mix typically contains added sugar and sometimes powdered milk, which would change both the sweetness and texture of the cake. I haven’t tested this recipe with hot chocolate mix, so I can’t guarantee results if you swap it in.

Substitutions and Swaps

The only substitutions I can vouch for are the optional add-ins. Both the chocolate chips and mini marshmallows can be skipped — the cake still works without them. For toppings, whipped topping or a drizzle of chocolate syrup are easy swaps or additions that work well with the base recipe.

Wendy’s Tips

Don’t over-mix the batter. Just stir until combined.
Watch your microwave. Cook times vary, so keep an eye on it.
Let it rest for a minute. It keeps cooking and sets up perfectly.
Use a tall mug to prevent overflow.
Want more chocolate? My triple chocolate bundt cake is the move when you’re ready to go big.