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.

Fluffy. Buttery and soft yet Low Fat Chocolate in Mug Cake - 1
  • What Makes This Chocolate Mug Cake Work
  • What Goes Into Chocolate Mug Cake
  • Add Ins And Simple Swaps
  • How To Make Chocolate Mug Cake
  • Pro Tips For Mug Cake That Actually Feels Like Cake
  • Recipe FAQ’s
  • Watch Me Make Chocolate Mug Cake On Video!
  • Low Fat Chocolate Mug Cake Recipe

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

Flat lay photo of ingredient shot of self raising flour, unsweetened cocoa powder, white sugar, baking powder, melted butter, salt, unsweetened almond milk, pure vanilla extract, mini chocolate chips - 2

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

Lightly spray a 1/2 cup mug with cooking oil. Add self raising flour, sweetener, cocoa, baking powder, and a pinch of salt and then whisk. - 3
  1. 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.
Stir in melted butter, milk, and vanilla until the batter is smooth and glossy. Fold in 1/2 tablespoon mini chocolate chips. - 4
  1. 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 on High for 40 seconds, then gently touch the top to check doneness. - 5
  1. 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.
Preheat oven to 180°C or 350°F - 6
  1. 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.

Yes, this chocolate mug cake recipe is egg free, which helps it stay soft and avoids the rubbery texture common in other mug cakes.

Absolutely, you can swap the sweetener with white, raw, or coconut sugar, just remember to adjust the calories if you are counting.

Gently touch the top after microwaving for 40 seconds; if the center feels slightly underdone, cook in 10 second bursts until just set.

Watch Me Make Chocolate Mug Cake On Video!

Karina in a white and black dress with her hair blowing back, standing in front of her cooktop, cooking salmon in a pan - 7

Get afreeeBook!

IngredientsUSMetric1x2x3x

  • ▢ 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.

Low Fat Chocolate Mug Cake - 8

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

Thank You! https://cafedelites.com/low-fat-chocolate-mug-cake-recipe/