Nibble and Dine

  • Recipes
    • Breakfast
    • Appetizers
    • Entrees
    • Sides
    • Desserts
    • Drinks
  • About
  • Contact
menu icon
go to homepage
  • Recipes
  • About
  • Subscribe
  • Contact
search icon
Homepage link
  • Recipes
  • About
  • Subscribe
  • Contact
×
Home » Recipes » Desserts

Mocha Mug Cake

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

574 shares
  • Share
  • Mix
  • Email
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
↓ Jump to Recipe
↓ Jump to Video

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

📖 Recipe

Mocha Mug Cake

mocha mug cake with raspberries and spoon
Print Recipe
Pin Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

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

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!

Did you make this recipe?

Tag @nibbleanddine on Instagram and hashtag it #nibbleanddine

More Dessert Recipes

  • chocolate almond bark in stack on white plate.
    Dark Chocolate Almond Bark
  • slices of raspberry lemon loaf on blue plates.
    Raspberry Lemon Loaf
  • cooked peach halves on plate with wooden spoon.
    Air Fryer Peaches
  • lemon popsicles with lemon slices on the side.
    Best Lemon Popsicles
574 shares
  • Share
  • Mix
  • Email

Comments

    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

  1. Karly says

    June 07, 2019 at 11:26 am

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

    Reply
    • Kate says

      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
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

Readers' Favorite Mug Cakes

  • gingerbread mug cake with scoop taken out and spoon sitting on the side
    Gingerbread Mug Cake
  • Side view of vanilla cake topped with strawberries and whipped cream
    Strawberry Shortcake Mug Cake
  • Spoon with apples and cake being held over top cake in a green mug
    Apple Cinnamon Mug Cake
  • snickerdoodle mug cake on white plate
    Snickerdoodle Mug Cake

Most popular recipes

  • creamy spinach artichoke chicken casserole with spoon in the dish
    Creamy Spinach Artichoke Chicken Casserole
  • Quick Red Beans and Rice in Bowls
    Quick Red Beans and Rice
  • cannoli cake on plate with fork on the side
    Easy Cannoli Cake
  • Spoon with apples and cake being held over top cake in a green mug
    Apple Cinnamon Mug Cake

Footer

↑ back to top

About

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

Newsletter

  • Sign Up! for emails and updates

Contact

Contact Me Here!

as seen in:

as seen in logos.
as seen in logos.

As an Amazon Associate I earn from qualifying purchases.

Copyright © 2025 Nibble and Dine LLC

574 shares