Name: Mocha Cupcakes
Prep time: 6 h 25 min
Cook time: 20 min
Total time: 6 h 45 min
Cuisine: American
Ingredients: 250 g (8.8 oz) white chocolate, finely chopped; 187 g (¾ cup + 1 tbsp) heavy whipping cream, at least 35% fat, for heating; 187 g (¾ cup + 1 tbsp) heavy whipping cream, at least 35% fat, cold; 6 g instant espresso powder; 115 g (½ cup) unsalted butter, softened; 170 g (¾ cup + 2 tbsp) granulated sugar; 2 large eggs, room temperature; 1 tsp vanilla extract; 120 g (1 cup) cake flour; 50 g (½ cup) unsweetened cocoa powder; 2 g (½ tsp) baking powder; 1.5 g (⅓ tsp) baking soda; 1 pinch of salt; 130 ml (½ cup + 2 tsp) buttermilk, room temperature; 10 g (2 tsp) hot water; 3 g instant espresso powder; 40 g (1.4 oz) dark chocolate, finely chopped; 40 ml (2 tbsp + 2 tsp) heavy cream

Jump to Recipe

These mocha cupcakes combine soft, moist chocolate cupcakes with a light and fluffy whipped coffee ganache and a drizzle of chocolate.

Mocha cupcakes topped with whipped coffee ganache on a table

These homemade mocha cupcakes feature rich chocolate cake topped with creamy espresso-flavored white chocolate ganache.

I love using whipped coffee ganache instead of buttercream for a smooth, airy frosting that pipes beautifully onto cupcakes.

Why You’ll Love This Recipe

Rich mocha flavor – The perfect combination of chocolate and espresso.
Soft & moist – Tender chocolate cupcakes with fluffy coffee frosting.
Beautiful & easy to decorate – Creamy ganache swirls finished with chocolate drizzle.

Ingredient you need

Butter – Unsalted and softened.
Granulated sugar – Regular white sugar.
Eggs – At room temperature.
Vanilla extract – Use pure vanilla extract.
Instant espresso powder – Dissolve in hot water before adding.
Cake flour – For a soft, tender crumb.
Unsweetened cocoa powder – Natural cocoa powder.
Baking powder and baking soda – Check they’re fresh.
Salt – Fine table salt.
Buttermilk – At room temperature.
White chocolate – Choose quality chocolate containing cocoa butter.
Heavy whipping cream – At least 35% fat, divided into hot and cold portions.

How to make mocha cupcakes

I use my whipped coffee ganache recipe to give these mocha cupcakes a light, creamy frosting with a rich espresso flavor.

Melted white chocolate mixed with hot coffee cream — Melt the white chocolate, then mix with the hot cream and dissolved espresso powder until smooth.

Fluffy whipped coffee ganache in a mixing bowl — Add the cold cream, blend, and chill for at least 6 hours. Whip until fluffy and spreadable when ready to decorate.

Butter and sugar in a mixing bowl — Beat the softened butter and sugar until light and fluffy.

Creamed butter mixed with eggs, vanilla, and dissolved espresso — Add the eggs, vanilla, and espresso powder dissolved in hot water.

Chocolate espresso cupcake batter mixed with dry ingredients — Alternate adding the dry ingredients and buttermilk, mixing just until combined.

Baked chocolate coffee cupcakes in a muffin pan — Divide into cupcake liners and bake at 350°F (180°C) for about 20 minutes.

Homemade mocha cupcakes with coffee ganache and chocolate drizzle

Let cool completely, then pipe the whipped coffee ganache and drizzle with melted chocolate.

Tips for Success

Room-temperature ingredients: For a smooth, even cupcake batter.
Dissolve the espresso: Mix the coffee powder with hot water before adding it.
Don’t overmix: Keep the chocolate cupcakes soft and tender.
Cool completely: Before piping the coffee ganache.
Chill the ganache: At least 6 hours, preferably overnight.
Don’t overwhip: Keep the ganache firm enough to pipe but still smooth and creamy.

For an alternative topping, try my coffee buttercream for a rich, creamy espresso frosting.

Storage

Store mocha cupcakes in an airtight container in the refrigerator for up to 3 days. Let sit at room temperature for 15–20 minutes before serving.

Variations

Coffee buttercream: Swap the ganache for my coffee buttercream.
Chocolate ganache: Use whipped chocolate ganache for a richer chocolate flavor.
Stronger coffee flavor: Add a little extra espresso powder.
Chocolate chips: Fold mini chocolate chips into the cupcake batter.
Caramel mocha cupcakes: Drizzle with salted caramel instead of chocolate.

Recipe Questions

Can I make mocha cupcakes ahead of time?

Yes! Bake the cupcakes and prepare the ganache a day ahead, then whip and decorate before serving.

Can I use instant coffee instead of espresso powder?

Yes, instant coffee works too, but espresso powder gives a stronger coffee flavor.

Why is my whipped coffee ganache grainy?

It may have been overwhipped. Stop beating as soon as it holds its shape while remaining smooth and creamy.

Can I make these cupcakes without coffee?

Yes! Omit the espresso powder from the cupcakes and use vanilla or chocolate frosting instead.

Mocha cupcake cut in half showing the moist chocolate crumb

More Cupcakes Recipes

I hope you’ll love this recipe. If you try it, feel free to leave a comment. Happy baking!

Mocha Cupcakes

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Author: Fadela
Total Time: 6 hours 45 minutes
Yield: 12-13 cupcakes

Print Recipe

Save Recipe

Description

These soft, moist mocha cupcakes combine rich chocolate and espresso flavors, topped with a light and creamy whipped coffee ganache.

Instructions

Prepare the Whipped Coffee Ganache (Day Before)

Finely chop the white chocolate and melt it gently in the microwave in short intervals or over a double boiler until smooth.
Heat 187 g of heavy cream with the instant espresso powder in a saucepan, stirring until the coffee dissolves and the cream begins to simmer.
Gradually pour the hot coffee cream over the melted white chocolate, stirring from the center until smooth and glossy.
Add the remaining 187 g of cold heavy cream and blend with an immersion blender until completely smooth.
Cover with plastic wrap touching the surface and refrigerate for at least 6 hours, preferably overnight.

Make the Chocolate Espresso Cupcakes

Preheat the oven to 350°F (180°C) and line a muffin pan with cupcake liners.
Dissolve the instant espresso powder in the hot water and let cool slightly.
Beat the softened butter and granulated sugar for 2–3 minutes until light and fluffy.
Add the eggs one at a time, mixing after each addition, then mix in the vanilla extract and dissolved espresso.
In a separate bowl, whisk together the cake flour, cocoa powder, baking powder, baking soda, and salt.
Add the dry ingredients in three additions, alternating with the buttermilk in two additions. Mix on low speed just until combined.
Divide the batter evenly between the cupcake liners, filling each about ⅔ full.
Bake for approximately 20 minutes, until a toothpick inserted into the center comes out clean or with a few moist crumbs.
Let the cupcakes cool in the pan for 5 minutes, then transfer to a wire rack to cool completely.

Whip the Ganache and Decorate

Beat the chilled ganache on medium-low speed until thick, fluffy, and firm enough to hold its shape while remaining smooth and creamy. Stop immediately to avoid overwhipping.
Transfer the whipped coffee ganache to a piping bag fitted with a large star tip.
Pipe generous swirls onto the completely cooled cupcakes.

Chocolate drizzle

Heat the heavy cream until just simmering, then pour it over the chopped chocolate.
Let sit for 1 minute, then stir until smooth and glossy.
Let cool slightly before drizzling over the frosted mocha cupcakes.