Coffee Cupcakes with Simple Mocha Buttercream

These coffee cupcakes are exceptionally moist and SO rich in flavor! The perfect amount of espresso elevates the flavor of the chocolate and creates the ultimate mocha cupcake dream! Slather the top with lush coffee and chocolate buttercream frosting for a heavenly treat straight out of a professional bakery.

How I Fell in Love With Coffee Cupcakes

We all need a sweet little pick-me-up sometimes, and one day I realized I was sick of the standard chocolate and vanilla cupcakes we’ve all had a million times. I needed to create a new, more inspired cupcake recipe. 

I was sipping on coffee and remembered how even the tiniest bit of coffee amplifies the flavor of chocolate, and that’s how these coffee cupcakes were born. The velvety chocolate coffee cake topped with sweet and creamy buttercream has no business being this good! 

I could honestly eat a whole bowl of the chocolate and coffee buttercream (which has chocolate chips in it!) on its own. Whether the chocolate or the coffee pulls you into this recipe, these cupcakes will not disappoint! Let me know how you like this marvelous mocha treat!

Key Ingredients for Chocolate Coffee Cupcakes

As decadent as these cupcakes are, I think you’ll find that nearly every single ingredient is already in your kitchen! 

All you’ll need are basic supplies like…. 

• Unsalted butter
• Flour- use all purpose
• Sugar- white fine
• Powdered Sugar
• Baking soda
• Baking powder
• Eggs- large
• Cocoa Powder
• Vanilla Yogurt
• Chocolate Chips- simi

Then comes the good stuff! You’ll also need some espresso, so you can either make it on your own or purchase some pre-made espresso from your local coffee shop or grocery store. In addition to espresso, you’ll need a couple of tablespoons of plain coffee!

Find the full printable recipe with specific measurements below.

How to Make Coffee Cupcakes

Step 1: Mix Dry Ingredients

In a large bowl, combine the flour, baking soda, baking powder, and sugar (granulated) until it’s mixed together. 

Step 2: Combine Yogurt and Eggs

In a separate bowl, mix together the vanilla yogurt and egg. 

Step 3: Butter and Preheat

Melt unsalted butter in the microwave or in a pan on the stove. Preheat your oven to 350F and prepare your two muffin sheets by greasing or lining them. 

Step 4: Combine Dry and Wet Ingredients

Slowly combine the dry and wet ingredients and mix well. 

Step 5: Add Coffee and Espresso

Add coffee and espresso to the mixed batter. 

Step 6: Bake

Pour the batter into your cupcake pan and then bake them for 12-15 minutes. (or when a toothpick come out clean when inserted)

Step 7: Begin the Cream

Cream unsalted (softened) butter until it’s smooth and doesn’t have any clumps. 

Step 8: Add Cocoa

Add cocoa powder and powdered sugar to the creamed butter mixture.

Step 9: Melt Chocolate Chips

Melt chocolate chips in the microwave or on the stovetop, and then fold it into the butter and cocoa mixture. 

Step 10: Add Coffee

On a low mixing speed, beat in dry coffee until the cream is smooth. 

Step 11: Frost

Remove the cupcakes from the oven and allow them to cool. Then add the buttercream frosting to a pastry bag and pipe them on top of your cupcakes. Enjoy!

Recipe FAQs

More Dessert Recipes To Try!

• Homemade Affogato (Italian Coffee Dessert!)
• Classic Tiramisu Cake with Mascarpone Cream
• Russian Bird’s Milk Cake with Chocolate Glaze
• Moist and Easy Apple Cake with Sunflower Seeds
• Simple Honey Cake with Cream and Dulce de Leche

Other Tasty Dessert Recipes Using Cocoa

If you tried this Coffee Cupcakes with Simple Mocha Buttercream or any other recipe on my website, please leave a 🌟 star rating and let me know how you enjoyed it in the📝 comments below. I love hearing from you!

Coffee Cupcakes with Simple Mocha Buttercream Frosting

These coffee cupcakes are exceptionally moist and SO rich in flavor! The perfect amount of espresso elevates the flavor of the chocolate and creates the ultimate mocha cupcake dream!

5 from 2 votes

Rate Print SaveSaved! Pin

Course: Desserts

Cuisine: American

Allergy: Nut Free, Vegetarian

Total Time: 45 minutes minutes

ServingsServings: 12

Calories: 638kcal

Author: Marina Rizhkov

Equipment

• ▢
  measuring cups
• ▢
  Muffin pans
• ▢
  hand mixer `
• ▢
  Piping bag with tip

Ingredients

• ▢ ⅓ cup unsalted butter
• ▢ 2½ cups flour
• ▢ 1 cup sugar
• ▢ 1 tsp baking soda
• ▢ 100 ml espresso
• ▢ 1 tsp baking powder
• ▢ 1 large egg
• ▢ 150 ml vanilla yogurt

For the Mocha Buttercream Frosting:

• ▢ 4 sticks unsalted butter
• ▢ ½ cup chocolate chips
• ▢ 1 cup cocoa
• ▢ 2 cups powdered sugar
• ▢ 2 tsp coffee

Instructions

• Mix the dry ingredients in a bowl: flour, baking soda, baking powder, and sugar.
  2½ cups flour, 1 tsp baking soda, 1 tsp baking powder, 1 cup sugar
  
• In a separate bowl, mix together the yogurt and egg.
  150 ml vanilla yogurt, 1 large egg
  
• Melt unsalted butter in the microwave or over the stove in a pan.
  ⅓ cup unsalted butter
• Preheat oven to 350F. Prepare your muffin sheets (you will need 2 of 6 or 12 muffins).
• Add the dry ingredients with the liquid ingredients. Combine well together.
  
• Add in the 100 ml of coffee. Mix all well.
  100 ml espresso
  
• Put the batter into the cupcake paper holders in the muffin pan.
  
• In a pre-heated oven, bake the cupcakes for 15-20 minutes. Or when toothpick comes out clean when inserted.
  

Mocha Frosting

• Beat 2 sticks of unsalted butter (1 cup) softened. (Until smooth, with no clumps.)
  4 sticks unsalted butter
  
• Add in 1/2 cup of cocoa and 1 cup of powdered sugar.
  1 cup cocoa, 2 cups powdered sugar
• Melt 1/4 cup chocolate chips in microwave or in pan, add to the butter mix.
  ½ cup chocolate chips
• On low speed, beat in 1 teaspoon of dry coffee (fined). Cream will be smooth.
  2 tsp coffee
  
• Put the cream on the cupcakes using a cream pastry bag.
  

Notes

• Add nuts or chocolate chips to garnish. 

Nutrition

Calories: 638kcal | Carbohydrates: 72g | Protein: 7g | Fat: 39g | Saturated Fat: 24g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 10g | Trans Fat: 1g | Cholesterol: 110mg | Sodium: 152mg | Potassium: 476mg | Fiber: 3g | Sugar: 41g | Vitamin A: 1124IU | Vitamin C: 1mg | Calcium: 79mg | Iron: 3mg

Tried this recipe?Mention @allweeat_com or tag #allweeat!