Hot Cocoa Mug Cake from Scratch (Cocoa Powder, No Mix)
This hot cocoa mug cake turns a chocolate craving into dessert in about five minutes flat, with one mug, one spoon and no oven. It bakes up warm, soft and properly chocolatey from cocoa powder, ready for whipped cream, a few chocolate chips or melting marshmallows on top.
Why you'll love this
- Ready in around five minutes start to finish, straight from the microwave
- Mixed and cooked in a single mug, so there is barely any washing up
- No egg, which is exactly why it stays soft instead of turning rubbery
- Rich, moist and deeply chocolatey, easy to crown with your favourite toppings
Key ingredients & swaps
- Unsweetened cocoa powder — delivers the chocolate flavour and colour; whisk it with the dry ingredients first to break up any lumps so the batter is smooth, not speckled.
- All-purpose flour — gives the cake its structure; measure it accurately and stop stirring once it is incorporated, as too much mixing makes the cake tough.
- Granulated sugar — sweetens and keeps the crumb tender and moist; it balances the natural bitterness of the cocoa.
- Vegetable oil — coats the flour to keep the cake moist and soft even after it cools; oil stays liquid at room temperature, so it gives a more tender result than butter here.
- Baking powder — the lift; it gives this eggless batter its rise, so use it fresh and don't skip it or you get a dense puck.
- Milk — hydrates the batter and brings it together into a pourable, lump-free mix; whole milk makes it a touch richer.
How to make it (step by step)
-
1Whisk the dry mix
In a roomy microwave-safe mug, whisk together the flour, sugar, cocoa powder, baking powder and a pinch of salt until evenly combined and no cocoa lumps remain.
-
2Add the wet
Pour in the milk, oil and vanilla and stir until the batter is smooth. Stop as soon as it comes together; overmixing develops gluten and turns the cake rubbery.
-
3Microwave to just set
Microwave on high for about 1 to 1.5 minutes. Start checking at 1 minute; it is done when the cake has risen and the top looks just set rather than wet, even if it is a touch shiny.
-
4Cool a moment
Let the mug rest for a minute. It carries on cooking from residual heat and firms up slightly, and the mug will be hot, so give it a beat before digging in.
-
5Top and serve
Finish with whipped cream, a scatter of chocolate chips, or marshmallows while it is warm so they soften into the cake, and eat straight from the mug.
Pro tips
- Use a roomy 12-ounce-plus mug so the batter has space to climb as it cooks and does not overflow.
- Microwaves vary, so undercook rather than overcook: stop at a just-set top, since extra seconds are what dry the cake out.
- Stir only until smooth; over-mixing is the main reason a mug cake turns tough and rubbery.
Variations
- Molten centre: drop a square of chocolate or a teaspoon of Nutella into the middle of the batter before microwaving for a gooey core.
- Hot cocoa style: stir in a small handful of mini marshmallows and chocolate chips for a true hot-chocolate-in-cake-form treat.
- Mocha: whisk a pinch of instant espresso into the dry mix to deepen the chocolate flavour.
Storage & freezing
Mug cakes are made to eat immediately and don't store well; mix it fresh each time rather than making it ahead, though you can pre-mix the dry ingredients in a jar to speed things up.
More recipes to try
Single-serving desserts are a rabbit hole, and I've fallen all the way in. The hot chocolate mug cake chases the same cozy flavor from a slightly different angle, while the 3-ingredient mug cake strips things down to what's already in your cupboard. On slow weekend mornings, the pancake mix mug cake blurs the line between breakfast and dessert.
Recipe
Simple Hot Cocoa Mug Cake
A from-scratch chocolate mug cake made with unsweetened cocoa powder, flour, sugar, baking powder, milk, oil and vanilla, cooked in the microwave and topped with whipped cream, chocolate chips or marshmallows.
Ingredients
- 4 tablespoons all-purpose flour
- 4 tablespoons granulated sugar
- 2 tablespoons unsweetened cocoa powder
- 1/2 teaspoon baking powder
- 3 tablespoons milk
- 2 tablespoons vegetable oil
- 1/4 teaspoon vanilla extract
- Pinch of salt
- Optional toppings: whipped cream, chocolate chips, marshmallows
Instructions
- In a microwave-safe mug, whisk together the flour, sugar, cocoa powder, baking powder and salt.
- Add the milk, vegetable oil and vanilla extract and stir until smooth, without over-mixing.
- Microwave on high for 1 to 1 1/2 minutes, until the cake has risen and is set in the middle. Start with 1 minute and add small increments to avoid drying it out.
- Let the mug cake cool for a minute, then add toppings such as whipped cream, chocolate chips or marshmallows.
Tips & notes
- Overcooking: Microwave times can vary, so keep an eye on the cake to prevent it from becoming dry and overcooked.
Incorrect Measurements: Ensure precise measurement of ingredients for the best texture and flavor.
Using Cold Ingredients: Room temperature ingredients mix more evenly and help the cake rise better.
Skipping the Stirring: Properly mix the batter to avoid lumps, which can affect the texture.
Using a Too Small Mug: Use a mug that allows space for the cake to rise, preventing overflow.
Watch how to make it
Nutrition · per serving (estimate)
Made this recipe?
Tap the stars to leave your rating — it helps other home cooks.
Frequently asked questions
Is this the same as the hot chocolate mug cake?
No. This hot cocoa mug cake is made from scratch with unsweetened cocoa powder. Our hot chocolate mug cake uses a packet of instant hot cocoa mix instead.
Do I need hot cocoa mix for this recipe?
No. It uses unsweetened cocoa powder, sugar and milk, so you only need basic pantry ingredients.
Why did my mug cake turn out dry?
It was cooked too long. Start with 1 minute and add 10-second bursts only if the centre is still wet.
What size mug should I use?
Use a mug that holds at least 12 oz so the batter has room to rise.
Can I use butter instead of oil?
Yes. Melted butter adds flavour, though oil keeps the cake slightly moister.
What toppings go with a hot cocoa mug cake?
Whipped cream, mini marshmallows, chocolate chips or a scoop of vanilla ice cream all work beautifully.
Leave a review