Go Back
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