This post may contain affiliate links. See my disclosure policy.
This hot chocolate mug cake is a single serving dessert that tastes like your favorite hot beverage! No eggs or dairy needed, I love that it’s ready in just one minute!
Love mug cakes? Try my almond flour mug cake, coffee mug cake, vanilla mug cake, and chocolate chip mug cake.
We never tire of single-serving desserts in my house. They’re easy and quick to make, and we never have to agree on what to have for dessert. This hot chocolate mug cake is a weekly staple and my favorite chocolate fix.
Table of Contents
Why I love this recipe
- So easy. Just mix all the ingredients and pop the mug in your microwave. That’s all there is to it.
- Naturally vegan. And easy to make gluten-free if you use gluten-free flour!
- Microwave and oven instructions. I usually just make one or two mug cakes and find the microwave to be the easiest cooking method, but if you need to make a handful at once, I’ve included oven instructions as well.
- Full of warm hot chocolate flavor. If you’re craving the flavor of a warm cup of hot chocolate but need something a little heartier, you’ll love this mug cake recipe.
Ingredients needed
- All-purpose flour. Either plain flour or gluten-free flour. If you use the latter, be sure that it has xanthan gum added to it.
- Cocoa powder. Use good-quality cocoa powder to really bring out the chocolate flavor. For a richer flavor, use black or dark cocoa powder.
- Granulated sugar. I used white sugar, but brown sugar can also work and will make the cake a bit moister.
- Salt. Just a pinch brings out the sweetness of the other ingredients and balances the cocoa powder.
- Baking soda. Gives the mug cake some rise and fluffiness. Don’t swap it for baking powder since we are including an acid element, which requires baking soda to work.
- Oil OR melted butter. I used coconut oil, but vegetable oil or butter work equally well. If you use salted butter, omit the salt.
- Vinegar. White vinegar or apple cider vinegar. This works with baking soda to replace the need for eggs.
- Vanilla extract. A must on any good cake or mug cake.
- Water OR milk. I found this mug cake perfectly fine with water, but if you’d like a smoother and richer cake, use your favorite plant-based or standard milk.
- Mini marshmallows, whipped cream, and chocolate sauce. What is hot chocolate without some fun toppings? Add these two at the end once the mug cake is warm.
How to make hot chocolate mug cakes
I’ve included step-by-step photos below to make this recipe easy to follow at home. For the full printable recipe instructions and ingredient quantities, scroll to the recipe card at the bottom of this post.
Step 1- Combine ingredients. In a mixing bowl, add all of the ingredients except for the marshmallows and whipped cream. Stir to combine, then transfer the batter to a large coffee mug that’s been greased with butter.
Step 2- Microwave. Microwave for one minute. Once cooked, top with marshmallows and whipped cream, and enjoy!
How to make this in the oven
While I prefer the convenience of the microwave, the oven might be a better method if you want to make more than three mug cakes at once.
To bake a mug cake in the oven, preheat the oven to 350F/180C and follow the instructions above in an oven-safe ramekin. Once prepared, bake for 10-12 minutes or until a toothpick inserted comes out ‘just’ clean.
Arman’s recipe tips and variations
- Add more milk. If the batter appears too thick, add an extra tablespoon of milk.
- Choose the right mug. The cake will expand as it cooks, so pick a microwave-safe mug that’s only filled halfway when you add the batter so it doesn’t spill over the top.
- Don’t overmix. It’s easy to overmix a cake, especially a single-serving cake. Only mix until you have a cohesive batter with no lumps.
- Keep an eye on it. The cook time for mug cakes isn’t an exact science since everyone’s microwaves may vary. If your hot cocoa mug cake isn’t done baking after one minute, continue microwaving in 20-second intervals until done.
- Add more chocolate flavor. Fold chocolate chips into the batter.
- Experiment with mix-ins. Like creamy peanut butter, Biscoff spread, Nutella, or chopped nuts. Whatever mix-ins you add, try not to let them exceed 2-3 teaspoons worth.
- Or add spices. Like chai spices, pumpkin pie spice, or a dash of cayenne pepper for a Mexican hot chocolate.
How to store leftovers
I always think mug cakes are best made fresh and enjoyed immediately. You can, however, store the dry ingredients in an airtight container for up to 6 months. When you’re ready to assemble, add the wet ingredients, microwave, and enjoy!
More chocolate mug cake recipes to try
- 3-ingredient mug cake– The ultimate quick and easy chocolate fix.
- 100 calorie chocolate mug cake– For how moist and rich this tastes, you’d never guess it’s so low in calories.
- Brownie in a mug– Exploding with chocolate flavor, all that’s missing is a big scoop of vanilla ice cream.
- Protein mug cake– My go-to when I need a chocolate fix AND a healthy dose of protein.
Hot Chocolate Mug Cake
Ingredients
- 2 tablespoon flour all purpose or gluten free
- 2 teaspoon cocoa powder
- 2 tablespoon sugar * See notes
- 1/8 teaspoon baking soda
- 1/16 teaspoon salt
- 1 teaspoon oil can use butter
- 1/2 teaspoon vinegar white or apple cider
- 1/8 teaspoon vanilla extract
- 2 tablespoon water can use milk
- 1 tablespoon mini marshmallows
- 1 tablespoon whipped cream
Instructions
- In a mixing bowl, add all your ingredients, except for the marshmallows and whipped cream. Transfer the batter into a greased mug.
- Microwave for one minute. Once cooked, top with marshmallows and whipped cream and enjoy.
For the oven option
- Preheat oven to 180C/350F.
- In an oven-safe ramekin, follow instructions as above. Once prepared, bake for 10-12 minutes, or until ‘just’ cooked.
Notes
Nutrition
Originally published October 2020, updated April 2024
A great sweet treat and very easy to do.
So light and fluffy! I enjoyed this, although the chocolate taste wasn’t actually very strong.
Such a lovely light and fluffy texture! But it wasn’t nearby chocolatey enough… If I made it again, I would add at least 1 Tbsp – or add chocolate chips, as you mentioned in the post (which I saw later) but not in the actual recipe.
Thanks!
I just wanted to stop by and tell you that I think you may have created an indestructible recipe. I had a serious sweet tooth craving this evening, all I knew was I needed something sweet and quick. A quick (distracted) scroll through pinterest led me here. I had maybe three of the ingredients but by jove I was determined. I cracked open the pantry and fridge and got creative. No pumpkin? Way overripe avocado. No milk of any kind? Creamer. You get the idea. Somehow your miraculous recipe carried my shoddy ingredient choices through. It turned out fluffy and chocolatey and fulfilled my sweet craving.
Also I managed to knock over my bottle of vanilla extract so now I can’t walk into my kitchen without my eyes watering.
Interesting evening.
😀 cheers, Zoe! Glad the substitutions worked! 🙂
It was absolutely delicious! Thank you!! I cooked mine a little longer, about 1 min 30 seconds because my “batter” was thinner. I added some rice milk to the blender because it was too thick to blend. But it came out fabulous!
That’s what I like to hear, cheers Christine!
Looks amazing! You mention this has protein podwer in it, but there is none listed in the ingredients. Did I misunderstand or is it missing from the list?
Eh, I’m going to have to say that coffee isn’t exactly a staple in my diet either! I prefer green tea 100%. However, I do LOVE the flavor of coffee in other things!
This looks too good to be low carb! I used to be team hot chocolate until about 3 years ago. Now I’m freaking addicted to coffee. Sigh.
I’m craving coffee, but it does nothing for my productivity these days. Bring on the red bulls!
That gold spoon is cracking me up almost as much as Niki’s description.
I couldn’t live without coffee these days. Seriously, it’s my everything. Better than booze even.
Urgh, I miss coffee- It doesn’t do anything for me anymore, it’s all red bull 🙁
Sorry, not quite sure what your sister is saying… but thismug cake looks perfect! Definitely adding to must bake list!
Please do, Melissa!
These photos are great– so bright– and chocolately! I’ve noticed you’ve really been liking that spoon lately too 🙂
Hahaha, I need to upgrade my repertoire!
lol I absolutely could not decipher her definition. But I do remember having one of the most indulgent hot chocolates in Sydney at some hot chocolate cafe… Max’s perhaps?
MAX BRENNER 😀 There is a newer competitor called Koko Black…SO GOOD!
I don’t think I could live without my coffee. And I don’t even think I drink it for energy so much as I do just for comfort and taste. It’s like a hug. In a mug. Hot chocolate is good too, but I honestly can’t remember the last time I had some 😆
I pray for the days where coffee once again replaces red bulls!
Mmmm coffeeeee. I definitely love my coffee and maybe once a year I’ll have hot chocolate, like when it snows.
As far as your sister’s comment goes, I totally understood what she was saying. Not sure how you didn’t get it 😉 haha
Dude, this was one of the more comprehensive conversations we’ve ever had!
I can’t handle the deliciousness that is this mug cake. I’d like this in a shooter form so I can just KNOCK BACK a few! JK that’s too cray cray!
😀 Haha, love it!
Oh, coffee, how do I love thee? Let me count the ways… Hah! I do love my morning cup o’ joe. In fact, Laura and I just picked up some ‘fancy’ local coffee beans. They made for a good cup of coffee…but get this. We actually prefer our Trader Joe’s coffee over the fancy, local stuff. Anyways. Hot chocolate. There’s another good one! But not hot chocolate out of those little powdered packs. Hot chocolate like the real deal Holyfield stuff. It’s hard to beat! Love the mug cake idea. I need to have a mug of coffee to drink alongside this mug of hot chocolate cake!
OMG. The number of times I used to circle around TJ’s just to get a shot of coffee…..