A hot chocolate mug cake is the fastest route to a warm, fudgy chocolate dessert when you want exactly one portion and zero leftovers. This version cooks in the microwave in under two minutes and uses standard pantry ingredients you likely already keep on hand. You get a dense, moist crumb that tastes like a brownie baked inside a mug.
The method relies on a small ramekin-style mug, a quick whisk, and a short burst of microwave heat so the center stays soft. Unlike a full cake recipe, there’s no oven preheating and no frosting required. It’s a practical fix for late-night cravings or a small after-dinner treat. Making this hot chocolate mug cake at home is surprisingly straightforward once you know the key steps.
Why You’ll Love These Hot Chocolate Mug Cake
- Single serving means no baking a whole tray for one person.
- Ready in about 5 minutes from mixing to eating.
- Uses cocoa powder and pantry staples, not specialty items.
- Texture lands between a brownie and a sponge cake.
- Easy to tweak with add-ins like chocolate chips or vanilla.
Ingredients You’ll Need
- 4 tbsp all-purpose flour — gives structure without making it tough.
- 2 tbsp unsweetened cocoa powder — provides the chocolate base flavor.
- 3 tbsp granulated sugar — balances the cocoa’s bitterness.
- 1/4 tsp baking powder — lifts the crumb so it’s not a dense lump.
- Pinch of salt — sharpens the chocolate note.
- 3 tbsp milk — hydrates the dry mix into a batter.
- 2 tbsp neutral oil — keeps the crumb moist and tender.
- 1/4 tsp vanilla extract — rounds out the cocoa flavor.
- 1 tbsp mini chocolate chips — optional, adds melted pockets.
Ingredient Substitutions
All-purpose flour: Replace with an equal weight of almond flour for a gluten-free version with a slightly nutty taste. Almond flour holds more fat, so the cake turns out denser and more moist than the wheat version. Bake time stays the same, but the top won’t brown the way it does with wheat flour. The hot chocolate mug cake works well for weeknight cooking when time is limited.
Neutral oil: Use an equal amount of melted butter for a richer, more dessert-like flavor. Butter contains water, so the crumb sets a little firmer and the surface may look lightly speckled. The trade is a shorter shelf life once cooled because butter solidifies in the fridge. Storing leftover hot chocolate mug cake correctly keeps it tasting good for days.
Milk: Swap for the same amount of oat milk if you want a dairy-free base. Oat milk is slightly sweeter and thinner, so the batter will look looser before cooking. Expect a softer top and a faint oat note behind the cocoa. For the best results with this hot chocolate mug cake, read through all the steps before starting.
Granulated sugar: Replace with coconut sugar in a 1:1 ratio for a deeper, caramel-like sweetness. Coconut sugar is less fine, so the crumb may feel a touch grainy if not whisked well. The cake will also bake to a darker brown color.
Step-by-Step Instructions
- Add 4 tbsp all-purpose flour, 2 tbsp cocoa powder, 3 tbsp sugar, 1/4 tsp baking powder, and a pinch of salt to a 10-ounce microwave-safe mug. Whisk with a fork until the dry mix is uniform and no cocoa clumps remain.
- Pour in 3 tbsp milk, 2 tbsp oil, and 1/4 tsp vanilla. Stir for about 30 seconds until the batter is smooth and no dry spots sit at the bottom of the mug.
- Fold in 1 tbsp mini chocolate chips if using, distributing them evenly so they don’t sink to one side during cooking.
- Place the mug in the microwave and cook on high power for 60 to 75 seconds. Stop when the top looks just set edges and a toothpick inserted near the center comes out with a few moist crumbs.
- Let the mug sit for 1 minute before eating so the crumb firms slightly and the heat spreads through the center.
Pro Tips
Use a mug that holds at least 10 ounces so the batter doesn’t overflow as it rises in the microwave. A narrower base helps the cake cook evenly from the center out.
Do not overmix once the wet ingredients go in; a few small lumps are fine and overworking builds gluten that makes the crumb chewy. For technique detail on quick bakes, see microwave baking.
Add the chocolate chips after mixing the base so they stay whole and create melted pockets instead of disappearing into the batter. You can also press a few on top before cooking for a visible finish.
If your microwave runs hot, start at 50 seconds and add 10-second bursts. Every unit varies, and a fudgy chocolate cake texture depends on not drying the center out.
Common Mistakes to Avoid
Using a small coffee cup is the most common error; the batter doubles and spills over the rim. Switch to a larger mug or split the mix between two cups.
Overcooking by 30 extra seconds turns the cake rubbery because the crumb tightens as moisture leaves. Watch the top and pull it when it looks barely set.
Skipping the rest time means the inside stays lava-hot and the structure collapses when you scoop it. A sponge cake style crumb needs that minute to settle.
Serving Suggestions
Top the warm cake with a small scoop of vanilla ice cream so it melts into the surface. A dusting of cocoa or a few extra chips also works if you want a simpler plate.
Pair it with a glass of cold milk or a cake drink for a themed dessert hour. The cold contrast balances the warm, soft crumb.
Storage and Reheating
Cover the cooled mug with foil or transfer the cake to an airtight container and refrigerate for up to 2 days because it contains milk and oil. Microwave for 15 to 20 seconds to warm through before eating.
Freezing isn’t recommended since the small portion dries out and the texture turns crumbly after thaw. Make a fresh no bake cake if you need a make-ahead option instead.
Recipe Variations
Peppermint Version
Add 1/8 tsp peppermint extract with the vanilla for a winter flavor. Use crushed candy cane on top instead of chips for a crisp finish. The cake tastes like a thin mint baked into a mug.
Nutty Swap
Replace the oil with an equal amount of hazelnut spread for a richer, thicker batter. Reduce sugar by 1 tbsp since the spread is sweet. The crumb turns denser and smells like cocoa-hazelnut.
Mocha Option
Stir 1/2 tsp instant coffee into the dry mix before adding liquids for a coffee-chocolate edge. The cocoa deepens and the cake tastes like a creamy eclair filling without the cream. Keep cook time the same.
Double Chocolate
Use 1 tbsp extra chips and 1 tsp cocoa in place of 1 tsp flour for a fudgier result. The center stays softer and the top looks glossy. This is the closest a apple cake style mug gets to brownie texture.
Hot Chocolate Mug Cake
Description
A hot chocolate mug cake is the fastest route to a warm, fudgy chocolate dessert when you want exactly one portion and zero leftovers.
This version cooks in the microwave in under two minutes and uses standard pantry ingredients you likely already keep on hand.
Ingredients
Instructions
-
Combine dry ingredients
Add 4 tbsp all-purpose flour, 2 tbsp cocoa powder, 3 tbsp sugar, 1/4 tsp baking powder, and a pinch of salt to a 10-ounce microwave-safe mug.
Whisk with a fork until the dry mix is uniform and no cocoa clumps remain, which should take about 20 seconds of steady stirring.
-
Whisk dry mix
Continue whisking the dry ingredients in the mug with a fork to ensure even distribution of the leavening and cocoa.
The mixture should look like a uniform brown powder with no dark clumps visible before you move to the next step.
-
Add wet ingredients
Pour in 3 tbsp milk, 2 tbsp oil, and 1/4 tsp vanilla into the mug with the dry mix.
Stir for about 30 seconds until the batter is smooth and no dry spots sit at the bottom of the mug, using a spoon to scrape the base.
-
Fold in chips
Fold in 1 tbsp mini chocolate chips if using, distributing them evenly so they don't sink to one side during cooking.
Use just a few gentle turns of the spoon to keep the batter from overmixing while placing chips throughout.
-
Microwave the mug
Place the mug in the microwave and cook on high power for 60 to 75 seconds.
Stop when the top looks just set at the edges and a toothpick inserted near the center comes out with a few moist crumbs, indicating a fudgy center rather than a dry cake.
-
Rest before eating
Let the mug sit for 1 minute before eating so the crumb firms slightly and the heat spreads through the center.
This rest prevents the inside from staying lava-hot and allows the structure to settle for easier scooping.
Nutrition Facts
Servings 1
- Amount Per Serving
- Calories 320kcal
- % Daily Value *
- Total Fat 14g22%
- Saturated Fat 3g15%
- Cholesterol 3mg1%
- Sodium 150mg7%
- Total Carbohydrate 45g15%
- Dietary Fiber 3g12%
- Sugars 28g
- Protein 5g10%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily value may be higher or lower depending on your calorie needs.
Note
- Storage: Cover the cooled mug with foil or transfer to an airtight container and refrigerate for up to 2 days because it contains milk and oil.
- Reheating: Microwave for 15 to 20 seconds to warm through before eating; do not reheat the same portion more than once.
- Mug size: Use a mug that holds at least 10 ounces so the batter doesn't overflow as it rises; a narrower base helps it cook evenly.
- Technique: For more on quick bakes, see our fudgy chocolate cake guide for microwave baking tips.
