A weekly selection of our favorite recipes. Subscribe
Don't miss!

Other

Mocha Cupcakes

7 Mins read
Bird's-eye view of a mocha cupcake with chocolate buttercream, a coffee bean garnish, and chocolate shavings.

The crumb is deep brown, almost black, and the first bite tastes like fudge concentrate, not coffee. That’s the trick: a half-cup of brewed coffee in the batter disappears into the chocolate, making it darker and richer without any mocha label on the tongue.

It’s a mocha cupcake for people who don’t want a coffee-flavored cupcake, the coffee stays in the background, a silent amplifier. The buttercream is where the coffee steps forward, clean and sharp, dissolved into cream so it doesn’t thin the frosting. This is a two-faced dessert: one part wants you guessing what makes the cake so intense, the other gives you a straight shot of espresso in butter.

Both work because the batter’s coffee is invisible, and the frosting’s is unmistakable.

I mixed the batter until it was smooth, then watched my cupcakes sink into craters in the oven. The tops looked fine until they cooled, then collapsed into dense, sad little dips.

Deepen chocolate with coffee, not coffee flavor

Coffee in the batter does a surprising thing: it amplifies cocoa’s richness without shouting coffee. The liquid replaces some of the milk, so you get a darker, more complex chocolate taste, think fudgy, not mocha-forward. The amount is key.

Too little and you miss the boost; too much and the coffee edge creeps in. With 1/2 cup of brewed coffee to 1/2 cup milk, the balance tips toward chocolate.

You won’t identify it as coffee when you bite in, just a deeper, almost earthy chocolate note. The cake tastes like a more grown-up version of a standard chocolate cupcake.

Use both sugars for moisture and structure

White sugar provides the sweetness and the structure that helps the cupcake rise and hold its shape. Brown sugar brings molasses, which adds moisture and a faint caramel undertone.

The combination yields a tender crumb that stays soft for days. Now I fold the dry ingredients into the wet with a spatula, stopping as soon as no streaks remain, even if a few lumps are still there. That quick, gentle mixing preserves the tenderness.

Overmixing would develop gluten and toughen the crumb, but the sugars themselves already set you up for a moist result.

Espresso powder in cream for concentrated coffee buttercream

Brewed coffee adds too much water to a buttercream, making it thin and prone to breaking. Espresso powder delivers a pure, intense coffee flavor without extra liquid. Dissolving it in heavy cream first ensures it disperses evenly, no gritty pockets.

The cream also adds richness, so the frosting stays thick and silky. You get a clean coffee hit that doesn’t dilute the butter or sugar. The result is a stable, pipeable buttercream with a flavor that matches the deep chocolate cake.

Bring ingredients to room temperature for a smooth batter

When egg, milk, and coffee are cold, the fat in the oil can seize up, and the batter may look curdled or separate. Room-temperature liquids emulsify readily with the oil, giving you a uniform, glossy mixture.

That emulsion traps air during baking, which helps the cupcakes rise evenly and creates a finer, more tender crumb. If you’ve ever pulled out a dense, squat cupcake, cold ingredients are usually the culprit.

Warm everything to touch-cool, about 70°F, and the batter comes together in seconds. The baked result: light, even, and domed.

Zoomed in on a mocha cupcake topped with glossy chocolate buttercream, a single coffee bean, and fine chocolate curls.

Prep: 30 min · Cook: 30 min · Total: 1 hr · Servings: 12 · Calories: 350 kcal

Key ingredients for a mocha cupcake that tastes deeply of chocolate

Freshly brewed coffee: Use room-temperature coffee. It deepens the chocolate flavor without adding a coffee taste.

Both white and brown sugar: Brown sugar adds moisture and a caramel note; white sugar gives structure. Use both as written.

Espresso powder: Dissolve it in heavy cream, not water, to keep the buttercream thick and avoid grittiness.

Unsalted butter: Soften to room temperature so it creams properly. Cold butter won’t aerate the frosting.

Build the coffee-chocolate batter in one bowl

Whisk the wet ingredients until emulsified

In a large bowl, whisk egg, oil, both sugars, coffee, milk, and vanilla for about a minute. The mixture should look glossy and uniform, not separated or oily. If it’s streaky, keep whisking until smooth.

Sift dry ingredients over the wet

Sift flour, cocoa, baking powder, soda, and salt directly onto the wet mixture. Sifting removes lumps and aerates the cocoa; you’ll see a fine, even layer. Fold with a spatula just until no dry streaks remain, a few tiny lumps are fine.

Overmixing makes the batter stiff and the cupcakes tough.

Fill liners to three-quarters full

Divide batter evenly among the 12 lined cups. A standard ice cream scoop helps portion cleanly. The cups should look about ¾ full; too little gives flat tops, too much spills over and makes mushrooms.

Bake until a toothpick comes out clean

Bake at 350°F for 20 to 22 minutes. Test at 20 minutes: a toothpick inserted in the center should emerge with a few moist crumbs but no wet batter. If it’s gooey, bake another 2 minutes.

Overbaking dries them out, so pull them as soon as they pass the test.

Cool completely before frosting

Let cupcakes cool in the pan for 5 minutes, then transfer to a wire rack. They must be cool to the touch, warm frosting will melt and slide off. Patience here pays off in clean, stable swirls.

Beat butter until light and fluffy

In a stand mixer with paddle attachment, beat softened butter on medium-high for 3 minutes. It should pale in color and look airy, almost like whipped cream. If it’s still dense and yellow, keep beating until it lightens.

Add powdered sugar gradually

With mixer on low, add sifted powdered sugar one tablespoon at a time. Scrape the bowl occasionally.

Once all sugar is in, increase speed to medium-high and beat for 4 minutes. The mixture will become fluffy and increase in volume; it should look like thick, spreadable clouds.

Dissolve espresso powder in cream

Stir espresso powder into heavy cream until fully dissolved. No grains should remain; rub a drop to the touch, if it feels sandy, stir more. This ensures the coffee flavor is smooth, not gritty.

Finish the buttercream

With mixer on low, add vanilla, salt, and the cream-espresso mixture. Beat for 1 minute until smooth and creamy. The frosting should hold a stiff peak when you lift the paddle.

If it’s too soft, chill for 10 minutes before piping.

Pipe onto cooled cupcakes

Fill a piping bag fitted with a large star tip with the frosting. Pipe a generous swirl onto each cupcake, starting from the outside edge and working inward.

The frosting should hold its shape without drooping. Garnish with a coffee bean or cocoa dust if you like.

Bird's-eye view of a mocha cupcake with chocolate buttercream, a coffee bean garnish, and chocolate shavings.

Mocha Cupcakes

Moist chocolate cupcakes with coffee buttercream frosting. This mocha cupcake recipe uses eggs, dairy, and flour for a classic bake.
Prep Time 30 minutes
Cook Time 30 minutes
Total Time 1 hour
Course Dessert
Cuisine American
Servings 12 servings
Calories 350 kcal

Ingredients
  

Chocolate Cupcakes

  • 1 cup white sugar 200 g
  • 1/2 cup firmly packed brown sugar 100 g
  • 1/3 cup vegetable oil 80 ml
  • 1/2 cup whole milk, at room temperature 120 ml
  • 1/2 cup freshly brewed coffee, at room temperature 120 ml
  • 1 tsp vanilla extract
  • 1 large egg, at room temperature
  • 1 1/2 cups all-purpose flour 180 g
  • 1/2 cup unsweetened cocoa powder 50 g
  • 1/2 tsp baking powder
  • 1/2 tsp salt
  • 1/2 tsp baking soda

Coffee Buttercream Frosting

  • 1 cup unsalted butter, softened 226 g
  • 2 cups powdered sugar, sifted 240 g
  • 1 1/2 tsp vanilla extract
  • 1/4 tsp salt
  • 3 tbsp heavy cream (36% fat) 45 ml
  • 1 tsp espresso powder

Instructions
 

Chocolate Cupcakes

  • Preheat oven, line tin:

    Set oven to 350°F (175°C). Place paper liners in a 12-cup muffin tin.
  • Beat wet ingredients:

    In a large bowl, use an electric hand mixer to combine the egg, oil, white sugar, brown sugar, coffee, milk, and vanilla extract. Beat for 1-2 minutes until smooth.
  • Sift dry, fold batter:

    In another bowl, sift together the flour, cocoa powder, baking powder, baking soda, and salt. Add the wet mixture to the dry ingredients and fold gently until just incorporated; avoid overmixing.
  • Fill cupcake liners:

    Distribute the batter evenly among the lined cups, filling each around 3/4 full.
  • Bake and cool cupcakes:

    Bake for 20-22 minutes, or until a toothpick inserted in the center emerges clean. Do not overbake. Transfer to a wire rack and let cool completely to room temperature before applying frosting.

Coffee Buttercream Frosting

  • Beat butter until fluffy:

    In a stand mixer or using an electric hand mixer in a large bowl, beat the softened butter on medium-high speed for 3 minutes until light and airy.
  • Add sugar, beat frosting:

    Lower the speed to low and slowly add the powdered sugar, one tablespoon at a time. After all sugar is incorporated, raise the speed to medium-high and beat for 4 minutes until fluffy and increased in volume.
  • Dissolve espresso in cream:

    In a small bowl, mix the espresso powder into the heavy cream until completely dissolved.
  • Mix in cream mixture:

    With the mixer on low, add the vanilla extract, salt, and the cream-espresso mixture. Beat for 1 minute until smooth and creamy.
  • Pipe frosting onto cupcakes:

    Fill a piping bag fitted with a nozzle with the frosting. Pipe onto the cooled cupcakes. Garnish as desired, such as with coffee beans or a dusting of cocoa powder.
  • Serve or refrigerate:

    Serve immediately. Keep leftovers in an airtight container in the refrigerator for 2-3 days. Allow to come to room temperature before serving to soften the frosting.
Keyword chocolate cupcake recipe, coffee cupcake, cupcake 1, cupcake homemade, cupcake topping, cute cupcake, mocha cupcake

Ready to serve: a mocha cupcake with rich chocolate buttercream, a coffee bean, and chocolate shavings on top.

Swap coffee, but don’t mess with the sugars

Freshly brewed coffee: Hot water or buttermilk. Hot water gives a milder chocolate flavor, less deep. Buttermilk adds tang and tenderness but loses the coffee depth entirely.

All-purpose flour: Gluten-free 1:1 blend (with xanthan gum). Cupcakes will be more tender and slightly denser; the crumb may be a bit more delicate. Measure by weight for accuracy.

Vegetable oil: Any neutral oil (canola, grapeseed) or melted coconut oil. Coconut oil solidifies at room temp, making the cake firmer when cool. Use same amount; melt coconut oil first.

Whole milk: Buttermilk or full-fat oat milk. Buttermilk adds tang and a tighter crumb. Oat milk works but may make the cake slightly less tender; use same volume.

Tips

  • Use a kitchen scale to weigh the flour and cocoa powder; spooning and leveling can introduce air pockets that lead to uneven texture.
  • Let the espresso powder dissolve fully in the cream by stirring for at least 30 seconds; a few undissolved grains will burst on the palate as bitter specks.

Storage and Serving

Frosted cupcakes keep in the fridge for up to 3 days. The buttercream firms up when cold, so pull them out 30 minutes before serving to let it soften. Unfrosted cupcakes stay moist at room temperature in an airtight container for 2 days.

For longer storage, freeze unfrosted cupcakes: wrap each tightly in plastic, then foil, and freeze for up to 3 months. Thaw at room temperature, still wrapped, then frost. Do not freeze frosted cupcakes; the buttercream’s texture will break when thawed.

The cake itself is tender and stays moist for a day, but after 48 hours it starts to dry. The serving window peaks on day one, when the crumb is soft and the frosting is fresh and creamy.

Bird's-eye view of a mocha cupcake with chocolate buttercream, a coffee bean garnish, and chocolate shavings.

Frequently Asked Questions

Can I make these cupcakes a day ahead?

Yes. Bake and cool the cupcakes, then store them unfrosted in an airtight container at room temperature for up to a day. Make the frosting and refrigerate it in a piping bag; let it soften at room temperature for 15 minutes before piping onto the cupcakes the next day.

The crumb stays moist, and the frosting pipes cleanly if you don’t let it get too warm.

Why did my cupcakes sink in the middle?

Most likely overmixing the batter developed too much gluten, or you opened the oven door too early. The batter should be folded just until no dry streaks remain, a few lumps are fine. Keep the oven closed for the first 18 minutes; a sudden temperature drop can deflate the structure.

If they still sink, check your baking soda: expired leavener won’t hold the rise.

You may also like
Other

Kitchenaid Bread Bowl Recipes

6 Mins read
The whole point of a bread bowl is that it holds soup without collapsing, and getting that right starts with the dough’s…
Other

Korean Pork Chops (Savory & Quick)

7 Mins read
The trick to these Korean pork chops isn’t the marinade, it’s holding back half of it. Most recipes have you dump everything…
Other

Strawberry Lemon Muffins with Crumble Topping

6 Mins read
A muffin that gives you both a tender, fine-crumbed cake and a crunchy, buttery cap is a rare thing. These strawberry lemon…

Leave a Reply

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

Recipe Rating