• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Chocolates & Chai
  • Home
  • About
    • About Chocolates & Chai
    • Privacy Policy & Disclosure
  • Recipes
  • Contact
menu icon
go to homepage
  • About
  • Recipes
  • Contact
    • Facebook
    • Instagram
    • YouTube
  • subscribe
    search icon
    Homepage link
    • About
    • Recipes
    • Contact
    • Facebook
    • Instagram
    • YouTube
  • ×
    Home » Desserts » Cakes » Mocha Mug Cake

    Mocha Mug Cake

    Published: Jun 9, 2022 by Riz · This post may contain affiliate links ·

    Jump to Recipe

    Mocha Mug Cake. A quick and delicious chocolate mug cake with just the right hit of coffee to add a little depth to the flavor. This mug cake is perfect for when you need to quickly whip up a sweet treat!

    Mug cake recipes have always been hit or miss for me. I went through a phase several years back where I'd obsess over finding the perfect mug cake recipe, only to realize that a mug cake will never replace a truly amazing baked chocolate cake. But that's not a bad thing.

    This mocha mug cake can stand on its own for exactly what it is - a coffee and chocolate-infused dessert that's ridiculously quick to make (like, who can complain about a cake you can make in five minutes or less?) and still tastes great!

    It may not replace an old-school coffee and chocolate cake, but you'll probably find yourself opting for it more often.

    Jump to:
    • What is a mug cake?
    • Ingredients
    • How to make mocha mug cake?
    • Mug cake tips and tricks
    • Variation ideas
    • Gluten-free Mocha Mug Cake substitutions
    • More mug cake recipes
    • Helpful tools
    • 📖 Recipe
    • 💬 Reviews
    Mocha Mug Cake topped with whipped cream and chocolate shavings. this recipe

    What is a mug cake?

    A mug cake is very much what it sounds like: a cake made in a mug. Unlike a traditional mocha cake, mug cakes are "baked" in the microwave, meaning they can be ready in a matter of minutes.

    Can you make mug cake in a bowl

    Absolutely. You can make a mug cake using any sort of microwave-safe dish that fits into your microwave – a large ramekin is another option. A mug is an easy solution as the shape makes it easy to eat from as well. Bowls work great too! (Plates tend to not work as well.)

    A spoonful of cake is taken from a chocolate and coffee mug cake.

    Ingredients

    One of my favorite things about any quick mug cake is how little is needed to make it, and how most ingredients are pantry staples:

    • All-purpose flour
    • Sugar
    • Unsweetened cocoa powder
    • Instant espresso powder (instant coffee is also fine)
    • Baking powder
    • Salt
    • Milk
    • Vegetable oil
    • Vanilla extract
    • Dark chocolate chips
    • Whipped cream and other toppings (optional)

    How to make mocha mug cake?

    Start by combining flour, sugar, cocoa, espresso powder, baking and salt in a microwave safe mug (12 oz is a good size to work with!). A fork or a knife will be easier to stir with than a spatula or wooden spoon due to the size of the mug. Add the milk, oil, vanilla extract, and stir until you make a smooth batter. Add the chocolate chips and mix in (but try to avoid pushing them all into the bottom of the mug).

    Microwave on high for 1 minute 15 seconds, or until a toothpick inserted into the center comes out clean - if 1 minute and 15 seconds isn't enough, blast in 10 second increments so as to not overcook your mocha mug cake. Overcooked mug cake is basically a brick stuck in your mug.

    Let cool for 2 minutes, and then top with your whipped cream (or ice cream).

    A spoonful of mocha mug cake and whipped cream, ready to be eaten!

    Mug cake tips and tricks

    Mug cakes are, generally-speaking, a very beginner-friendly cake. Here a few tips to make sure you get the best mocha mug cake every time!

    If your mug cakes have a tendency to dry out, or get burnt-tops: add a teaspoon (or two, depending how powerful your microwave is) of water to the very top of the mug before putting it into the microwave. It'll evaporate and leave a lovely moist texture behind!

    Don't overfill your mug. You may be tempting to fill your mug right to the rim with that lovely chocolate-y batter, but resist. It won't look ooey gooey and gorgeous at the end. It'll just be a mess in your microwave.

    Underbaking is better than overbaking. You can always add 5 more seconds to the microwave timer, but you can never undo an over-baked mug cake.

    Mug cakes don't keep well. Enjoy them as soon as they're ready to eat.

    Variation ideas

    Swap out the whipped cream for powdered sugar

    Opt for a dusting of powdering sugar instead of that dollop of whipped cream. This is great for those of you that want a sweeter mug cake. Or, do what I do…opt for both. #yolo

    Ice cream is for champions

    Ice cream, of just about any flavor, has always been an excellent addition to mug cake. It gives you that wonderful hot and cold contrast, while also bringing the creaminess that mug cakes lack.

    More toppings

    Add some crunch with toasted nuts, or crushed granola. Alternatively, sprinkle on some brown sugar and a touch of espresso powder for a more mature palette. Heck, go indulgent, drizzle (/pour) on some melted chocolate or a caramel sauce (both work pretty well!).

    All of the above

    Yolo, bestie. Yolo. (You only live once.)

    A top down view of a spoonful of mocha mug cake, showing the texture of the cake.

    Gluten-free Mocha Mug Cake substitutions

    If you want to convert this into a gluten-free mug cake, this can be done by swapping out the all-purpose flour for the same amount of gluten-free flour. Please also make sure you are using the gluten-free versions of the other ingredients as some brands do allow gluten to creep into ingredients that are traditionally gluten-free (vanilla extract, for example).

    More mug cake recipes

    Not feeling a mocha mug cake but still want a quick cake recipe? I gotchu.

    • Honey Mug Cake
    • Chocolate Mug Cake
    • Strawberry Shortcake Mug Cake

    Helpful tools

    The link below is an affiliate link. This means that if you choose to purchase using it, I will receive a small commission (at no additional cost to you). These small commissions help keep Chocolates & Chai going. Thank you.

    You don't need any special equipment to make a mug cake. But ideally you should have a lovely microwave-safe mug.

    If you like what I’m doing here, and you want to help, why not go ahead and become a Patron? You can support Chocolates & Chai for as little as the price of a cup of coffee!

    And that's it for today, bestie. What do think? Will you be whipping up a mocha mug cake the next time you have 5 free minutes and a hankering for cake? Let me know in the comments below.

    Print

    📖 Recipe

    clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
    A spoonful of mocha mug cake in a white mug.

    Mocha Mug Cake


    5 Stars 4 Stars 3 Stars 2 Stars 1 Star

    No reviews

    • Author: Riz | Chocolates & Chai
    • Total Time: 4 minutes
    • Yield: 1 mocha mug cake 1x
    Print Recipe
    Save Recipe Recipe Saved

    Description

    Mocha Mug Cake. A quick and delicious chocolate mug cake with just the right hit of coffee to add a little depth to the flavor. This mug cake is perfect for when you need quickly whip up a sweet treat! 


    Ingredients

    Scale
    • 3 tbsp. all-purpose flour
    • 3 tbsp. sugar
    • 2 tbsp. unsweetened cocoa powder
    • 1 tsp. instant espresso powder (instant coffee is also fine)
    • ¼ tsp. baking powder
    • â…› tsp. salt
    • 3 tbsp. milk
    • 3 tbsp. vegetable oil
    • ¼ tsp. vanilla extract
    • 3 tbsp. dark chocolate chips
    • Whipped cream and chocolate shavings, for topping

    Instructions

    1. Start by combining flour, sugar, cocoa, espresso powder, baking and salt in a microwave safe mug. Add the milk, oil, vanilla extract, and stir until you make a smooth batter. Add the chocolate chips and mix in (but try to avoid pushing them all into the bottom of the mug). 
    2. Microwave on high for 1 minute 15 seconds, or until a toothpick inserted into the center comes out clean.
    3. Let cool for 2 minutes, and then top with whipped cream (or any other toppings you like!). 

    Notes

    • A 12 oz microwave-safe mug is ideal for this recipe.
    • A fork or a knife will be easier to stir with than a spatula or wooden spoon due to the size of the mug. 
    • If 1 minute and 15 seconds isn't enough to cook your mug cake through, blast in 10-second increments so as to not overcook your mocha mug cake. An over-cooked mug cake is not tasty. (Don’t ask me how I know.)
    • Don’t forget to checkout the Mocha Mug Cake recipe video! 
    • Prep Time: 2 minutes
    • Cook Time: 2 minutes
    • Category: Dessert
    • Method: Microwave
    • Cuisine: American

    Did you make this recipe?

    Tag @yamisohungry on Instagram and hashtag it #chocolatesandchai

    More Cakes

    • Lemon Basque Cheesecake
      Lemon Basque Cheesecake
    • Ravanija
      Ravanija (Balkan Cake in Sugar Syrup)
    • A slice of Billy Miner Pie on white plate with a fork next to it.
      Billy Miner Pie (The Keg Copycat)
    • A spoonful of red velvet mug cake topped with cream cheese frosting.
      Red Velvet Mug Cake

    Reader Interactions

    Comments

    1. Aileen

      June 09, 2022 at 1:22 pm

      You talked me into it! I’m going to have to do this real soon. 🙂

      Reply
      • Riz

        June 09, 2022 at 1:28 pm

        Woohoo! I hope you enjoy it, Aileen!

        Reply

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

    Primary Sidebar

    Hi! I'm Riz.

    Do you ever think back to that recipe someone special cooked for you? Mom's spaghetti? Grandma's pie?

    On Chocolates & Chai, I worry about perfecting that showstopper of a recipe so that you can rediscover, and share that feeling with the people closest to you.

    More about me

    Trending Recipes

    • A square close up image for 5 fluffy pancakes stacked high.
      Fluffy, Fluffy Pancakes
    • Three fluffy Japanese pancakes (aka. souffle pancakes) stacked high with maple syrup being poured on them.
      Fluffy Japanese Pancakes (aka. Souffle Pancakes)
    • A square slice of Egyptian Macarona Bechamel on a while plate.
      Egyptian Macarona Bechamel Recipe
    • A blue plate filled with chilaquiles rojos, garnished with a fried egg, queso fresco, and avocado slices.
      Chilaquiles Rojos – A Traditional Mexican Breakfast Recipe

    Seasonal Favorites

    • Top down shot of three halloween pizzas - each one is decorated as a different monster.
      Halloween Pizza: Delightfully Frightful
    • Pumpkin risotto, garnished with sage, on a white plate.
      Creamy Pumpkin Risotto
    • A close-up of a chocolate madeleine decorated to look like a mummy for Halloween.
      Chocolate Madeleine Mummies
    • Honey Mug Cake

    Footer

    Footer

    ↑ back to top

    About

    • About Chocolates & Chai
    • Contact
    • Privacy Policy

    Newsletter

    • Sign up for emails and updates

    Let's Connect

    Copyright © 2026 Chocolates & Chai