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.
Hi Karina , I tried this recipe of yours it was really yummy , my family and me really enjoyed it . Thank you for sharing this this recipe . 🙂
Hi!! I’ve tried some of your recipes and they are amazing! Quick question for you, any idea of how to incorporate protein powder into this and still keep its great texture?
Hi Ann! I really can’t say as I haven’t tried it myself, but I suggest substituting 1 tablespoon of flour for 1 tablespoon protein powder. I hope that helps!
For the first time i eat a mugcake that doesn’t taste like sand or chalky texture… this is from another planet and the best GUILT-FREE… thank you so much for this easy and amazing mugcake karina… saying hi from ecuador
Just made this for dessert tonight and omg! Can’t believe how light and fluffy it is.
I follow WW and put the recipe into the recipe builder and get 4sp without choc chips?
2sp for flour
1sp for marg
1sp for milk
Have I done something wrong?
Hi Di! I’m so glad you liked it! I use unsweetened almond milk which is 0sp! 🙂 I hope that helps!
My gosh. This is amazing!!
I didn’t have flour for some weird reason so I made oat flour and it added a great texture to it. Also, using coconut oil gave it a slight tropical hint to it.
Hi Karina,
I’m new to your blog and I found this in my email box.
Naughty hubby fancied a Mars bar… Well he’s got no chance!
I snook off and made two of these, one for him exactly to your recipe, and one for me, half the sugar, substituted cocoa with half cacao and a pinch of desiccated coconut.
They were spectacular!
I got mine down to 135 kcal and it tasted sweet enough. I had a tiny blob of low fat iced cream and I’m still under my 1200 cals for the day..
Thank you ?
Hahaha that is AWESOME! Sounds like something I do all the time! I’m so happy you both enjoyed the recipe! Thank you so much for letting me know. You made my whole entire week! 🙂
This mug cake is glorious! The chocolatey-ness and gooeyness looks UNREAL! Come to mama!
YES! To everything you just said 😉
Katrina! OMG I just made this and I cannot believe myself! It’s SO good! I have a chocolate mug cake recipe on my blog that is to die for, but it’s 21 freakin’ smart points! I love it but have been trying to erase it from my memory because my daily point budget can’t handle it. As soon as I saw your low-fat version, I knew I had to try it. Girl this is so going to be my daily treat from now on. Best 6 points EVER! I’m definitely going to be sharing this revelation with my WW Connect friends and send some love over to your blog. Thanks for an amazing, figure friendly recipe 🙂
Tasbih! Wow girl I’m so happy YOU tried this!!! How good is it? Especially for our special kind of sweet teeth 😉 I won’t like, it’s been making an appearance over here daily too! Haha!
Karina!!!!! Again another delightful recipe that never fails to exceed.
I tried mug cakes before (in an oven cos I didn’t have a microwave then) and was disappointed at the taste.
Just this morning I made one batch and immediately had to make a double batch straight after. It was relish!!!!! Was worried on how it would taste cos I had no mile or cocoa powder but it was awesome. Again subbed flour for unflavoured protein powder and used flavour god chocolate donut seasoning in place of coca powder #Heaven.
You are seriously the best xoxo
Sounds amazing Irawo!
I know EXACTLY how I am spending my weekend…and that is eating 194039204 of these glorious mug cakes! I seriously can’t believe that these are low fat! You are amazing!
Haha thanks Taylor! I hope you enjoyed them!