• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Nibble and Dine
  • Recipes
    • Breakfast
    • Appetizers
    • Entrees
    • Sides
    • Desserts
    • Drinks
  • About
  • Contact
    • Email
    • Facebook
    • Instagram
    • Pinterest
menu icon
go to homepage
  • Recipes
  • About
  • Subscribe
  • Contact
    • Email
    • Facebook
    • Instagram
    • Pinterest
  • search icon
    Homepage link
    • Recipes
    • About
    • Subscribe
    • Contact
    • Email
    • Facebook
    • Instagram
    • Pinterest
  • ×

    Home » Recipes » Desserts

    Mocha Mug Cake

    Published: Jul 15, 2021 · Modified: Aug 19, 2021 by Kate · This post may contain affiliate links

    341 shares
    • Share
    • Yummly
    • Mix
    • Email
    Jump to Recipe·Print Recipe
    mug cake with spoon taking a scoop out with text at the top
    collage of mocha mug cake with spoon with text in the center
    mocha mug cake with berries and text at the top

    This mocha mug cake is so rich and indulgent, you will be surprised you can make it in only a few minutes. And, as you dig into this moist mug cake flavored with coffee and chocolate, you will be entranced by the smooth and fudgy mocha sauce at the bottom of the mug!

    mocha mug cake with spoon and raspberries

    Note: this post was originally published in 2018 and updated in 2021 with new photos and improved instructions.

    As you may know from my many other mug cake posts (including these ones for Honey Peanut Butter Banana Mug Cake and Apple Cinnamon Mug Cake!), I love a quick dessert. And this one for mocha mug cake is one of my absolute favorites. It's quick and easy to make, but tastes incredibly indulgent!

    What makes this recipe special is the combination of chocolate chips and coffee in the bottom of the mug. Once microwaved, this turns into a velvety, fudgy sauce that mixes perfectly with the mocha cake on top.

    This post contains affiliate links. As an Amazon Associate I earn from qualifying purchases. If you make a purchase through the link, it won’t cost you more but I may earn a small commission. I only recommend products that I personally use and love!

    Recipe ingredients

    recipe ingredients with text overlay

    Ingredient notes

    • Coffee: this recipe is a great use for leftover coffee! You can use fresh, hot coffee or leftover coffee, but it must be brewed coffee (i.e. the coffee must be prepared, not simply coffee grounds).
    • Chocolate chips: feel free to use any type of chocolate you prefer, I used bittersweet chocolate for a more intense chocolate experience!
    • Oil: you just need any neutral oil, such as vegetable or canola oil.

    Step by step photos

    1. The first step is to mix together the chocolate chips and 3 tablespoons of the coffee together in a large, microwave-safe mug. Just keep stirring together until the chocolate is completely dissolved in the coffee.

    If the coffee is hot, you can just add the chocolate chips right in and mix. If the coffee is cold or room temperature, you will need to microwave the chocolate and coffee in the mug before mixing together.

    coffee and chocolate chips melted together in white mug

    2. Now, turn to the dry ingredients. Add the flour, sugar, cocoa powder, salt, and baking powder into a small bowl and mix together. I like using this mini whisk (affiliate link) for small tasks like this!

    dry ingredients being mixed with whisk in bowl

    3. Next, whisk in the milk, the rest of the coffee, and oil into the dry ingredients. Just mix until no lumps remain, but do not overmix.

    mocha cake batter in small bowl with whisk

    4. At this point, grab the mug with the chocolate/coffee mixture at the bottom. Pour the cake batter directly on top; do not mix them together!

    batter being scooped into mug

    5. Microwave the mug for 90 seconds on high; check to see if there is any wet batter still on top. If so, microwave again in 10 second increments, checking in between, until the cake is cooked through.

    hand holding cooked mug cake with paper towel

    Tips and tricks

    • Don’t worry if the chocolate and coffee mixture in the bottom seems watery. After microwaving with the cake batter, it will turn into a thick, velvety smooth sauce.
    • To avoid the liquid from spattering in the microwave, place a folded paper towel on top of the mug before cooking.
    • If the baking powder looks a little pebbly when you scoop it out of the canister, just break it up in your fingers or with a fork before adding to the rest of the dry ingredients. It can be hard to mix those little pebbles fully into the batter and they will taste bitter!

    Recipe FAQs

    What kind of mug should I use for this mug cake?

    The first thing you need to ensure is that the mug you are choosing is microwave safe!

    After that, you just need to make sure that the mug is large enough so that the batter will not overflow in the microwave. All of the mug cake recipes on my site will work with a mug that holds 12 ounces or more.

    The finished mug cake will not come right up to the rim with a mug this size, but you need the extra space, because the cake will rise up while it's cooking and then sink down a bit.

    How do I know when the mug cake is done cooking?

    This mug cake may be slightly more tricky to tell than others, because of the fudgy sauce at the bottom. When cooking, that sauce can rise up around the edges and look a little like wet batter.

    So, the best way to tell is to check the top of the mug cake to see if it looks dry and firm. When you touch the top, it should feel a little springy.

    How should I serve the mocha mug cake?

    As you can see from the photo at the top, I enjoy eating this mug cake with berries and a dusting of extra cocoa powder. The tartness of the berries really complements the fudgy, deep flavor of mocha!

    This mug cake also tastes wonderful with a dollop of whipped cream. And, with a hot coffee to go with it, of course!

    spoon scooping bite out of mocha mug cake

    Related recipes

    Side view of chocolate cake topped with berries on white plate with a spoon
    Chocolate Berry Mug Cake
    Oreo mug cake in white mug with black spoon
    Oreo Mug Cake
    snickerdoodle mug cake on white plate
    Snickerdoodle Mug Cake

    If you’ve tried this recipe, please leave a star rating and/or review in the comments section below, I would love to hear from you! You can also follow me on Facebook, Instagram and Pinterest. And sign up for my weekly newsletter to get recipes delivered straight to you!

    Print

    Mocha Mug Cake

    mocha mug cake FI
    Print Recipe
    Pin Recipe

    This fudgy mocha mug cake has a velvety smooth mocha sauce surprise hiding at the bottom of the mug!

    • Author: Kate
    • Prep Time: 5 minutes
    • Cook Time: 90 seconds
    • Total Time: 7 minutes
    • Yield: 1 serving 1x
    • Category: Dessert
    • Method: microwave
    • Cuisine: American

    Ingredients

    Units Scale
    • 5 tablespoons (74 ml) brewed coffee, divided
    • 3 tablespoons (38 g) chocolate chips
    • ¼ cup (36 g) all-purpose flour
    • 2 tablespoons (28 g) granulated sugar
    • 1 tablespoon (6 g) cocoa powder
    • ¼ teaspoon baking powder
    • pinch of salt
    • 2 tablespoons (30 ml) milk
    • 1 tablespoon (15 ml) vegetable oil

    Instructions

    1. Add 3 tablespoons (44 ml) coffee and the chocolate chips into the bottom of a large, microwave-safe mug. If your coffee is hot, stir until the chocolate chips are completely melted and smooth. If your coffee is cold, microwave the chocolate and coffee in the mug for 10 seconds on high, and then stir to combine until smooth. (If needed, you can microwave again for 10 additional seconds.)
    2. In a separate small bowl, whisk together the flour, sugar, baking powder, pinch of salt and cocoa powder.
    3. Add the milk, remaining 2 tablespoons coffee, and oil to the dry ingredients; whisk until no lumps remain, but do not overmix.
    4. Pour the cake batter into the mug, on top of the chocolate and coffee mixture. Do not stir.
    5. Place a folded paper towel over the mug to avoid splatter and microwave on high for 90 seconds. Check the top of the mug cake; if some wet batter remains, microwave again in 10 second increments, checking in between, until the cake is cooked through.

    Notes

    Be sure to use a microwave-safe mug that holds at least 12 ounces to ensure the mug cake does not overflow.

    You can use any type of chocolate chips you prefer; for an intense chocolatey experience, try bittersweet chocolate chips!

    Keywords: mug cake, mocha mug cake, chocolate mug cake, coffee mug cake

    Did you make this recipe?

    Tag @nibbleanddine on Instagram and hashtag it #nibbleanddine

    More Dessert Recipes

    • Biscoff truffles FI
      Biscoff Truffles
    • Vanilla muffins on rack FI
      Vanilla Muffins
    • Biscoff mug cake FI
      Biscoff Mug Cake
    • bagel bread pudding FI
      Bagel Bread Pudding
    341 shares
    • Share
    • Yummly
    • Mix
    • Email

    Reader Interactions

    Comments

      Leave a Reply Cancel reply

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

      Recipe rating ★☆ ★☆ ★☆ ★☆ ★☆

    1. Karly

      June 07, 2019 at 11:26 am

      I love mug desserts! They are so easy and tastes great!

      Reply
      • Kate

        June 08, 2019 at 11:32 am

        I do too Karly! That's why I keep making new mug cake recipes I can't stop!

        Reply

    Primary Sidebar

    author Kate holding mug

    Hi there, I'm Kate! I create quick and easy recipes for people who like to cook but are short on time and energy (like me!). I love comfort food, family recipes, and anything with cheese.

    More about me -- >

    Game day snacks

    • bean dip with chips FI
      Easy Bean Dip
    • sausage and cheese turnovers FI
      Sausage and Cheese Turnovers
    • spicy queso chicken nachos on platter (2)
      Spicy Queso Chicken Nachos
    • hand holding sloppy joe slider
      Sloppy Joe Sliders

    Most popular recipes

    • Creamy spinach artichoke chicken casserole FI
      Creamy Spinach Artichoke Chicken Casserole
    • Quick Red Beans and Rice in Bowls Featured Image
      Quick Red Beans and Rice
    • Easy cannoli cake FI
      Easy Cannoli Cake
    • Apple Cinnamon Mug Cake Featured Image
      Apple Cinnamon Mug Cake

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • Accessibility Policy
    • Cookie Policy
    • Disclosure Policy

    Newsletter

    • Sign Up! for emails and updates
    collage of featured in publications.

    Contact

    Contact Me Here!

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2023 Nibble and Dine

    341 shares