• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
I Scream for Buttercream
  • Blog
    • Subscribe for Free
    • Exclusive Content for VIPs
  • Visit the Shop!
    • The Cake Blueprint
  • Recipes
    • Cakes
    • Frostings/Fillings
    • Cupcakes
    • Cake Pops
    • Other Sweets
  • Cake Decorating
  • Cake Baking Tips
  • About Kara
  • FAQs
    • Contact Me
    • Terms and Conditions
      • Privacy Policy
      • Advertising Disclosures
      • Cookie Policy
      • Food Safety, Allergy & Nutrition Disclaimers
    • Accessibility Statement
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Blog
    • Subscribe for Free!
    • Exclusive Content for VIPs
  • Visit the Shop!
    • The Cake Blueprint
  • Recipes
    • Cakes
    • Frostings/Fillings
    • Cupcakes
    • Cake Pops
    • Other Sweets
  • Cake Decorating
  • Cake Baking Tips
  • About Kara
  • FAQs
    • Contact Me
    • Terms and Conditions
      • Privacy Policy
      • Advertising Disclosures
      • Cookie Policy
      • Food Safety, Allergy & Nutrition Disclaimers
    • Accessibility Statement
×

Home » Blog » Recipes

Chocolate Coffee Cupcakes with Mocha Buttercream Frosting

Published: Feb 17, 2022 · Updated: Feb 17, 2022 by Kara · This post may contain affiliate links · This blog generates income via ads

  • Email
  • Facebook

The best chocolate cupcakes covered with creamy mocha buttercream frosting that are from scratch and super moist.

If you are a fan of coffee or mocha, you’re in for a real treat. These coffee flavored cupcakes are an easy homemade treat you’ll definitely love.

Chocolate cupcake on a white plate.
Jump to Recipe -

This post will go over how to make coffee cupcakes from scratch. There’s no fancy mixing method in this recipe and all the instructions are easy to follow.

The cupcake themselves have just a hint of coffee flavor along with a delicious chocolate taste.

The coffee mocha frosting is perfect for these cupcakes, but will also work for any chocolate cake or cupcakes you like.

Chocolate mocha coffee cupcakes with icing pin graphic.

Hey there! Before you scroll, there’s lot’s of important stuff in the post!…including the FAQ section, which may answer any questions you might have about this recipe. Enjoy!

Jump to:
  • Ingredient Notes:
  • Mixing Method Notes:
  • Tips & FAQs:
  • Supplies used for these cupcakes:
  • Recipe:
  • Other posts you might like:

Ingredient Notes:

All-purpose flour: You don’t have to use any fancy flour for these cupcakes, good ol’ all-purpose flour works great here.

Make sure you’re measuring the flour correctly and not packing it down into the measuring cup. You can see more about that here: How to Measure Ingredients for Making Cakes

Unsweetened natural cocoa powder: You’ll just use regular cocoa powder (Hershey’s brand is fine). Dutch-processed cocoa powder is not the same as it is not acidic like natural cocoa powder and therefore the other ingredients would have to be adjusted.

Instant espresso powder: This is not the same as plain coffee…you really want espresso powder as it’s stronger and you want it to be instant. You may be able to find this at your local grocery store, but if not, you can grab some on Amazon here: Instant Espresso Powder

Unsalted butter: I like using unsalted butter as you can predict how much salt is being added to the recipe, whereas with salted butter, you really can’t be sure exactly how much salt is added.

Strong brewed coffee: This will flavor the water you’ll add to the cupcake batter. You can use the instant espresso powder to make this, or just brew a regular cup of coffee.

Image of three chocolate cupcakes on white plates.

Mixing Method Notes:

This cake is extremely easy to mix together. You’ll just mix the dry ingredients in one bowl and the liquid (except for the brewed coffee) in another bowl.

The liquid mixture will then be added to the dry mixture and mixed, then the brewed coffee will be added and mixed.

After the batter is mixed, it can then be added to the cupcake tins and baked.

Image of chocolate mocha cupcakes on white plates.

Tips & FAQs:

Can I use Dutch-process cocoa powder instead of natural unsweetened cocoa powder?

For this recipe, you really want to use natural unsweetened cocoa powder. Dutch-process cocoa powder is not the same as it is not acidic and if you use it, then other ingredients within the recipe would need to be adjusted.

If you’d like to learn more about the differences and when to use the different types of cocoa powders, you can check out this post: Which Cocoa Powder Do I Use?

Can I use regular instant coffee instead of espresso instant coffee?

You could, but it probably won’t be strong enough to give the cupcakes a coffee flavor though.

I don’t have any brown sugar, can I substitute it?

Yes. You can just use regular granulated sugar instead of brown sugar. So, you’ll just use 2 cups of regular granulated sugar instead of one cup of granulated and one cup of brown sugar.

I can’t get unsalted butter, can I use salted butter instead?

Unsalted butter is best because you won’t be adding in an unknown amount of salt to the recipe and the water content can sometimes be a little different in salted butter.

However, if you just can’t get unsalted butter, then substitute it with salted butter, but make sure to omit the salt that the recipe calls for.

Tip for cupcake pans:

Try to use the light metal cupcake pans. When using the dark-coated cupcake pans, watch the timer closely as it may bake the cupcakes a little quicker.

Tip for filling the cupcake tins:

Be very careful to fill the cupcake tins no more than ⅔ (a little over halfway) full as if you add too much batter to a cupcake liner, then the tops of the cupcakes will bake up flat. This will not affect the taste, however.

Can these cupcakes be made in advance?

They can be made a couple of days in advance, but make sure to cover them very well in an airtight container as cupcakes will dry out much quicker than cake will.

Keeping them in the refrigerator may also dry them out quicker, so if you have an area in your space that isn’t too warm, store them at room temperature, but covered well. These cupcakes can also be frozen. (See question below for details.)

Can these cupcakes be frozen?

Yes, after the cupcakes have baked and cooled, you can cover them in plastic wrap, then in foil, or you can add them to a freezer bag and store them in the freezer for up to a month.

For more tips on how to freeze cakes and cupcakes, see this post: How to Freeze Cakes and Cupcakes

To defrost, pull them out of the freezer and set them out at room temperature to defrost while still wrapped. Once defrosted, you can take the wrappings off, or remove them from the freezer bags and then frost them. Cupcakes are best frozen without frosting.

How do I store these cupcakes? Can they be left out?

These cupcakes can be stored at room temperature, covered in an airtight container for several days.

How long do these cupcakes last?

These cupcakes will last for several days covered well at room temperature and up to 6 days in the refrigerator. (Just know that the refrigerator tends to dry out cupcakes faster though in my experience.) Frozen cupcakes will last for about a month in the freezer.

Can this recipe be made into a layer cake?

Yes. I have not specifically tested this out, but there is no reason it wouldn’t work and this recipe is close enough to my other cake recipes, it should work out just fine.

Pour the batter into two, 8 inch round cake pans and bake at 350 degrees F. Start checking for doneness at about 35 minutes. A toothpick inserted into the middle should come out with a few moist crumbs or clean.

What’s the best way to serve these cupcakes?

These cupcakes are best served at room temperature.

What else can I add to these cupcakes?

If you want even more chocolate flavor, you could add 1 cup of mini chocolate chips to the batter.

How can I tell when these cupcakes are done baking?

A toothpick inserted into the middle should come out with a few moist crumbs or clean.

View of coffee cupcake with wrapper removed on a plate.

Supplies used for these cupcakes:

This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases. 

  • Instant Espresso Powder
  • Cupcake pans
  • Cupcake liners
  • Mixing bowls
  • Measuring spoons and cups
  • Whisks
  • Silicone spatulas
  • Stand mixer or hand-held mixer
  • Ateco 829 icing tip

Recipe:

Chocolate Coffee Cupcakes with Mocha Buttercream Frosting

The best chocolate cupcakes covered with creamy mocha buttercream frosting that are from scratch and super moist.
4.84 from 6 votes
Print Pin SaveSaved! Rate
Course: Dessert
Cuisine: American
Keyword: coffee mocha cupcakes, coffee mocha frosting
Prep Time: 25 minutes
Cook Time: 18 minutes
Total Time: 43 minutes
Servings: 24 cupcakes
Calories: 367kcal
Author: Kara @I Scream for Buttercream

Ingredients

For the cupcakes:

  • 2 cups all-purpose flour
  • ¾ cup unsweetened natural cocoa powder (not Dutch processed cocoa-see notes)
  • 2 tablespoons instant espresso powder
  • 1 ½ teaspoon baking powder
  • 1 teaspoon baking soda
  • 1 teaspoon salt
  • 1 cup granulated sugar
  • 1 cup packed light brown sugar
  • ½ cup unsalted butter, melted (1 stick)
  • ⅓ cup vegetable oil
  • 1 teaspoon vanilla extract
  • 1 cup milk
  • 3 large eggs
  • ½ cup strong brewed hot coffee

For the frosting:

  • 1 ½ cups unsalted butter, room temperature (3 sticks)
  • ½ cup cocoa powder
  • 1 tablespoon instant espresso powder
  • ¼ teaspoon salt
  • 5 cups confectioner’s sugar
  • 1 teaspoon vanilla extract
  • 3 tablespoons milk (can add in another tablespoon or two if needed)
US Customary – Metric
Prevent your screen from going dark

Instructions

For the cupcakes:

  • Preheat oven to 350 degrees F. Add cupcake liners to two cupcake pans. This recipe will make at least 24 cupcakes and possibly a few more.
  • In a large mixing bowl, add the dry ingredients (flour, cocoa powder, espresso powder, baking powder, baking soda, salt and sugar). Mix well with a whisk.
  • In another bowl, add all the liquid ingredients (except for the hot coffee) and whisk well.
  • Add the liquid ingredients to the dry ingredients and mix on medium with an electric mixer only until the ingredients are just combined. Scrape down the sides of the bowl and mix again for about 5-10 seconds more.
  • Add the hot coffee and mix until well combined. Be careful not to over mix at this point. Once well combined, stop mixing. Don't mix for several minutes. Scrape down the sides of the bowl and mix again for about 5-10 seconds only.
  • Fill cupcake liners a little over halfway up (about ⅔ of the way full). If you fill them too full, the cupcakes will bake with flat tops. Bake at 350 degrees F for approximately 18-20 minutes. A toothpick inserted into the middle should come out with a few moist crumbs or clean.
  • Set cupcakes on wire racks to cool for about ten minutes, then take cupcakes out of the pans and let cool completely on racks before adding frosting.

For the frosting:

  • Beat the butter with an electric mixer on medium speed until smooth.
  • Add in the cocoa powder, espresso powder and salt and mix on low until combined, then on medium until well incorporated. Scrape down the sides of the bowl and mix again.
  • Add in 3 cups of confectioner's sugar. Beat on low until combined, then on medium until fully incorporated.
  • Add 2 tablespoons of milk, the vanilla extract and the last 2 cups of confectioner's sugar. Beat on low until combined, then on medium until fully incorporated. Scrape down the sides of the bowl, then mix again.
  • Check the texture of your buttercream and if it's too thick, add milk only a tablespoon at a time, and mix after each addition.
  • Once desired consistency is acheived, mix on medium high for a couple minutes to make it light and fluffy.
  • Add to cooled cupcakes.

Notes

*Dutch-processed cocoa is different from regular unsweetened cocoa powder. See the FAQs in this post for more details.
Can this recipe be made into a layer cake? I have not specifically tested this out, but there is no reason it wouldn’t work and this recipe is close enough to my other cake recipes, it should work out just fine.  Just pour the batter into two, 8 inch round cake pans and bake at 350 degrees F. Start checking for doneness at about 35 minutes. A toothpick inserted into the middle should come out with a few moist crumbs or clean.
The icing tip that was used to pipe the frosting was an Ateco tip #829
You can also top these cupcakes with plain chocolate buttercream. Here are two recipes you can try:
Double Chocolate Buttercream or
Whipped Chocolate Buttercream Frosting
These cupcakes will keep for a few days, covered at room temperature. Keep them in an airtight container, so they don’t dry out.
Nutritional values are an estimate. 
Make sure to check out the TIPS & FAQs for this recipe in the blog post, which may answer questions you might have.
This recipe card may contain affiliate links. As an Amazon Associate, I earn from qualifying purchases.

Nutrition

Calories: 367kcal | Carbohydrates: 54g | Protein: 3g | Fat: 17g | Saturated Fat: 10g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 4g | Trans Fat: 1g | Cholesterol: 62mg | Sodium: 187mg | Potassium: 171mg | Fiber: 2g | Sugar: 42g | Vitamin A: 522IU | Calcium: 48mg | Iron: 1mg
Some recipes have difficulty levels.Check out what they mean here: Difficulty Levels Explained
Baking at higher elevation?Adjustments will need to be made for that. This website does not specialize in higher elevation baking. Please take time to do your research on what adjustments should be made.
Want to support this blog?Feel free to leave a tip here: Tip Jar!
DisclaimersTo see food safety, allergy & nutrition disclaimers, go here: Disclaimers

How to Share

I’d love for you to share this recipe link or tag it, but please do not share screenshots or copy/paste the recipe to social media as the content and photographs are copyright protected and we (bloggers) work really hard on our content. Sharing the link, tagging us on socials and pinning it is super appreciated though!

Other posts you might like:

  • One Bowl Triple Chocolate Cake
  • Hot Chocolate Buttercream
  • Chocolate Buttermilk Cake
  • Best Chocolate Cupcakes
Mocha cupcakes with frosting pin image.
« How Long Does Cake Last in the Fridge?
Black and White Cake with Marshmallow Buttercream Frosting »
  • Email
  • Facebook

Filed Under: Cupcakes, Frostings/Fillings, Recipes Tagged With: chocolate, coffee, cupcakes

Reader Interactions

Comments

  1. Robin

    February 21, 2022 at 2:31 pm

    5 stars
    I’m not a coffee drinker but these cupcakes looks beyond amazing. I may just have to try this recipe!! And it’s very easy may I add. We all want EASY!!!!

    Reply
    • Kara Jane

      February 21, 2022 at 2:46 pm

      Thanks Robin!

      Reply
  2. t

    December 22, 2022 at 5:28 pm

    5 stars
    Hi, just wanted to know, how much frosting does this make? Will it be just enough for 24 cupcakes or way more?

    Reply
    • Kara

      December 23, 2022 at 5:42 pm

      It will depend on how much frosting you add to each cupcake, but if a good amount is piped on, then it’ll just be about 24 cupcakes. If you just spoon a little onto each, then you’ll have enough for maybe 6-8 in addition to the 24…that number is just an estimate though.

      Reply

Leave a Reply Cancel reply

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

Recipe Rating




Primary Sidebar

  • Facebook
  • Instagram
  • Pinterest
  • YouTube

Hey there, I’m Kara!

Hi, I'm so glad you're here! Cake shows up at our most important and happiest moments in life, like birthdays, weddings, baby showers and holidays. It's also for those everyday moments...it makes them even better. Put simply, cake just makes us happy! I love trying out new cake flavor combinations and decorating ideas. Have a look around and I bet you can find a cake recipe or tutorial for any of life's big moments and those everyday moments too. Click here if you want to learn more about me!

Popular Posts

  • Moist White Cake
  • Moist Vanilla Buttermilk Cake
  • What to Put (Write) on a Baby Shower Cake
  • Mini 6 Inch Vanilla Cake Recipe
Ad for cake blueprint.
  • Let’s Make a Cake!
  • Blog
  • Privacy Policy
  • Cookie Policy
  • Terms and Conditions
  • Advertising Disclosures

Copyright © 2023 ·