• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Savor the Flavour

  • Recipe Index
  • About Us
  • Services
  • Contact
    • Privacy Policy/Disclaimer
  • Navigation Menu: Social Icons

    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Fall Recipes
  • Recipe Index
  • About Us
  • Shop
  • Services
  • Contact
×
Home » Dessert Recipes » Cake Recipes

Coffee Cupcakes with Mocha Buttercream

Published: Nov 3, 2022 · Modified: Sep 1, 2023 by Emma Fajcz · This post may contain affiliate links, which can earn us a commission.

93 shares
  • 37
Jump to Recipe

These moist coffee cupcakes with mocha buttercream are one of our new favorite cupcake flavors! The delicious flavor of coffee in these elegant treats is wonderful. Plus, these coffee cupcakes are a snap to make and decorate!

Looking for more delicious treats? You'll definitely want to try these Panera cranberry orange muffins and these Panera pumpkin muffins.

person holding a coffee cupcake
Jump to:
  • Why This Recipe Works
  • Ingredients
  • How to Make
  • Recipe FAQs
  • Serve
  • Store
  • Expert Tips
  • Other Cake Recipes You'll Love
  • Recipe
  • Comments

Why This Recipe Works

  • This recipe uses oil and butter. Butter adds a great flavor, but it can dry out cupcakes. Oil keeps them moist and fresh longer at room temperature. In this recipe, I use mostly oil with a small amount of butter to get the best of both.
  • The cupcakes are moist. Measuring the flour accurately, baking with an oven thermometer, and being careful not to overbake the cupcakes will keep them moist. Using oil and soured milk in the batter also adds extra moisture.
  • They have a bittersweet flavor. The batter contains both espresso powder and brewed coffee for the best flavor. The not-too-sweet cupcakes taste great with the slightly sweeter icing, and the coffee flavor is subtle but still comes through.

Ingredients

glass bowls of ingredients for coffee cupcakes

Curious what you need to make these mouthwatering coffee cupcakes? Fortunately, it takes basic pantry ingredients, except for the instant espresso powder. Let's talk about the key ingredients in this recipe.

  • Espresso Powder: Although the cake batter contains brewed coffee, it also needs the punch of instant espresso powder (affiliate) to really have a coffee flavor. You'll also need this for the mocha buttercream to add a rich coffee flavor.
  • Coffee: Use cooled, freshly brewed coffee to add a little extra richness to the cake. I like using freshly ground, whole bean coffee brewed with the pour over method for this recipe.
  • Butter: It's best to use unsalted butter, as it's typically fresher than salted. Salted butter can vary widely in its sodium content, which can affect the flavor of your baking.
  • Flour: Use a good quality all-purpose flour for these cupcakes. Make sure to measure it accurately by either using a kitchen scale or by spooning the flour into the measuring cup and leveling it with a knife.

See recipe card for full information on ingredients and quantities.

How to Make

Gather the ingredients for these coffee-flavored treats, making sure they're all at room temperature. It's important to make sure the brewed coffee isn't too hot, as well.

whisking the dry ingredients and creaming the butter mixture
  1. Whisk the flour, baking powder, baking soda, and salt together until combined.
  2. Beat the oil, butter, and granulated sugar together until they are light and fluffy, about 2 minutes on medium speed.
adding the remaining ingredients to the cupcake batter

3. Add the eggs and espresso powder and beat on medium speed for 1 minute.

4. Add half of flour mixture, then stir in the milk and vinegar. Mix in the other half of the flour mixture, then stir in the coffee. Mix until just combined; it will be quite thin.

coffee cupcakes before and after baking

5. Divide the batter among the 12 cupcake liners.

6. Bake at 350°F for 12-15 minutes, or until a toothpick inserted into the middle comes out clean or with a few moist crumbs. Let them cool for 30 minutes before frosting.

sifting cocoa powder and dissolving espresso powder in water

7. To make the mocha buttercream, place the butter in a mixing bowl and sift in the icing sugar and cocoa powder. Stir until blended.

8. Dissolve the espresso powder in boiling water, then add it and the vanilla extract to the icing and beat until combined.

making the frosting and the cupcakes on a white plate

9. Adjust the amount of cocoa powder and dissolved espresso powder to your taste, if desired. That way, you can get the balance of chocolate and coffee that you like best.

10. Frost each cooled coffee cupcake and decorate with sanding sugar or sprinkles if desired. Enjoy these delicious coffee treats!

Recipe FAQs

What is the secret to good cupcakes?

Measure the ingredients accurately, especially the flour, as too much will cause dry cupcakes. Make sure all the ingredients are at room temperature before you begin. Handle the batter gently to prevent a tough result, and be careful not to overbake, because that will dry out the cake. Make sure the icing complements the cake and isn't too sweet.

How do I make my cupcakes look professional?

The most important aspect is to use homemade frosting and to do a neat piping job. Other elements, like using fancy cupcake liners and decorating sparingly with sprinkles or other garnishes, this really improves the look of your cupcakes. Finally, presenting the cupcakes on a nice serving plate or stand makes them look great.

How do you keep cupcakes moist?

Seal them in a plastic airtight container and store at room temperature, or freeze them (unfrosted) in a zip-top freezer bag. You can also place a slice of white bread in the container, which will add a little moisture to the air, keeping the cake moist.

How can I cover cupcakes without messing up the frosting?

Insert a couple toothpicks in the frosting on each cupcake, then drape plastic wrap on top. The toothpicks will hold up the plastic wrap and keep it from touching the icing and smudging it. Make sure the cupcakes are tightly sealed, though, or they will dry out.

Serve

If you're looking for more chocolate cakes, you'll definitely want to try our recipes for Boston cream pie, sachertorte, chocolate roulade, and sour cream chocolate cake.

white plate of coffee cupcakes.

Store

Storing Unfrosted Cupcakes: Seal them in an airtight plastic container or plastic zip-top bag. For longer storage, add a piece of white bread to keep them moist.

Storing Frosted Cupcakes: For short storage (same day): Place them on a plate, then insert toothpicks into the frosting on each one and drape plastic wrap on top. Seal tightly to prevent them from drying out. For overnight storage: store them in a large plastic container with a tightly fitting lid.

Freezing: It's easier to freeze unfrosted ones; simply seal them in a zip-top freezer bag or airtight container and freeze for up to 1 month. For frosted ones, flash freeze them for 2 hours on a baking sheet, then transfer to a freezer bag or airtight container and freeze for up to 1 month.

Expert Tips

  • Make sure all the ingredients are at room temperature. You can soften butter quickly in the microwave, and warm up cold eggs by submerging them in hot water for 10 minutes.
  • Be sure to spoon the flour into the measuring cup and level with a knife for an accurate measurement. Too much flour will make them dry.
  • Use an oven thermometer to ensure an accurate temperature. Overbaking or an overheated oven can cause dried-out cake.
  • This recipe makes a lot of frosting, so cut it in half if you want only a small amount of icing.

Other Cake Recipes You'll Love

  • slice of sour cream pound cake on a white plate
    Sour Cream Pound Cake
  • treacle sponge pudding on a white serving plate
    Treacle Sponge Pudding
  • person eating a banana mug cake
    Banana Mug Cake
  • lemon pudding cake in a ramekin
    Lemon Pudding Cakes

If you liked this recipe and found it helpful, give it some love by sharing!

Follow us on Pinterest, Instagram, YouTube, Threads, and Facebook for more crave-worthy recipes!

The pleasure of a 5-star review would be greatly appreciated!

Recipe

plate of three coffee cupcakes

Coffee Cupcakes with Mocha Buttercream

These moist coffee cupcakes with mocha buttercream combine bittersweet chocolate and rich coffee flavors in one decadent cupcake! You'll love each bite of these espresso cupcakes decorated with this delicious homemade frosting.
3.7 from 3 votes
Print Pin FavoriteSaved! Rate
Course: Dessert
Cuisine: American
Prep Time: 30 minutes minutes
Cook Time: 15 minutes minutes
Cooling Time: 30 minutes minutes
Total Time: 1 hour hour 15 minutes minutes
Servings: 12 cupcakes
Calories: 169kcal
Author: Brooke & Emma

Ingredients
 

For the Cupcakes

  • 1 ⅓ cup all-purpose flour
  • 1 teaspoon baking powder
  • ¼ teaspoon baking soda
  • ¼ teaspoon salt
  • ¼ cup neutral oil
  • 2 tablespoons unsalted butter, softened
  • ¾ cup granulated sugar
  • 2 large eggs, at room temperature
  • 2 tablespoons espresso powder
  • ¼ cup milk, at room temperature
  • 1 teaspoon distilled white vinegar
  • ¼ cup strong coffee, at room temperature

For the Mocha Buttercream

  • 2 cups unsalted butter, softened
  • 3 ⅓ cups icing sugar
  • ⅓ cup unsweetened cocoa powder
  • 2 tablespoons boiling water
  • 8 teaspoons espresso powder
  • 2 teaspoons vanilla extract
  • Sprinkles or sanding sugar, for decoration (optional)

Equipment

  • spatulas
  • Cupcake liners
  • Piping bags
  • Star tip

Instructions

Making the Cupcakes

  • Preheat the oven to 350°F. Line a 12-hole muffin pan with cupcake liners.
  • Whisk the flour, baking powder, baking soda, and salt in a medium bowl until combined, then set aside.
  • Place the oil, softened butter, and granulated sugar in the bowl of a stand mixer and beat with the paddle attachment on medium speed for 2 minutes, or until the mixture is light and fluffy.
  • Add the eggs and espresso powder to the oil mixture and beat on medium speed for 1 minute.
  • Add half of the flour mixture and stir on low speed until barely combined, then mix in the milk and vinegar. Add the other half of the flour mixture and stir, then mix in the cooled coffee until the batter is smooth and well combined. It will be quite thin.
  • Divide the batter among the liners, making sure that each one is no more than ⅔ full.
  • Bake at 350°F for 12-15 minutes, or until a toothpick inserted into the center of a cupcake comes out clean or with a few moist crumbs.
  • Let them cool for 5 minutes in the pan, then take them out of the pan and let them cool for 25 minutes on a wire rack.

Making the Mocha Buttercream

  • While the cupcakes are cooling, add the softened butter to the bowl of a stand mixer and sift in the icing sugar and cocoa powder. Stir on low speed until blended, then turn to medium speed and beat until well combined.
  • Dissolve the espresso powder in the hot water, then add it and the vanilla extract to the icing and stir to combine.
  • Taste the icing and add more cocoa or espresso powder dissolved in water if desired.

Decorating the Cupcakes

  • Pipe the coffee icing on the cooled cupcakes using a star tip, such as the Wilton 1M. Garnish with sprinkles or sanding sugar if desired.
  • Store them in an airtight container until ready to serve. If the room is warm, keep them chilled to prevent the icing from melting.

Notes

  • Make sure all the ingredients are at room temperature. You can soften butter quickly in the microwave, and warm up cold eggs by submerging them in hot water for 10 minutes.
  • Be sure to spoon the flour into the measuring cup and level with a knife for an accurate measurement. Too much flour will cause dry cupcakes.
  • Use an oven thermometer to ensure an accurate temperature. Overbaking or an overheated oven can cause dry cupcakes.
  • This recipe makes a lot of frosting, so cut it in half if you want only a small amount of icing.
  • After the cupcakes have cooled, seal them in an airtight container immediately to prevent them from drying out.

Nutrition

Serving: 1cupcake (without frosting)Calories: 169kcal (8%)Carbohydrates: 23.9g (8%)Protein: 2.4g (5%)Fat: 7.5g (12%)Cholesterol: 36mg (12%)Sodium: 91.9mg (4%)Fiber: 0.4g (2%)Sugar: 12.5g (14%)Calcium: 129.3mg (13%)Iron: 4.4mg (24%)

Serving sizes and nutritional information are only an estimate and may vary from your results.

Tried this Recipe? Tag us Today!Mention @savortheflavourblog or tag #savortheflavour!
« Buttermilk Pie Recipe
Chick-fil-A Mac and Cheese Recipe »

Reader Interactions

Comments

  1. Alex

    November 04, 2022 at 7:07 am

    5 stars
    The cupcake is rich and moist with a strong coffee flavor. The icing is deliciously chocolatey, and the gold sprinkles add some sparkle.

    Reply
    • Emma

      November 04, 2022 at 7:08 am

      That's so kind of you, Alex! Thanks for your comment!

      Reply
  2. Beth

    November 04, 2022 at 7:07 am

    5 stars
    These are fantastic mocha cupcakes with an airy icing that complements the rest of the cupcake perfectly. The gold wrappers and sprinkles make them look very elegant!

    Reply
    • Emma

      November 04, 2022 at 7:08 am

      Thank you so much, Beth! I'm glad you enjoyed the cupcakes!

      Reply

Leave a Reply Cancel reply

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

Recipe Rating




Primary Sidebar

two ladies with brown hair smiling in a kitchen.

Welcome to our kitchen! We're Brooke & Emma Fajcz, the mother-daughter team behind Savor the Flavour. Increase your kitchen confidence with our recipes, instructional photos, and helpful tips and facts. Our recipes have been featured in Oprah Magazine, The Guardian, Parade, Insider, Delish, and BuzzFeed.

More about us →

logos of newspapers and companies that featured Savor the Flavour.

Starbucks Apple Crisp Oatmilk Macchiato

person holding an apple crisp macchiato

Favorite Starbucks Recipes

  • two glasses of pumpkin spice latte
    Homemade Pumpkin Spice Latte
  • two glasses of pumpkin cream cold brew with a straw
    Starbucks Pumpkin Cream Cold Brew
  • two apple crisp macchiatos with fall foliage
    Apple Crisp Oatmilk Macchiato
  • two slices of Starbucks pumpkin pepita loaf on a white plate
    Starbucks Pumpkin & Pepita Loaf
  • people doing a toast with two smoked butterscotch lattes
    Starbucks Copycat Smoked Butterscotch Latte
  • two salted caramel mocha lattes with spoons
    Starbucks Salted Caramel Mocha

Popular Posts

  • bowl of kale crunch salad
    Copycat Chick-fil-A Kale Crunch Salad
  • two blue lagoon mocktails with lemon slices
    Blue Lagoon Mocktail
  • ploughman's lunch arranged on a wooden cutting board
    How to Make a Ploughman's Lunch
  • person drizzling avocado lime ranch off of a spoon
    Avocado Lime Ranch - Chick-fil-A Copycat
  • holding a piece of eggplant tofu with chopsticks.
    Panda Express Eggplant Tofu Copycat Recipe
  • sliced loaf of Cuban bread on a wire rack
    Homemade Cuban Bread (Pan Cubano)

Footer

↑ back to top

About

  • About Us
  • Work with Us
  • Press

Connect

  • Contact Us
  • Sign Up for Newsletter
  • Services

Other

  • Privacy Policy
  • Accessibility

As an Amazon associate, we may earn a commission from qualifying purchases.

Copyright © 2017-2023 Savor the Flavour