Decadent Mocha Cupcakes with Creamy Coffee

Mocha cupcakes with coffee frosting are the perfect dessert for coffee lovers. These rich and moist chocolate cupcakes are infused with espresso for a deep mocha flavor, then topped with a smooth and creamy coffee frosting. Perfect for an afternoon pick-me-up, special occasions, or anytime you crave a caffeine-infused sweet treat.

Why You’ll Love This Recipe

  • Bold Coffee Flavor – The combination of chocolate and espresso gives these cupcakes an irresistible mocha taste.
  • Soft and Moist Texture – A tender crumb that stays moist for days.
  • Creamy Coffee Frosting – Silky-smooth frosting with just the right amount of coffee flavor.
  • Great for Any Occasion – Whether for birthdays, brunch, or as a treat for coffee enthusiasts, these cupcakes are always a hit.

Ingredients

(Tip: You can find the complete list of ingredients and their measurements in the recipe card below.)

For the Mocha Cupcakes:

  • All-purpose flour
  • Cocoa powder
  • Baking powder
  • Baking soda
  • Granulated sugar
  • Brown sugar
  • Unsalted butter (melted)
  • Eggs
  • Espresso or strong brewed coffee
  • Milk
  • Vanilla extract
  • Salt

For the Coffee Frosting:

  • Unsalted butter (softened)
  • Powdered sugar
  • Strong brewed coffee or espresso
  • Vanilla extract
  • A pinch of salt

Directions

  1. Prepare the Cupcake Batter – In a bowl, whisk together the dry ingredients. In another bowl, mix melted butter, sugars, eggs, coffee, milk, and vanilla extract. Gradually combine with the dry ingredients.
  2. Bake the Cupcakes – Preheat the oven to 350°F (175°C). Line a cupcake tin with liners and fill each about two-thirds full. Bake for 18-20 minutes or until a toothpick inserted comes out clean. Let cool completely.
  3. Make the Coffee Frosting – Beat butter until smooth, then gradually add powdered sugar, brewed coffee, vanilla extract, and a pinch of salt until light and fluffy.
  4. Frost the Cupcakes – Use a piping bag to swirl the frosting onto the cooled cupcakes.
  5. Garnish (Optional) – Sprinkle with cocoa powder, chocolate shavings, or coffee beans for extra flair.

Servings and Timing

  • Servings: Makes 12 cupcakes
  • Prep Time: 15 minutes
  • Bake Time: 18-20 minutes
  • Total Time: About 35 minutes

Variations

  • Mocha Caramel Cupcakes – Drizzle caramel sauce over the frosting for an extra indulgent touch.
  • Chocolate Espresso Ganache – Add a layer of chocolate ganache before frosting for a richer cupcake.
  • Vegan Version – Use plant-based milk, vegan butter, and egg substitutes.
  • Extra Coffee Kick – Add a teaspoon of espresso powder to the frosting for a stronger coffee flavor.

Storage/Reheating

  • Storage – Keep cupcakes in an airtight container at room temperature for up to 2 days or refrigerated for up to 5 days.
  • Freezing – Unfrosted cupcakes can be frozen for up to 2 months. Thaw before frosting.
  • Reheating – Let refrigerated cupcakes sit at room temperature before serving for the best texture.

FAQs

Can I use instant coffee instead of brewed coffee?

Yes, dissolve 1-2 teaspoons of instant coffee in hot water and use it in place of brewed coffee.

How do I make the cupcakes extra moist?

Use full-fat dairy ingredients and avoid overbaking to keep them moist.

Can I make mini cupcakes instead?

Yes, adjust the baking time to 10-12 minutes for mini cupcakes.

What piping tip is best for frosting these cupcakes?

A large star tip (such as Wilton 1M) creates a beautiful swirl effect.

Can I use Dutch-processed cocoa powder?

Yes, but replace baking soda with baking powder for proper leavening.

How do I prevent my frosting from being too runny?

Gradually add the coffee and adjust with more powdered sugar if needed.

Can I make the frosting ahead of time?

Yes, store it in the fridge and let it come to room temperature before using.

Can I add coffee liqueur to the frosting?

Yes, a splash of coffee liqueur like Kahlúa enhances the flavor.

What’s the best way to get a strong coffee flavor?

Use espresso instead of regular coffee and add espresso powder to both the batter and frosting.

Can I use buttercream instead of coffee frosting?

Yes, a chocolate or vanilla buttercream pairs well with mocha cupcakes.

Conclusion

Mocha cupcakes with coffee frosting are a rich, decadent treat perfect for coffee and chocolate lovers alike. With their deep mocha flavor and creamy coffee frosting, these cupcakes are sure to be a favorite for any occasion. Try this easy recipe and enjoy a homemade coffeehouse-inspired dessert!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Decadent Mocha Cupcakes with Creamy Coffee

5 Stars 4 Stars 3 Stars 2 Stars 1 Star No reviews
  • Author: Asma
  • Prep Time: 15 minutes
  • Cook Time: 20 minutes
  • Total Time: 35 minutes
  • Yield: 12 cupcakes 1x
  • Category: Desserts
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Description

Indulge in these Mocha Cupcakes with Coffee Frosting, a rich and decadent treat perfect for coffee lovers! These fluffy chocolate-coffee cupcakes are infused with espresso and topped with a smooth, creamy coffee buttercream. Perfect for dessert, brunch, or an afternoon pick-me-up!


Ingredients

Units Scale

For the Mocha Cupcakes:

  • 1 cup (125g) all-purpose flour
  • 1/2 cup (50g) unsweetened cocoa powder
  • 1 teaspoon baking powder
  • 1/2 teaspoon baking soda
  • 1/4 teaspoon salt
  • 1/2 cup (120ml) brewed espresso or strong coffee, cooled
  • 1/2 cup (120ml) buttermilk
  • 1/2 cup (115g) unsalted butter, softened
  • 3/4 cup (150g) granulated sugar
  • 2 large eggs
  • 1 teaspoon vanilla extract

For the Coffee Frosting:

  • 1 cup (230g) unsalted butter, softened
  • 2 1/2 cups (300g) powdered sugar
  • 2 tablespoons brewed espresso or strong coffee, cooled
  • 1/2 teaspoon vanilla extract
  • A pinch of salt

Instructions

Make the Cupcakes:

  1. Preheat oven to 350°F (175°C) and line a cupcake tin with liners.
  2. In a bowl, whisk together flour, cocoa powder, baking powder, baking soda, and salt.
  3. In another bowl, beat butter and sugar until light and fluffy. Add eggs one at a time, then mix in vanilla.
  4. Alternate adding the dry ingredients and buttermilk, starting and ending with the dry mixture. Stir in cooled espresso.
  5. Fill cupcake liners ¾ full and bake for 18-20 minutes or until a toothpick inserted in the center comes out clean.
  6. Let cool completely before frosting.

Make the Coffee Frosting:

  1. Beat butter until creamy, then slowly mix in powdered sugar.
  2. Add espresso, vanilla, and a pinch of salt, beating until smooth and fluffy.
  3. Pipe or spread onto cooled cupcakes.

Notes

  • For extra coffee flavor, add 1 teaspoon of espresso powder to the cupcake batter.
  • Store cupcakes in an airtight container for up to 3 days.
  • Garnish with chocolate shavings, cocoa powder, or a coffee bean for an elegant touch.

Leave a Comment & Rate this Recipe!

If you love this recipe, please consider giving it a star rating when you leave a comment. Star ratings help people discover my recipes online. Your support means a lot to me, I appreciate you.

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

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