Mocha Cupcakes (Coffee Cupcakes) - CakeWhiz

Mocha Cupcakes (Coffee Cupcakes)

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

*Thank you Starbucks for sponsoring today’s post so that I can share these mocha cupcakes/ coffee cupcakes with mocha frosting with all of you. As always, all opinions are mine.*

Every Christmas, all our family and friends meet for breakfast at our house and we spend the entire day together. It’s a fun and lively day and a great way to RECONNECT with everyone. There are tables set up for kids and adults with EVERYTHING imaginable: cakes, cupcakes, cookies, sandwiches, coffee, hot cocoa and so much more.

This year, I have added these chocolate mocha cupcakes with espresso buttercream frosting a.k.a chocolate coffee cupcakes to our Christmas menu and I CAN’T wait till my family tries them.

These cupcakes are EPIC. They are filled with ooey gooey caramel sauce and topped off with a swirl of rich and creamy mocha frosting. I swear that mocha cream frosting is to die for and tastes just like a mocha latte.

Mocha Cupcakes Recipe/ Coffee Cupcakes Recipe

Tips for moist coffee cupcakes:

  • Use the best quality of coffee you can find because it really enhances the coffee flavor.
  • Make sure buttermilk and eggs are at room temperature because they will blend together smoothly.
  • Both, fresh brewed coffee and espresso powder are required in this recipe.
  • This cupcake batter will be fairly thin. That’s the way it’s supposed to be. Don’t worry and don’t try to thicken it by adding more flour.
  • Watch these cupcakes like a hawk after 20 minutes. They tend to look like they are ready but the centers may be soft and under-baked. Touch the center lightly and if it jiggles, let the cupcakes bake for a bit longer.
  • These cupcakes won’t have a dome shaped top. They will be flat.
  • The flavor of this frosting deepens and the coffee flavor gets stronger after 24 hours. I suggest making the frosting a day before you are planning on serving these cupcakes.
  • Filling cupcakes with caramel sauce too far in advance will make them soggy. Only fill the cupcakes about an hour prior to serving.
  • After making 4 batches of mocha cupcakes, I REALIZED something => Adding coffee to chocolate cupcakes doesn’t make them taste like coffee. Coffee actually intensifies the chocolate flavor and adds only a hint of coffee flavor! However, once you pair these mocha cupcakes with mocha frosting, everything works out PERFECTLY and you get a taste of both, chocolate and coffee, in every single bite.
  • I have done a video tutorial for filling cupcakes that would be helpful for anyone who’s never done that before.

Mocha Cupcakes with Mocha Frosting

Flavor variations for mocha cupcake recipe/ coffee cupcake recipe:

  • To make mocha cupcakes from cake mix, use a chocolate cake mix and add 1-2 tbsp espresso powder and top off the cupcakes with coffee frosting.
  • To make white chocolate mocha cupcakes, replace fluffy mocha frosting with white chocolate buttercream frosting.
  • To make salted caramel mocha cupcakes, you can either frost each cupcake with salted caramel frosting or fill each cupcake with salted caramel, like I did.
  • To make peppermint mocha cupcakes, use peppermint frosting. This is great for Christmas!

Chocolate Mocha Cupcakes with Salted Caramel

I used Starbucks Holiday Blend coffee along with Starbucks VIA espresso powder to really take these cupcakes over the top!

The holiday blend is PERFECT for this recipe because when you brew it for a while, it becomes very rich and flavorful.

Starbucks Campaign 1

Other Mocha and Coffee Dessert Recipes:

Mocha Cupcakes with Espresso Buttercream Frosting
Print
0 from 0 votes

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

  • Read all my tips above.
  • Leftovers can be stored in a sealed container in the fridge for up to 3 days. 
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.

Until next time, tata my lovelies!

20 comments on “Mocha Cupcakes (Coffee Cupcakes)”

  1. These look soo delicious!

Leave a Reply

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