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.
This was wonderful. Not 1 WW point as people have said, but still worth the points. I used 1 T cocoa, though the 2 tsp is actually zero so will try that next time instead, monk fruit with Xylitol sweetener, I Can’t Believe It’s Not Butter tub spread and only 1 tsp chips which I put on at the end. Added 1 T fat free whipped topping for 0 points. The texture and flavor was so nice. Definitely not the gunky texture so many low point mug cakes are. Thank you for the recipe for a delicious low point snack that works well for my program. I think it would be great with regular sugar and butter as well, for those not trying to skimp on points.
Can I just say- OMG YUM!! Seriously this cake tastes so good. Perfect amount for a sweet craving. Thank you so much for sharing!
Such a satisfying treat that “feels” really indulgent and sinful, yet it’s calorie controlled!! I’ve tried several mug cake recipes, and this one is by FAR the best! This one has it all: rich chocolatey flavour , pillowy center and a firm top. After allowing to cool for a minute or so, I added a swirl of whipped cream on top …soooo good!!!
So fantastic! This cake is *perfect* and I love that I can have this as a late night or after-work snack without piling on points. I use nonfat Greek yogurt instead of butter, which puts it at 2 WW points on the new 2023 plan. Throw some berries on top and it’s extra good.
Yep. Best chocolate mug cake. I got it down to 3 WW (blue) points by using Swerve brown sugar, Lily’s dark chocolate chips (7gm), cashew milk, Trader Joe’s cocoa powder and subbed applesauce for the butter/oil. I topped with almond milk whipped topping for an additional point. Perfect!
This was so yummy, Tks for the recipe. I’m curious how you came up w only one point though. Maybe I’m doing something
wrong but I’m guessing the plan has switched bc when I added up ingredients I got 8 pts without ch chips. Tks
Sooo good! Made per the directions with the 2 tsp of cocoa powder, Swerve. coconut oil, and Lily’s mini chocolate chips. Sugar free, delish, and perfect for my WW plan. Thanks!
Absolutely amazing! Really helped the cravings and I can not believe that I actually found this:)
Delicious made this it was so yummy
The only I change was that I added 3 tbsp of milk but this microwave chocolate cake was so good! Love that if I half the receipe it’s only about 100 calories! Thanks for sharing.