Go Back
Mocha cupcakes

Mocha Cupcakes

If you’re ready to bake something deliciously cozy and a little decadent, this mocha cupcake recipe is a great place to start.
Prep Time 15 minutes
Cook Time 20 minutes
Cooling & Frosting Time 40 minutes
Total Time 1 hour 15 minutes
Course Dessert
Cuisine American
Servings 12 Cupcakes
Calories 330 kcal

Equipment

  • Mixing Bowls
  • Electric hand mixer or stand mixer
  • Measuring cups and spoons
  • Muffin Tin
  • Cupcake liners
  • Cooling Rack
  • Spatula
  • Piping bag and tip (optional)

Ingredients
  

For the Mocha Cupcakes:

  • 1 ½ cups all-purpose flour
  • 1 cup granulated sugar
  • ¼ cup unsweetened cocoa powder
  • 1 teaspoon baking soda
  • ½ teaspoon salt
  • 1 large egg
  • ½ cup buttermilk
  • ½ cup brewed strong coffee or espresso cooled
  • cup vegetable oil
  • 1 teaspoon vanilla extract

For the Mocha Buttercream Frosting:

  • 1 cup unsalted butter softened
  • 3 cups powdered sugar sifted
  • 2 tablespoons brewed coffee or espresso cooled
  • 2 tablespoons unsweetened cocoa powder
  • 1 teaspoon vanilla extract
  • Pinch of salt

Instructions
 

Step 1: Prepare Your Ingredients and Oven

  • Preheat your oven to 350°F (175°C).
  • Line a 12-cup muffin tin with cupcake liners.
  • Brew your coffee or espresso and let it cool to room temperature.
  • Gather all ingredients measured out and ready to go — this makes the process smooth and stress-free.

Step 2: Mix the Dry Ingredients

  • In a large mixing bowl, sift together the all-purpose flour, cocoa powder, baking soda, and salt.
  • Add the granulated sugar and whisk everything together until well combined.
  • Pro tip: Sifting the cocoa powder and flour helps prevent lumps and ensures an even texture in your cupcakes.

Step 3: Combine the Wet Ingredients

  • In a separate bowl, whisk the egg until lightly beaten.
  • Add the buttermilk, cooled coffee, vegetable oil, and vanilla extract. Mix until all the liquids are fully combined.

Step 4: Incorporate Wet and Dry Ingredients

  • Slowly pour the wet ingredients into the bowl with the dry ingredients.
  • Using a spatula or the mixer on low speed, gently fold everything together until just combined.
  • Pro tip: Avoid overmixing here! Overworking the batter can make the cupcakes dense rather than light and fluffy. Stop mixing as soon as you see no more dry streaks.

Step 5: Fill the Cupcake Liners

  • Evenly divide the batter among the 12 cupcake liners, filling each about 2/3 full.
  • This helps the cupcakes rise perfectly without spilling over the edges.

Step 6: Bake the Cupcakes

  • Place the muffin tin in the preheated oven and bake for 18-22 minutes.
  • Check for doneness by inserting a toothpick in the center of a cupcake — it should come out clean or with a few moist crumbs, but no wet batter.
  • Pro tip: Start checking at 18 minutes to avoid overbaking, which can dry out the cupcakes.

Step 7: Cool Completely

  • Remove the cupcakes from the oven and let them sit in the tin for 5 minutes.
  • Transfer them to a cooling rack to cool completely before frosting.
  • Frosting warm cupcakes can cause the buttercream to melt and slide off.

Step 8: Prepare the Mocha Buttercream Frosting

  • In a large bowl, beat the softened butter on medium speed until creamy and pale (about 2-3 minutes).
  • Gradually add the sifted powdered sugar and cocoa powder, mixing on low to combine.
  • Add the brewed coffee, vanilla extract, and a pinch of salt. Beat on medium-high speed until the frosting is smooth and fluffy.
  • Pro tip: If the frosting feels too thick, add a little more coffee, one teaspoon at a time, until you reach your desired consistency. If it’s too thin, add more powdered sugar gradually.

Step 9: Frost the Cupcakes

  • Using a piping bag fitted with your favorite tip or a spatula, generously frost each cupcake.
  • Decorate with a sprinkle of cocoa powder, chocolate shavings, or a dusting of espresso powder if you like.

Step 10: Serve and Enjoy!

  • Your mocha cupcakes are best enjoyed fresh but can be stored in an airtight container at room temperature for up to 2 days or in the fridge for up to a week.
  • Bring them to room temperature before serving if refrigerated for the best flavor and texture.

Notes

Nutritional Value Per Cupcake:

  • Calories: 330 kcal
  • Fat: 18g
  • Carbohydrates: 40g
  • Sugar: 28g
  • Protein: 3g
  • Fiber: 1g
 
Share your thoughts! Rate and comment below if you tried this recipe.
 
Nutrition Disclaimer:
The nutritional information provided on this website is an estimate only and is intended for general guidance. We cannot guarantee its accuracy and recommend consulting a qualified healthcare professional or registered dietitian for personalized nutrition advice.
Keyword cupcake recipes, mocha cupcakes