This post may include affiliate links. Thank you for your support.

Warm, buttery, and piled high with crumb topping, this Coffee Cake in a Mug is a cozy, cinnamon-swirled hug in every bite. Think: soft, fluffy cake layered with warming cinnamon, generously topped with rich streusel, and finished with a sticky-sweet vanilla glaze. Made with a handful of pantry staples and 2 minutes in the microwave, this coffee mug cake recipe is pure comfort in a cup.

“I made it and it turned out really good. I added some cinnamon extract and ate it with some vanilla ice-cream. Delicious!!”

– AVRIE
Overhead photo action photo of a spoon digging into a mug coffee cake.

Update: This recipe was originally published in January 2024. I made updates to the post below to include more information about making this cinnamon cake in a mug.

Hi, friends! If you’ve ever wished you could have a warm, buttery coffee cake in 3 minutes or less, this mug cake recipe is about to make that dream come true:

Table of Contents

About this coffee cake in a mug

Imagine: digging your spoon into a warm, fluffy cinnamon cake in a mug, fresh from the microwave, and the sweet aroma of vanilla and cinnamon goodness wraps around you like a cozy hug. The cake is soft, tender, and perfectly dotted with little pockets of melty cinnamon chips. Then comes the magic—the buttery, slightly crisp crumb topping and the gorgeously glossy sweet glaze that melts right in. Every bite tastes like that perfect bakery slice of coffee cake—the one with the ideal crumble-to-cake ratio you always hope for.

Best part? This coffee mug cake recipe is pure instant gratification. It’s made with simple pantry staples and it’s totally fuss free—think: no eggs, no complicated steps—just mix, sprinkle, microwave, and dig in.

Whether it’s a slow weekend morning or a late-night, sweet-treat yearning, this coffee cake in the microwave is your go-to for something

Comforting, perfectly spiced, and incredibly satisfying, this coffee cake in the microwave is perfect for everything from slow weekend mornings, late-night sweet-treat yearnings, or anytime you want an ordinary moment to feel a little extra special.

Why you’ll love this recipe

If that wasn’t enough to sell you on this magnificently simple mug cake, this recipe is also:

  • Perfect Texture. Soft, fluffy cake studded with melty pockets of cinnamon chips meets a slightly crisp crumb topping.
  • Cozy, Comforting Flavors. Vanilla-scented cake + warming cinnamon + rich brown sugar + buttery crumble topping = classic coffee cake flavor profile with bakery-style appeal.
  • Ridiculously Easy. One mug, one spoon, and a microwave. This recipe fast and simple, so you get a warm dessert without turning on the oven.
  • Pantry‑friendly. Made with simple ingredients you likely already have on hand.
  • Single‑Serve Dessert Magic. No waste, no leftovers—just the right amount of indulgence.
  • Customizable, Any-Time Cake. Ideal year-round and easy to adapt with add-ins like nuts, chocolate chips, fruit, or a drizzle of glaze to make it your own.

If you’re looking for more deliciously easy mug cake recipes, be sure to check out this Chocolate Mug Cake Recipe next!

Action photo of milk being poured into a mug to make coffee cake.

Ingredients for mug coffee cake

As promised, you’ll just need pantry staples to make this recipe for coffee cake in a mug:

  • All-Purpose Flour. Provides structure and that classic cake crumb. 
  • Light Brown Sugar. Lends a caramel-like sweetness. Make sure you pack the sugar when measuring. Swap: Dark brown sugar works too.
  • Ground Cinnamon. For that classic cozy, warming, and inviting flavor.
  • Baking Powder. For leavening—helps the cake rise perfectly in the microwave.
  • Kosher Salt. Even sweet things need a touch of salt to deepen all the flavors. 
  • Whole Milk. Keeps the coffee cake moist and tender. You’ll want to use full-fat dairy for the best flavor. Swap: You can also use half and half for a richer cake. Or you can try using 2%, but I don’t suggest going any lower.
  • Unsalted Butter. Lends richness and binds the crumbs. Substitutions: Any neutral-flavored oil (e.g. vegetable, corn, canola, peanut, grapeseed, avocado).
  • Vanilla Extract. Just a little brings a sweet aroma to the party. Swaps: Feel free to play around here! Almond extract would be lovely, or you can lean more into the coconut flavor with half as much coconut extract. Adding a splash of imitation butter extract or coffee extract will give it more gusto.
  • Cinnamon Chips. Ties everything together. I personally prefer mini cinnamon chips, but whatever you can find works great. Swaps: Chocolate, white chocolate, butterscotch, or caramel baking chips would be great here. 
  • Cinnamon Sugar – Optional. While a generous swirl of cozy, sweet cinnamon sugar is entirely optional, I highly recommend it.

Recipe variations

Looking to make a few changes to this sweet treat? No problem:

  • Blueberry Coffee Mug Cake: Fold a tablespoon of fresh or frozen blueberries into the cake batter.
  • Cinnamon Roll Mug Cake: Add a swirl of cinnamon and brown sugar paste to the coffee cake before microwaving.
  • Nutty Crumb Cake: Mix in toasted and chopped pecans or walnuts into the crumb topping for a crunchy finish.
  • Chocolate Chip Coffee Cake: Swap out the mini cinnamon chips for mini chocolate chips.
  • Maple Glazed Version: Drizzle warm maple syrup over the top of the mug coffee cake after cooking and just before serving.
  • Seasonal Spiced: Swap in pumpkin pie spice, apple pie spice, chia spices, or cardamom for a seasonal spin on the classic cinnamon profile.
  • Espresso Kick: Add a couple dashes of instant coffee or espresso to the coffee cake batter for a deeper coffee flavor.
  • Vegan Version: Use plant-based milk instead of whole and swap the butter out for oil to make this coffee cake in a mug vegan-friendly.
  • Gluten-Free Twist: Just use your favorite cup-for-cup, all-purpose gluten-free flour mix. Make sure to let the batter rest for about 30 minutes before zapping it though, or you risk a gritty consistency.

If you’ve got leftover cinnamon sugar, put it to good use in these recipes next: Cinnamon Sugar Donut Muffin, French Toast Cinnamon Bake, and Cinnamon Toast that you can make two simple ways.

Overhead photo of a raw coffee cake in a mug - before microwaving.

Professional chef expert tips for perfect results every time

As a professionally trained and restaurant-experienced chef, here are my top secrets for success:

  • Use Microwave-Safe, Large Mug. Technically it doesn’t have to be a mug, just make sure it’s safe to use in the microwave and large enough for the batter to rise without spilling over (about 14 ounces).
  • Don’t Over-Mix the Batter. Just like regular cakes, you don’t want to overmix. Stirring too much can cause an overproduction of gluten, which will result in a tough coffee mug coffee cake. Stir just until no streaks of flour remain (a few lumps are fine).
  • Crumble Should be Clumpy, not Paste-Like. If the crumb topping feels wet after mixing it up, sprinkle a little flour over the crumbs and mix again. Be careful though, you don’t want to add too much flour or you’ll be able to taste it. Work in ¼ teaspoon increments until you achieve the right texture. 
  • Microwave in Bursts. Every microwave is different, so use care to avoid overcooking. You want your coffee cake to pull away from the sides of your mug—that’s an indication that it’s done. If your mug cake still looks raw after cooking as instructed, return it to the microwave and heat in short 10- to 15-second bursts.

FAQs: frequently asked questions

Below you’ll find the most common questions and answers about making this recipe. If you have a question you’d like answered, please drop it in the comments section below!

What makes a coffee cake a coffee cake?

Wondering why it’s called “coffee cake” even though it doesn’t usually contain a single coffee bean? Well, it’s because this delightful cake is like a best buddy to coffee. It’s named after its perfect pairing rather than its ingredients. Imagine a dynamic duo like Batman and Robin, but for breakfast. The cake is typically sweet, tender, and topped with a yummy crumble, making it the ideal sidekick for your cup of joe.

A classic coffee cake often has a tender crumb, a gloriously crumbly and buttery streusel topping (sometimes both on top and in the middle for that extra surprise!), and occasionally a drizzle of sweet icing.

Can I make coffee cake mug cake without butter?

Yes, you sure can. Just swap out the butter and use coconut oil or a neutral oil (such as vegetable oil) for a similar flavor.

Can I make coffee mug cakes without eggs?

Yes, in fact you don’t need any eggs to make this mug cake! This recipe is naturally egg-free, making it quick and convenient.

What size mug works best?

A 14-ounce mug (or larger) will give the cake room to rise without spilling over the top—just make sure it’s microwave-safe.

Can I add a filling?

Yes, you sure can. You can fold baking chips, chopped nuts, sprinkles, or your favorite mix-ins into the cake batter. Or, you can add spoonful of cinnamon sugar, a soft caramel candy, cinnamon bun filling, or a few chopped nuts to the center of the mug cake, depending upon your preferences.

How thick should mug cake batter be?

Think Goldilocks — not too thick, not too thin, but just right. It should look like a normal cake batter, pourable without being too liquidy.

Can I make this gluten-free?

Yes you sure can. Just substitute the all-purpose flour with a 1:1 gluten-free flour blend for similar results.

Can I make this vegan?

Absolutely—just use plant‑based milk and vegan butter to make this coffee mug cake recipe vegan-friendly.

Why did my mug cake turn rubbery?

Oh no—that’s never the goal here. If your mug coffee cake turns out rubbery, chances are great that it was It was likely overmixed or overcooked. Mug cakes need gentle mixing and careful microwave timing; however, not all microwaves are created equal. Next time, reduce the microwave time by 10–15 seconds.

Can mug cake be made in an oven?

Sure, why not? While I love making coffee mug cakes in a microwave, you can totally bake them in an oven. Just transfer your batter to an oven-safe ramekin and bake at around 350°F (175°C) for several minutes longer than the microwave time. Keep an eye on it, though–nobody wants a burnt cake.

Can I double this mug coffee cake recipe?

Yes, but you’ll want to use two microwave‑safe mugs, versus a large bowl or larger mug, to prevent overflow.

Overhead photo of coffee mug cake with a bite missing from the cake.

Serving coffee mug cake

  • Cozy Magic. If you’re looking for a cozy, warming pairing, hot chocolate white, coffee mug cake, and a few white powder donut holes are the ideal pairing.
  • Top with Whipped Cream. A dollop of whipped cream on top of any cake is always welcome.You can even get fancy with a sprinkle of cinnamon sugar or cocoa powder on top for a chic, cafe-style look. For wholesome take try whipped Greek yogurt, and for a sweeter twist frosting from cool whip is delightful here.
  • Add a Scoop of Ice Cream. A scoop of cinnamon or vanilla ice cream takes your coffee cake from darn good to a mini party in a mug.
  • Pair with Berries. Toss a handful of fresh or frozen macerated berries (think: strawberries, raspberries, blueberries—the more, the merrier) on top of your mug cake. The tartness of the berries pairs amazingly with the sweetness of the cake.

Unique serving suggestions

  • Nutty Finish. Sprinkle a mix of chopped nuts (almonds, walnuts, pecans, you name it) on top for a crunchy surprise. Extra points if you try using candy nuts for a sweet twist or toast for the nuts for that nutty aroma.
  • Creamy Cream Cheese or Mascarpone Topping. A scoop of whipped and lightly sweetened cream cheese for cinnamon-roll vibes or mascarpone cheese for the VIP treatment.
  • Sweet Cocktail Hour. For an extra indulgent treat, pair this cozy coffee cake in a cup with an indulgent cocktail like my sugar cookie martini cocktail or Bailey’s chocolate martini. It’s like a little Happy Hour for one.

Storing leftovers

The whole idea of making a coffee cake in a mug is that there will be no leftovers — it’s intended as a single serving (or a modest serving for two)! That said, you can absolutely store extras. Here’s how:

  • Room Temperature Storage: Let the coffee mug cake, cover with plastic wrap, and keep it at room temperature for up to 1 day.
  • Refrigeration: Let leftovers cool completely to room temperature, cover the mug tightly with plastic wrap, and store in the fridge for up to 2 days.
  • Freezing Instructions: Unfortunately, freezing is not ideal for single-serving mug cake recipes, since the texture tends to turn unpleasant after thawing.
  • Reheating Instructions: To reheat leftovers, microwave the mug coffee cake recipe in short 10- to 15-seconds increments until just warm throughout.
Straight on photo of a bite of coffee cake with crumb topping resting on a spoon set on a mug.

And that’s a wrap on our sweet, speedy, and cinnamon-spiced journey through the land of coffee cake mug cakes.

From the first sprinkle of cinnamon to the last ‘ding’ of the microwave, this delightful little coffee cake in a mug proves that great things truly do come in small packages. Warm, buttery, cinnamon‑sweet, and made in minutes with zero fuss, it’s the perfect recipe whenever you want a small-batch treat that still tastes magically delicious.

I hope you give it a try—but, don’t forget to come back and let me know how it went over in the comments below. I truly love cheering you on in the kitchen!

Until next time, keep calm and mug cake on!

Cheyanne

Craving MORE? Follow all the deliciousness on Facebook, Pinterest and Instagram!

More coffee cake recipes!

Overhead photo of a coffee cake in a mug with crumb topping and vanilla glaze.

Coffee Cake in a Mug

5 from 1 vote
Author: Cheyanne Holzworth
Total Time: 7 minutes
Prep Time: 5 minutes
Cook Time: 2 minutes
Servings: 1 Mug Cake
Print Recipe Pin Recipe
Warm, buttery, and piled high with crumb topping, this Coffee Cake in a Mug is like a cozy, cinnamon-swirled hug in every bite. Made with a handful of pantry staples 2 minutes in the microwave, this coffee mug cake recipe is pure comfort in a cup—think: soft, fluffy cake layered with warming cinnamon and generously topped with rich streusel. Add a drizzle of sticky-sweet glaze, and you've got a no-fuss treat that tastes like it came straight from a bakery—made right in your favorite coffee mug.

Equipment

  • 1 Small Bowl (for crumb topping)
  • 1 14-to-16-ounce Microwavable Mug or Cup, Soup Bowl or Small Bowl (for microwaving the mug cake)

Ingredients 

Coffee Cake

  • ¼ Cup + 1 teaspoon All Purpose Flour – spooned and leveled (33 grams)
  • 2 TBS Light Brown Sugar – packed (24 grams)
  • Heaping ¼ tsp Ground Cinnamon
  • ¼ tsp Baking Powder
  • ¼ tsp Kosher Salt
  • ¼ Cup Whole Milk (substitute: half-and-half)
  • 1 ½ TBS Unsalted Butter – melted and cooled
  • ½ tsp Pure Vanilla Extract
  • 2 teaspoons Cinnamon Sugar (OPTIONAL) (SEE NOTES)
  • 1 tablespoon Mini Cinnamon Chips (OPTIONAL)

Cinnamon Crumb Topping:

Instructions

  • Make Crumb Topping: In a small bowl, combine all the ingredients for the streusel topping. Season with a pinch of salt and then use a fork to mix the ingredients together until small crumbs form. Set the crumb topping aside.
    (Tip: If you crumble topping feels wet, sprinkle a little flour over the crumbs and mix again. Be careful though, you don’t want to add too much flour or you’ll be able to taste it.)
  • Mix Dry Ingredients: To a 14 to 16-ounce microwave-safe mug, soup bowl, or small bowl, add the flour, sugar, baking powder, cinnamon, and salt. Use a small whisk or fork to thoroughly mix the dry ingredients together.
    Make a small well in the center of the dry ingredients.
  • Add Wet Ingredients: To the well in the coffee mug, add the milk, melted and cooled butter, and vanilla extract. Use a small whisk or fork and stir the ingredients together until JUST combined.
  • Add the Cinnamon Sugar Swirl: Sprinkle the cinnamon sugar all over the top of the raw coffee mug cake. Then use a toothpick or small knife to lightly swirl the cinnamon sugar into the cake batter.
    Short Microwave Burst: Place the mug cake into the microwave and microwave on HIGH power for 30 seconds. Carefully remove the mug cake from the microwave.
  • Add the Cinnamon Chips: Scatter the cinnamon chips all over the top of the raw mug cake.
    Short Microwave Burst: Return the mug cake to the microwave and nuke on HIGH for 30 seconds. Carefully remove the mug cake from the microwave.
  • Add Crumb Topping, Microwave Again: Finally, sprinkle all but 1 tablespoon of the crumb topping all over the top of the partially cooked coffee mug cake.
    Return the mug cake to the microwave and continue heating for 1 minute to 1:30 minutes, or until the coffee cake rises, the center is mostly firm, and the cake starts to pull away from the sides of the mug.
    (Tip: If your cake is still raw, return it to the microwave and heat in short 15 seconds bursts.)
  • Garnish and Serve: Let the mug cake cool on the counter for at least 1 minute before topping with the remaining crumbles, cinnamon sugar, drizzling with icing or dessert sauces, and a dolloping with whipped cream, if using.
    Enjoy warm or at room temperature.

Notes

  • Removing Coffee Cake from Mug: Mug cakes are typically served inside the coffee mug. However, if you want to serve the cake outside the mug – make sure you spray the insides of the coffee mug generously with non-stick cooking spray before making the coffee cake. Once your cake is fully cooked and cooled, grab a thin knife and run it all along the outside of the cake in the mug. Then, turn the mug over to release the coffee cake from the coffee mug.
  • Cinnamon Sugar: Mix 1 tablespoon of granulated white sugar with ½ teaspoon ground cinnamon.
  • Vanilla Icing: Mix ¼ cup of confectioner’s sugar (powdered sugar) with a scant tablespoon of milk, and 1/8 teaspoon pure vanilla extract. This with more milk, ½ teaspoon at a time, until desired consistency is reached.
  • Need to Scale the Recipe? Hover your mouse over the number of servings in the recipe card. You’ll see a sliding scale pop up, you can use that to scale the recipe up or down as needed.
  • Got questions? I’ve got answers! If you ever run into an issue, have a question, or need any clarification – please feel free to drop them in the comments section. I’m happy to help when I can! 
I am not a certified nutritionist. All the nutritional information is generated by an online calculator and provided as a courtesy. The nutrition facts are an estimate based upon 1 serving. Exact information will depend upon the brands of ingredients and precise measurements used.

Nutrition

Calories: 724kcal    Carbohydrates: 92g    Protein: 8g    Fat: 37g    Saturated Fat: 23g    Polyunsaturated Fat: 2g    Monounsaturated Fat: 9g    Trans Fat: 1g    Cholesterol: 98mg    Sodium: 625mg    Potassium: 329mg    Fiber: 2g    Sugar: 50g    Vitamin A: 1150IU    Vitamin C: 0.02mg    Calcium: 182mg    Iron: 3mg
Course: Breakfast, Dessert
Cuisine: American

Did you make this recipe?

Mention @nospoonnecessary on Instagram and tag it #nospoonnecessary!

©No Spoon Necessary.  All images and content under copyright protection. Please do not use any images without prior permission. Please do not publish this recipe without prior consent. To reference this recipe, please link directly to this post.