This post may contain affiliate links. Please read our disclosure policy.
Some nights you want chocolate cake energy without the commitment of preheating an oven, pulling out mixers, or pretending you will eat leftovers responsibly. This Chocolate Mug Cake exists for those moments when dessert needs to be fast, personal, and deeply satisfying.
It is rich, soft, and fluffy with real chocolate flavour, not the dry sponge sadness that gives mug cakes a bad name. This one takes minutes, uses pantry staples, and still delivers proper cake vibes, making it an easy mug cake you will actually come back to.
What Makes This Chocolate Mug Cake Work
This Chocolate Mug Cake works because every ingredient and step is doing real work, not just filling space.
- Microwave Speed: Designed to cook evenly in short bursts, so you get a soft centre without rubbery edges.
- Light But Properly Chocolatey: Cocoa powder and chocolate chips give depth without needing heaps of butter or oil.
- Single Serve Satisfaction: One mug, one portion, zero leftovers staring at you from the bench.
- Reliable Texture Every Time: Balanced ratios mean it rises properly and stays fluffy, which is rare in a mug cake recipe.
What Goes Into Chocolate Mug Cake
Making this Chocolate Mug Cake only takes a handful of pantry staples, and each one plays an important role in creating a light, fluffy, and chocolatey treat. Here are the key ingredients that make this easy mug cake work every time.
- Self Raising Flour: Provides the structure and lift so your chocolate mug cake recipe turns out soft and airy.
- Cocoa Powder: The star of the show, giving the cake its rich chocolate flavor. Adjust the amount depending on whether you like it mild or extra dark.
- Butter or Coconut Oil: Adds moisture and a hint of richness, preventing the cake from being dry or rubbery.
- Almond Milk or Skim Milk: Keeps the texture tender while keeping this mug cake recipe lighter and lower in calories.
Note: Please see recipe card at the bottom for a full list of ingredients with measurements.
Add Ins And Simple Swaps
Want to make this easy mug cake your own? These work beautifully without changing the base.
- Peanut Butter: Add a teaspoon to the centre before microwaving for a gooey surprise.
- Espresso Powder: A small pinch deepens the chocolate flavour without tasting like coffee.
- Chopped Nuts: Walnuts or hazelnuts add texture and balance the sweetness.
- Oat Milk Or Soy Milk: Great dairy free options that still keep the cake soft.
How To Make Chocolate Mug Cake
- Prep Mug: Lightly spray a 1/2 cup mug with cooking oil. Add self raising flour, sweetener, cocoa, baking powder, and a pinch of salt, then whisk until the mixture looks evenly combined.
- Add Wet: Stir in melted butter, milk, and vanilla until the batter is smooth and glossy. Fold in 1/2 tablespoon mini chocolate chips and sprinkle the remaining chips evenly over the top.
- Microwave Bake: Microwave on High for 40 seconds, then gently touch the top to check doneness. If the center is still slightly wet, continue in 10 second bursts until just set and springy.
- Oven Option: Preheat to 180°C or 350°F and grease a 1/2 cup ramekin, then bake to your preferred fudginess. Rest 1 minute, then serve plain or with fruit, icing sugar, or ice cream.
This Chocolate Mug Cake pairs perfectly after savory bites like Sweet Chilli and Sour Cream Chicken Burgers or BBQ Turkey and Greek Yogurt ‘Slaw Burgers, giving you a sweet finish to balance bold flavors. For something lighter, enjoy it after Smoked Salmon and Avocado Pizza to round out the meal with a quick and indulgent treat.
Pro Tips For Mug Cake That Actually Feels Like Cake
- Use a wide, straight-sided mug: A wider mug allows the batter to spread out instead of stacking up, which helps it cook more evenly.
- Stop cooking while the centre still looks slightly soft: The cake continues to cook from residual heat once it comes out of the microwave.
- Microwave in short bursts, not one long blast: Microwave wattage varies a lot, so start with 40 seconds, then continue in 10 second intervals. This gives you control and prevents that rubbery texture mug cakes are famous for.
- Let it rest briefly before eating: Giving the cake 30 to 60 seconds to sit allows the crumb to settle and finish cooking gently.
Recipe FAQ’s
Watch Me Make Chocolate Mug Cake On Video!
You might also like
Get a free eBook!
Subscribe to Cafe Delites FOR FREE and receive recipes straight into your inbox!
Low Fat Chocolate Mug Cake
Ingredients
- 2 tablespoons self raising flour
- 1 tablespoon natural granulated sweetener if white, raw or coconut sugar, and counting your calories, remember to add this in.
- 2 unsweetened cocoa powder for a mild chocolate cake OR 1 tablespoon for a darker. Level teaspoons.
- 1/4 teaspoon baking powder
- 1 pinch salt
- 1 teaspoon reduced fat butter melted, or coconut oil
- 2 tablespoons unsweetened almond milk or skim milk for an extra point. 2 1/2 tablespoons of milk if using 1 tablespoon cocoa powder.
- 1/8 teaspoon pure vanilla extract
- 3/4 tablespoon mini chocolate chips milk or dark, divided – optional. See notes.
Instructions
- Grab a 1/2-cup capacity mug and spray with cooking oil spray. Into the mug, add in the flour, sweetener (or sugar), cocoa powder, baking powder and salt. Whisk to combine. To that, add your melted butter, milk and vanilla.
- (Optional): Fold in 1/2 tablespoon of chocolate chips. Mix them through. Top with the remaining chocolate chips.
Minute Microwave Method:
- Bake in your microwave on ‘Quick’ or High’ setting for 40 seconds. Open the door and gently touch the top with your finger tip. If it’s still a little underdone in the middle, bake for another 10 seconds until cooked through (not too long, as the cake will continue cooking in the mug once it’s removed).
Oven Baked Version:
- Preheat oven to 180°C | 350°F. Spray a 1/2-cup capacity ramekin with cooking oil spray. Prepare as above and bake in the oven for around 15 minutes, or until a toothpick inserted into the centre comes out clean. (For a fudgier cake, check it after 11 minutes with a toothpick and it should come out slightly dirty, but not with a lot of cake batter attached.)
- Serve with fruit, icing sugar, ice cream, or whipped cream! Personally, I like this cake on its own.
Notes
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
WOW!! This mug cake is amazing! Other mug cakes I’ve tried have come out chewy but this is just like a baked cake. Light and fluffy! It’s also not overly sweet which makes me feel better eating it. I will make this mug cake again for sure! (probably with a few more chocolate chips). Thanks for sharing this!
You’re welcome Alaina! I’m so happy to hear that!
I’ve been making mug cakes for the past three years since I was amazed by a video I saw on YouTube. At first, every recipe seemed OKAY but I never ended up finishing the cake because it was as hard as leather and tasted vaguely like medicine. However, I was bored at school om day and began browing recipes for brownies and I came across this website. Now, whenever I’m done with my work in class, I find myself screenshotting recipies from your site. So I came across this particular one this morning and really wanted to try it but was also hesitant. Finally, I whipped it up (without milk bc/ there was none at home. I just added water and some more butter and it works wonderfully) ITS AMAZING! I have made it three times today (I thought it would come out bigger but it’s the perfect size for a snack) and each time it tastes soft and fresh and choclatey. Definitely sharing this with my friends 🙂
This was my first try at a mug cake and I loved it! Thanks for a delicious treat at the end of the day when I was craving chocolate!
Ahhh! I loved it. Thanks.
Casi! You’re welcome ❤️
I made this and it was yummy, but when i tried counting it on smart points it came to 6SP without the chocolate chips. Am i doing something wrong?
Is this cake still only 138 calories without the ww smart points? I’m not 100% sure if it’s 138 calories on top of the ww smart points or if you mean it’s one or the other. Sorry if this doesn’t make sense but I’m unsure due to not having a clue about ww. Thank you!
Hi Katrina!
What if you don’t have self rising flour. Can’t you use reg flour and just add a little more baking powder? Or do I even have to bother with adjusting it because it’s such a very small amount anyway?
I haven’t tried making the mug cake yet.
It looks absolutely delicious!
I can’t wait to try it!
Hopefully, I’ll hear from you soon!
Thank you!
Hi Angela! Yes! You can use regular flour and just a pinch more of baking powder 🙂
Hi Karina,
I’d just like to say that this mug cake was the first out of many, that has actually WORKED! Not to mention, it was delicious, too! Thank you so much for the great recipe. 🙂
I’m so happy to hear that Sarah! And you’re very welcome!
Karina,
This is absolutely fantastic! Made it exactly as per the recipe (without the chocolate chips) and it was perfect. Soft and fluffy!
The first time I tried it – I overdid it in the microwave because it was my first time and I thought it looked a little too gooey. By the time I ate it – it was dry.
But this time – exactly 40 seconds and it was amazing!!
Thanks!
I had exactly 6 Smart Points left. Thank you for this wonderfully sinful tasting dessert that filled my craving!