Mocha Cupcakes with Espresso Buttercream Frosting
Print

Mocha Cupcakes/ Coffee Cupcakes with Mocha Frosting

Prep Time
10 mins
Cook Time
23 mins
Total Time
33 mins
 

Quick and easy mocha cupcakes recipe (coffee cupcakes) with mocha buttercream frosting/ espresso frosting combine the bold flavors of chocolate and coffee.

Servings: 24 Cupcakes
Course: Cupcakes, Dessert
Cuisine: American
Calories: 371 kcal
Author: CakeWhiz

Ingredients

Mocha Cupcakes:
  • 2 cups All-purpose flour
  • ¾ cup Cocoa powder
  • 2 cups Sugar Granulated
  • ½ cup Oil
  • 1 cup Buttermilk
  • 1 cup Coffee Freshly brewed, Strong
  • tsp Baking powder
  • tsp Baking soda
  • 2 Eggs Large
  • 1 tbsp Espresso powder
  • 1 tsp Vanilla extract
Mocha Frosting:
  • ½ cup Butter Unsalted
  • 1 cup Shortening
  • ¼ cup Cocoa powder
  • ½ tbsp Espresso powder
  • ¼ cup Coffee Freshly brewed, Strong
  • 5-6 cups Powdered sugar
Filling and Decoration
  • Yellow Sixlets or small candy balls
  • Caramel sauce
  • Piping bag
  • Tip# 1M

Instructions

  1. In a mixing bowl, add eggs, oil, buttermilk, brewed coffee and vanilla extract. Mix on medium speed until everything is bubbly.
  2. In a separate bowl, whisk the flour, sugar, cocoa powder, espresso powder, baking powder and baking soda together. Then, dump this dry mixture into the wet milk mixture.
  3. Mix everything until just combined. DO NOT overmix!
  4. Pour this batter into cupcake liners. Bake at 350 degrees for 18-20 minutes or until an inserted toothpick comes out clean.

  5. Frosting:

  6. In a mixing bowl, add butter and shortening. Mix until they are thoroughly combined.
  7. Add cocoa powder, espresso powder and brewed coffee.
  8. Mix until everything is smooth and creamy.
  9. Add powdered sugar (1 cup at a time) and keep mixing.
  10. Continue mixing until you end up with smooth and creamy frosting.
Assembling:
  1. Use a big piping tip (e.g. Tip 1M) to make a hollow center in each cupcake.
  2. Fill it with melted caramel. You can use store bought caramel sauce or melt some caramels in the microwave with some heavy cream.
  3. Cover the top with the small cupcake piece you removed in Step 1.
  4. Fill a piping bag with mocha frosting and attach Tip #1M. Pipe a swirly frosting design on top of the cupcake. Finally, place a small yellow candy on the top.

Recipe Notes

Nutrition Facts
Mocha Cupcakes/ Coffee Cupcakes with Mocha Frosting
Amount Per Serving
Calories 371 Calories from Fat 162
% Daily Value*
Total Fat 18g 28%
Saturated Fat 5g 25%
Cholesterol 24mg 8%
Sodium 130mg 5%
Potassium 131mg 4%
Total Carbohydrates 52g 17%
Dietary Fiber 1g 4%
Sugars 41g
Protein 2g 4%
Vitamin A 3.1%
Calcium 3.4%
Iron 6.1%
* Percent Daily Values are based on a 2000 calorie diet.