Go Back
+ servings
mocha cupcakes

Chocolate Mocha Cupcakes

Chocolate Mocha Cupcakes are the perfect combination of a bakery style chocolate cupcake topped with homemade mocha buttercream frosting.
Course cupcakes, Dessert
Cuisine American
Keyword cafe mocha cupcakes, chocolate mocha cupcakes
Prep Time 10 minutes
Cook Time 30 minutes
Servings 24
Calories 336kcal
Author Lauren


Chocolate Mocha Cupcake Ingredients

Mocha frosting ingredients

Chocolate cupcakes ingredients


How to make chocolate cupcakes

  • Preheat the oven to 350˚ F.
  • Put paper cupcake liners in your cupcake pans or you can use silicone, which ever ones you prefer.
  • In a medium bowl whisk together the hot brewed coffee and cocoa, until dissolved and set aside.
  • In the bowl for your stand mixer, combine the flour, baking soda, baking powder and salt.
  • Then add the butter and sugars.
  • Beat on medium-high speed of your mixer until light and fluffy, about 3 minutes. Add in the eggs one at a time. Mix in the vanilla.
  • With the mixer on low speed, add the dry ingredients in three additions alternating with the coffee-cocoa mixture, beginning and ending with the dry ingredients.
  • Mix each addition just until incorporated, being careful not to over mix.
  • Divide the batter between the prepared liners, filling each about two-thirds of the way full.
  • Bake about 20 minutes or until a toothpick inserted in the center comes out clean.
  • Let cool in the pans briefly, then transfer to a wire rack to cool completely.

How to Make Mocha frosting

  • In the bowl of the mixer beat the butter on medium speed until nice and creamy.
  • Turn the mixer down to the lowest setting and slowly incorporate the powdered sugar and cocoa powder into the butter.
  • Once you have added all the sugar to the mix add the heavy cream, vanilla, salt and instant coffee powder. Turn the mixer up to medium-high speed and continue mixing for 10 minutes until light and fluffy.

How to Make Chocolate Mocha Cupcakes

  • If you are using a disposable pastry bag start off by cutting the tip off you bag wide enough to fit your piping tip in the hole.
  • Place your piping tip into your pastry bag.
  • Fill the pastry bag with your mocha buttercream, making sure you do not overfill the bag.
  • Swirl the buttercream onto each chocolate cupcake by starting in the middle then swirling the tip around the whole top cupcake.


Serving: 1cupcake | Calories: 336kcal | Carbohydrates: 40g | Protein: 3g | Fat: 19g | Saturated Fat: 12g | Cholesterol: 69mg | Sodium: 280mg | Potassium: 136mg | Fiber: 2g | Sugar: 28g | Vitamin A: 596IU | Calcium: 25mg | Iron: 1mg