The Best Mocha Cupcakes EVER (with Chocolate Espresso Buttercream)

Posted on
The Best Mocha Cupcakes with Chocolate Espresso Buttercream
The Best Mocha Cupcakes with Chocolate Espresso Buttercream

Hey, guys!

Today I wanted to share a great recipe for Mocha Cupcakes with Chocolate Espresso Buttercream Frosting! These received FANTASTIC reviews at an anniversary party I attended a few weeks back. In fact, everyone who has ever tried these mocha cupcakes has given nothing but excellent feedback!

I am drooling just typing this out… chocolate, coffee, and buttercream frosting; what more can you ask for?! *heart eyes*

Furthermore, this recipe can be customizable, too – how fun! Try substituting your favorite liquid coffee creamer instead of the chocolate espresso. (Though, just as a warning, many friends told me they do especially enjoy this frosting! Substitute with caution!)

Later in this post, I will thoroughly discuss how to pipe frosting, in order to give your mocha cupcakes that crowning, professional touch! I just started to learn this method of decorating, so if you’re a “piping newbie” too, be sure to follow along!

So, let’s get started! Feel free to print off the step-by-step instructions near the end of this post for easy baking later on!

This post contains affiliate links which allow our site to earn a small commission from resulting sales. All opinions are honest and my own. This program does not cost you any additional fees.

Gather Ingredients for the Mocha Cupcakes:

  • 1 1/2 cups of flour
  • 2 cups of sugar
  • 3/4 cup of cocoa powder
  • 2 tsp baking powder
  • 1/2 tsp baking soda
  • 1/2 tsp salt
  • Stick of butter (or a half cup)
  • 1 cup of buttermilk (or a milk/lemon juice substitution because I never have buttermilk on hand!)
  • 1 cup (8 oz) of brewed coffee (stronger is BETTER!)
  • 2 eggs
  • 2 tsp vanilla extract

(Set Aside The Following Materials for Frosting Later)

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes

Let’s Get (Shakin’ and) Bakin’

Before getting busy, preheat your oven to a balmy 325 degrees, and fill your muffin tin with paper liners.

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes

First, you want to sift together your flour, baking powder, baking soda, and salt. Then set this aside for a bit.

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes

At the same time, melt your butter in a big saucepan over medium heat. Once it is melted, stir in the cocoa powder. This is THE most amazing smell – EVER.

Once the cocoa is fragrant (don’t let the beautiful aroma hypnotize you), take the pan off of the heat. Instead of simply turning off the heat, it’s important to make sure you actually remove the pan from the hot burner (especially if you have an electric stove).

Next, mix the coffee and buttermilk into the pan. Then whisk in sugar first, followed by the eggs and vanilla, mixing together until the sugar has dissolved. (If your pan is still hot, the eggs could scramble. This is why it is important to remove your pan from the hot burner!)

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes
Like my “Keep Calm and Bake On” spatula? Buy one here, in any color!

Finally, add the flour mixture to the rest of the batter and stir it all together with a spatula until combined (must… resist… licking… bowl…) If your batter is lumpy, you should switch to a whisk once all the flour is incorporated. However, be careful not to overmix; a few small lumps are okay.

To finish, pour the batter evenly into the muffin tins. Fill them up almost to the top, about three-quarters of the way full. Pop those guys into the oven for approximately 12-15 minutes.

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes

“Are They Done Yet?”

I always set the timer on the lower end of the spectrum and, when the time is up, test the cupcakes for doneness with a toothpick. Inserted into the middle of a cupcake, the toothpick should come out mostly clean. Though, a few moist crumbs on the toothpick are okay, too.

I usually have to adjust the bake time accordingly, adding anywhere from two to four additional baking minutes. Test again, and bake until done.

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes

Let your mocha cupcakes cool in the pan for five to ten minutes, or until they are cooled enough to handle. Then, transfer them to a wire rack to finish cooling for about an hour.

It is not advisable to begin frosting your cupcakes while they are still warm; doing so could cause the frosting to melt off of the cupcakes, losing the beautiful piped shape. However, if you need to speed up the cooling process, you can put the mocha cupcakes into the refrigerator for a bit.

Make That Buttercream!

Begin by creaming together the butter and shortening, scraping the bowl once with a spatula and mixing again.

Then, with the mixer on a medium speed, add the powdered sugar one cup at a time. Scrape the bowl in between each mix to remove any sugar sticking to the sides. After the last cup, the mixture will slightly crumbly. Don’t worry – this is where the liquid coffee creamer comes in.

Start with just one-quarter cup of the creamer, mixing first to test the consistency. If the frosting is still a bit crumbly, add a few tablespoons more, and mix again.

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes

This chocolate espresso creamer is AMAZING and compliments the mocha cupcakes perfectly!

If you like espresso, you will love the hint of flavor in this frosting. However, it’s not so overwhelming – I’ve received good feedback on this frosting from toddlers and kids, too!

Getting Set Up To Frost!

To frost your mocha cupcakes, you will need a decorating bag and tip; I like the Cake Mate brand. For the cupcake design below, we are going to use the ‘2D’ tip.

First, insert your piping tip into the bag and press it down as far as you can. Using a pair of scissors, make a small snip on the bag near the top of the piping tip. This “score mark” indicates where to cut the bag in order to secure the tip won’t fall through the opening.

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes

Remove the piping tip for a moment and cut the plastic bag all the way through. Then insert the piping tip back into the bag.

Next, fold down about an inch of the plastic bag in order to create a “lip” around the bag, and cup the inside of your non-dominant hand into it.

Use a spatula to spoon as much frosting into the bag as will fit. I have found it helps to use the inside of your hand (the part covered with the bag) to help the frosting off the spatula, and down into the bag.

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes

Next, once the bag is almost full, unroll the top of the plastic. Hold the top of the bag closed tight, and push the frosting down towards the tip. Try to eliminate any large air bubbles in the bag, as it can interrupt the flow of frosting when piping.

Fun Frosting Time!

Use your dominant (or stronger) hand to push the frosting down towards the tip, from the top of the bag.

While frosting your mocha cupcakes, think of a tube of toothpaste; you don’t want to squeeze from the middle, which would push some frosting up and some down, leaving a large gap in the middle of the bag. Instead, aim to press all of the buttercream down from the top.

Leaving a gap or air bubble could cause this to happen:

Rest your other hand near the tip of the bag, guiding the flow of frosting. This is especially helpful when trying to create neat or delicate designs with the frosting. Be careful to simply control the direction of the bag with this hand, not push any frosting.

To create the gorgeous swirl of frosting, place the tip of the bag at the outer edge of the cupcake. Begin the flow of frosting, guiding the tip in a circle around the outer edge of the cupcake.

Once the outside ‘circle’ is completed, continue the flow of frosting in a smaller inside ‘circle’. You can even overlap the frosting slightly to build height on your cupcake.

Complete the process by creating an additional tight rotation on top, pressing down slightly, and then lifting the bag away as you release the flow of frosting. (See the short clip below from my full video.)

Remember the phrase “practice makes perfect”; play around a little to find a method you prefer. Try beginning with the frosting in the center and swirling outwards! Alternatively, practice with different pressures on the flow of frosting, or how closely you overlap the swirls!

best mocha cupcake recipe chocolate espresso buttercream frosting how to pipe piping bag easy cupcakes

At the end of the day, the mocha cupcakes will still taste great, even if they aren’t perfect looking. Max and I like to keep these “mess-ups” for ourselves. 😉

Printable Recipe and Instructions for Mocha Cupcakes & Chocolate Espresso Buttercream

The Best Mocha Cupcakes with Chocolate Espresso Buttercream
Print Pin
5 from 2 votes

The Best Mocha Cupcakes Ever

Chocolate-y mocha cupcakes with a sweet and light espresso-buttercream frosting!
Course Dessert
Cuisine American
Keyword chocolate, coffee, cupcakes
Prep Time 1 hour
Cook Time 15 minutes
Cooling Time 1 hour
Total Time 2 hours 15 minutes
Servings 24 approx.



  • 1.5 cups flour
  • 2 cups sugar
  • .75 cup cocoa powder
  • 2 tsp baking powder
  • .5 tsp baking soda
  • .5 tsp salt
  • 1 stick butter
  • 1 cup buttermilk
  • 1 cup brewed coffee
  • 2 whole eggs
  • 2 tsp vanilla extract


  • .5 cup butter softened
  • .5 cup shortening
  • 4 cups powdered sugar sifted
  • .5 cups liquid coffee creamer I prefer Nestle Coffeemate Espresso Chocolate but feel free to sub. in your favorite flavored liquid creamer


Baking The Cupcakes

  • Preheat the oven to 325 degrees, and fill your muffin tin with liners. 
  • Sift together your flour, baking powder, baking soda, and salt. Set aside.  
  • In a large pan over medium heat, melt your butter and stir in the cocoa powder until combined.
  • Take the pan off of the hot burner, and mix in the coffee and buttermilk. Add the sugar and whisk until it is dissolved. Then mix in the eggs and vanilla.
  • Finally, add the flour mixture to the rest of the batter, and stir together with a spatula until combined. 
  • Pour the batter evenly into the muffin tins, filling over three-quarters of the way to the top. 
  • Bake for 12-15 minutes, or until a toothpick inserted in the middle comes out clean. 
  • The cupcakes need to cool in the tin for about 10 minutes, and then on a wire rack for an hour. This is important because, if you add the frosting too soon, it will begin to melt and ruin your design! 

Making the Frosting

  • Using a handheld or stand mixer, cream together the butter and shortening. 
  • Slowly begin to add the powdered sugar, scraping the sides of the bowl in between each cup you add.
  • Add your coffee creamer and mix until fully combined; you may need to add more to reach a creamier consistency or bolder flavor, but do so slowly so as not to make your frosting too watery.

Frosting The Cupcakes

  • Choose your piping tip and insert it into the bag. Make a small snip on the bag near the middle of the tip. Remove the tip, finish the cut where you scored, and insert the tip again. I like to use these tips and bags (click to purchase from Amazon).
  • Grip near the middle of the bag, and fold the top over your hand to create a "lip". Utilize that "lip" and a spatula to transfer your frosting into the piping bag until it is mostly full. 
  • Roll up the "lip" of the bag, and push the frosting down towards the tip; try to eliminate any visible air bubbles or spaces in the frosting.
  • Place your non-dominant hand near the tip; this will be your "guiding" hand to nudge the bag and create a nice design. Place your dominant (or stronger) hand at the top of the bag, and squeeze the frosting down through the bag. 
  • Place the tip on the outer edge of the cupcake; begin the frosting flow, and swirl the bag around the outside. As your frosting comes "full circle", continue the flow of frosting in a smaller circle, moving towards the center.
  • As you complete the final rotation, create one last tight swirl. Press down slightly, and release the flow of frosting as you pull the bag up and away.
  • Store your cupcakes in an air-tight container in the refrigerator for up to three days. They are best eaten ASAP and slightly chilled. 

Brief apology time: if you have been keeping up with me on social media (nudge, nudge), you know I have been promising exciting things! Well, exciting things are here!

First off, perhaps you have noticed something is a little… different. Yep, that’s right. We got a makeover! Many thanks to my patient, brilliant hubby (XOXO!) What do you think??

Secondly, another major addition to the blog is the integration of my new YouTube channel! The goal of this channel is to provide you with better, clearer content right here on Ideally, these short video clips will enhance your experience here and add helpful information and clarification to my posts.

Anyway, THANK YOU so much for reading. I hope you enjoyed this post!

If you’d like email notifications of new posts like this one, be sure to sign up here. It only takes a second! 🙂

And, be sure to let me know if you try these mocha cupcakes! I’d LOVE to hear what you think! 🙂


  1. Fall Flower Cupcakes – Recipes & Decorating Tutorial says:

    […] sure to check out my last delectable dessert recipe, if you missed it; these mocha cupcakes with chocolate espresso buttercream are […]

  2. How To Make Starbucks Cupcakes – An Easy, Cheap, and Fun Baking DIY says:

    […] and frosted cupcakes (I like to use my mocha cupcake recipe to fully embrace the “coffee” theme, but you can ultimately use any […]

  3. Mini Berry Cookie Cups – Easy Summer Dessert – Lexis Rose says:

    […] interested in more great dessert ideas, be sure to check out my Chocolate Mocha Cupcakes (click here) or Peanut-Butter Cup Eclairs (click […]

  4. Chocolate Hedgehog Cake Tutorial – Lexis Rose says:

    […] chocolate cake recipe is adapted with the inspiration from my moist chocolate mocha cupcake recipe! You can check those out by clicking here. Instead of frosting the cupcakes like normal, try using […]

  5. Peanut Butter Cup Eclair Recipe – Lexis Rose says:

    […] you want to continue baking, be sure to check out my favorite cupcake and cookie […]

  6. 20 Easy Ways To Be Positive (and Happier) This Winter says:

    […] a meal or baked goods; here is one of my favorite cupcake recipes, or a neat cookies-in-a-jar […]

  7. Chewy Chocolate Cookies – Recipe & Snowflake Decorating Tutorial says:

    […] of my favorite things to do on a frigid, cold day, is get in the warm kitchen and bake! I love the feeling of the heat emanating from the oven, sweet smells wafting through the house, […]

  8. How To Make Candy-Melts Cupcake Toppers – Lexis Rose says:

    […] and frosted cupcakes, cake, or other […]

  9. Sarah says:

    I’ve never seen frosting made like this before! I am definitely going to try this! Yummy!!

    1. Lexis says:

      It’s soo good! Let me know how you like it! 🙂

  10. Jaleysa says:

    I love cupcakes! I always make them for my daughter’s class.. Thanks for a new recipe to try

    1. Lexis says:

      Yay! 🙂 I’ve made these for kids before; the coffee taste is subtle so even young littles love them! Hope yours do too!

  11. Grace Coppell says:

    5 stars
    These look delicious!
    Gracie x

    1. Lexis says:

      Thank you!! They really are too good 😉 lol!

  12. Tiffany says:

    Ah I love cupcakes! I will definitely try this. Thanks for sharing ♥️ ♥️ Hope you can check out our Instagram Influencer Auditor at, where it helps you check your Instagram account for fake followers and likes!


    1. Lexis says:

      Thanks!! Let me know how you like them 😀

  13. Rachel says:

    UHM YUM! I can’t wait to try this!!

    1. Lexis says:

      I hope you love them!!! I think you will 🙂

Leave a comment

Your email address will not be published.