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 mins
Cook Time 20 minutes mins
Cooling & Frosting Time 40 minutes mins
Total Time 1 hour hr 15 minutes mins
Course Dessert
Cuisine American
Servings 12 Cupcakes
Calories 330 kcal
Mixing Bowls
Electric hand mixer or stand mixer
Measuring cups and spoons
Muffin Tin
Cupcake liners
Cooling Rack
Spatula
Piping bag and tip (optional)
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
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.
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