Mocha Cupcakes That Taste Like a Coffeehouse Treat

These mocha cupcakes are a simple, delicious way to bring together the best of chocolate and coffee in one easy-to-make treat. With rich cocoa flavor and a subtle espresso kick, they’re the kind of dessert that feels a little grown-up without being fussy.

I like making these when I want something a bit more indulgent, but still quick enough to pull together without a ton of steps or prep. The balance of flavors makes them perfect for both coffee lovers and chocolate fans.

Whether you’re baking for a small gathering or just want to treat yourself, this recipe is straightforward and satisfying, every time.

Can’t make it now? Save it to Pinterest for later

Equipment You Will Need

• Measuring cups and spoons
• Muffin tin
• Cupcake liners
• Stand mixer
• Spatula or scraper
• Wire cooling rack
• Piping bag and large star tip

Buy on Amazon

Buy on Amazon

Buy on Amazon

Mocha Cupcakes Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Print Recipe

Pin Recipe

• Total Time: 34-36 minutes
• Yield: 36 cupcakes

Ingredients

Scale 1x2x3x

For the cupcakes:

2 1/2 cups sugar

3 cups flour

1/2 cup cocoa powder

1 teaspoon salt

2 teaspoons baking soda

1 1/2 teaspoons baking powder

1/2 cup sour cream

1 cup buttermilk (or milk w/ 1 tablespoon vinegar)

3 eggs

1 1/2 cups fresh brewed coffee or cold brew

1/2 cup oil

For the frosting:

1 cup unsalted butter, softened

4 cups powdered sugar

2 tablespoons cocoa powder

1 tablespoon espresso powder

1 teaspoon vanilla

2–3 tablespoons coffee (room temp or cold)

1/2 teaspoon salt

Chocolate covered coffee beans, to decorate

Cook Mode Prevent your screen from going dark

Instructions

1. Preheat the oven to 350 degrees. Line standard muffin tins with cupcake liners, set aside.
2. In the bowl of a stand mixer, combine the flour, sugar, cocoa, baking soda, baking powder and salt. Whisk to combine.
3. Add in the eggs, coffee, sour cream, buttermilk and oil.
4. Mix on low until combined, scraping the sides often.
5. Divide the batter between each of the cupcake liners, filling each about ½ full.
6. Bake in the preheated oven for 14-16 minutes or until the center is set. Allow the cupcakes to cool completely before decorating.
7. For the frosting – in the bowl of a stand mixer, combine the softened butter, about half of the powdered sugar, vanilla, salt, espresso powder and cocoa powder.
8. Mix on low until combined.
9. Add in the remaining powdered sugar and the brewed coffee. Mix on low until combined.
10. Bump up the speed to medium and whip until the frosting is smooth and fluffy.
11. Transfer the frosting to a piping bag fitted with a large star tip.
12. Once the cupcakes are cool, pipe a dollop of frosting on top of each cupcake and decorate with a chocolate covered coffee bean.

Notes

• Storage: Cupcakes can be stored in an airtight container in the fridge for up to 3 days.

• Author: Little Party Pixie
• Prep Time: 20 minutes
• Cook Time: 14-16 minutes
• Category: Sweet Treats

Step-By-Step Process

Mocha cupcakes are great for coffee dates, brunches, or any time you want a dessert that feels just a bit more special. They’re easy to serve and always get compliments.

If you liked this recipe, check out more simple and crowd-pleasing ideas in the party food section of the blog. There’s plenty more to discover, especially if you love desserts that stand out.

You might also enjoy the Ferrero Rocher Cupcakes or the Raspberry Chocolate Cupcakes—both are full of bold, sweet flavor.

© Little Party Pixie 2025