Coffee Cupcakes with Coffee Buttercream

This post may contain affiliate links. As an Amazon Associate I earn from qualifying purchases. Please read my disclosure policy.

Who doesn’t love a couple of good coffee recipes? These coffee cupcakes with coffee buttercream are downright delicious. They’re the ultimate for coffee lovers: coffee-infused cupcakes filled with whipped mocha ganache and topped with coffee buttercream. Seriously.

Three coffee cupcakes with swirled brown frosting and chocolate decorations on top, displayed on a white cake stand against a tiled background.

If you missed my previous coffee recipes, there are the coffee syrup, coffee cookies, and coffee jello shots. The jello shots will knock your socks off.

Don’t forget the most adorable Clear 4 Oz Espresso Cappuccino Mugs (aff. link) to put the shots in. It makes them. Trust me, people will drive you crazy asking for the recipe and where they can find the little mugs.

The coffee cupcakes themselves are soft and spongy. Coffee has been infused into them, but these cupcakes are sensational because they are filled with whipped mocha ganache and topped with incredibly rich coffee buttercream. I love chocola

brownie mix cookies
5 Days of Favorite Classic Desserts

FREE EMAIL BONUS: Treat yourself with these delicious recipes

Why You’ll Love This Recipe

Homemade – You have a chocolate coffee cupcake made from scratch and the chocolate ganache and coffee buttercream frosting.
Customize – Feel free to adjust the ingredients or the intensity of the coffee flavor to your preference. You can also decorate the cupcakes to fit the occasion.
Birthday Approved – If you want to make a cupcake that stands out for a birthday bash, these coffee cupcakes are approved for a birthday party!

Ingredients

See the recipe card at the bottom of the post for all ingredients and quantities.

Vegetable Oil: Use a neutral tasting oil like vegetable oil, canola oil, or avocado oil. This helps keep the coffee cupcakes moist.

Sugar: Granulated sugar is the sweetness for the cupcakes, and it helps to create a tender texture.

Instant Coffee: The coffee is used to infuse the batter. Coffee will also richen the chocolate flavor as well.

Sour Cream: Sour cream adds an excellent tangy component and moisture to the cupcakes.

Semi-sweet chocolate: Ganache is typically pretty sweet, so semi-sweet chocolate is an excellent chocolate flavor to use.

Substitutions and Variations

  • Caramel: Drizzle the top of the frosting with some caramel and even sea salt to make more of a caramel macchiato-flavored coffee cupcake!
  • Chocolate Chips: Add chocolate chips to the cupcake batter for an extra pop of sweetness. You can keep the ganache or swap it out for chocolate chips.
  • Ganache: Leave the ganache out of the recipe, and don’t fill the cupcakes; serve them with just frosting on top if you would like.
  • Hazelnuts: Hazelnut pairs well with coffee, so add some chopped hazelnuts to the cupcake batter for an excellent crunch option.

NOTE: This recipe has not been tested with other substitutions or variations

How to make Coffee Cupcakes with Coffee Buttercream Frosting

Make the Coffee Cupcakes

First let’s do our prep work of preheating the oven and lining our cupcake pans with paper liners.

Step-by-step process of making Coffee Cupcakes: mixing wet ingredients, adding flour, pouring coffee-infused batter into liners, and baking cupcakes in a tin.

Step 1: Whisk the wet ingredients into a large bowl until the eggs and sour cream are well incorporated.

Step 2: Whisk the dry ingredients into the wet until the batter is smooth. It will be quite liquidy.

Step 3: Fill the cupcake liners 3/4th full with the cupcake batter.

Step 4: Place in the preheated oven and bake.

Make the Mocha Ganache

A four-step baking process: mixing chocolate chips, bowl of melted chocolate, whipped chocolate frosting, and Coffee Cupcakes topped with frosting, each step labeled 5 to 8.

Step 5: Stir together the heavy cream, chocolate chips, and instant coffee granules in a microwave-safe bowl.

Step 6: Microwave the ingredeints in 30-second intervals and stir after each interval until the mocha ganache is smooth and creamy.

Step 7: Let the ganache cool in the fridge until thickened. Whip with an electric mixer until fluffy. Add the whipped mocha ganache into a disposable piping bag fitted with a large round tip.

Step 8: Cut the centers out of the cooled cupcakes making sure not to cut all the way through the cupcake. Pipe the whipped ganache into the centers of the cupcakes.

Make the Coffee Buttercream Frosting

A bowl of whipped frosting on the left and a Coffee Cupcakes creation being piped with frosting on the right, both numbered 9 and 10.

Step 9: Add the coffee frosting ingredients into a large mixing bowl and beat until whipped to a light and fluffy consistency with an electric mixer.

Step 10: Add the frosting to a disposable piping bag fitted with a Wilton 1M piping tip and pipe tall swirls of frosting on top of the cupcake and ganache.

A sliced Coffee Cupcake with brown frosting reveals a chocolate cream filling inside, sitting on a white tray with its wrapper partially peeled.

Tips and Tricks

  • For all refrigerated items, I recommend allowing them to come to room temperature to mix up for the best texture.
  • Allow the cupcakes to cool before you try to frost them fully. Otherwise, the frosting will melt into the warm cupcakes.
  • Sift the flour for a lighter and fluffier texture in the cupcakes. You can also sift the powdered sugar for the frosting.
  • Please do not overbake the cupcakes, as this will dry them out. Stick a toothpick in the center of the cupcakes, and if it comes out clean of wet batter, the cupcakes are done.

How to Store and Freeze

You can store the cupcakes at room temperature for 2 days or refrigerate them for up to 4-5 days to extend their life.

For freezing the cupcakes can be frozen for 2-3 months in a freezer bag or freezer container. Then, thaw them on the counter or in the fridge when you are ready to eat them.

Three Coffee Cupcakes with brown swirled frosting and a small chocolate decoration are arranged on a rectangular plate next to a white mug of black coffee. More cupcakes on a stand are visible in the background.

Recipe FAQs

Can I make these cupcakes ahead of time?

Feel free to make the cupcakes a day before you plan to serve them. Keep them in a covered container so they don’t dry out.

Can I use brewed coffee instead of instant coffee in the recipe?

You won’t be able to get enough flavor in your coffee cupcakes with the small amount of liquid that can be added, so it’s not recommended. You can however use espresso powder.

Can I omit the sour cream from the cupcake batter?

Swap the sour cream with a plain Greek yogurt if you would like. You need the moisture to help create fluffy and moist cupcakes. So you have to swap the sour cream out with a yogurt.

More coffee desserts you’ll want to try:

This post was originally published December 30, 2015. It’s been updated with more information and new images.

If you try this recipe, be sure to leave a rating below and also share it on Instagram, and tag me! You can also find me on Facebook and stay up to date on recipe releases by joining the Newsletter!

Three coffee cupcakes with swirled brown frosting and chocolate decorations on top, displayed on a white cake stand against a tiled background.

Coffee Cupcakes with Coffee Buttercream

Coffee cupcakes with coffee buttercream are downright delicious. They’re the ultimate coffee desserts! Coffee infused cupcakes filled with whipped mocha ganache and topped with coffee buttercream frosting.
4.86 from 35 votes
Prep Time 45 minutes
Cook Time 19 minutes
Total Time 1 hour 4 minutes
Course Dessert
Cuisine American
Servings 14 servings
Calories 506 kcal

Ingredients
  

Cupcakes

Ganache

Buttercream

  • 1 cup butter room temperature
  • 3 tablespoons instant coffee
  • 3 teaspoons water
  • 3 cups powdered sugar
  • 2 tablespoons milk
  • 14 chocolate covered espresso beans for garnish

Instructions

  • Preheat oven to 350 degrees. Place cupcake liners in your cupcake pan and set aside.
  • In a large mixing bowl, add in the vegetable oil and granulated sugar. Mix until incorporated.
  • Add the vanilla and eggs into the sugar mixture. Mix on medium until the eggs become pale. (about 1 minutes)
  • In a small bowl, add in the instant coffee and water. Stir until all the granules are dissolved. Add into the large bowl.
  • Add the sour cream into the bowl with the remaining wet ingredients. Mix until the sour cream in incorporated.
  • Add in the baking powder, baking soda, salt and flour. Mix just until the flour is incorporated. The batter won’t be super thick.
  • Scoop the batter into the prepared cupcake pans.
  • Place into the preheated oven for 18 – 20 minutes or until done. Add a toothpick to the center of the cupcakes, if it comes out clean or with moist crumbs, it’s done. If it still has batter on it, let it bake awhile longer.
  • Set aside to let cool.

Ganache

  • In a microwave-safe bowl, add in the milk chocolate chips, heavy cream and instant coffee. Stir to combine.
  • Microwave for 1 minute. Stir until everything combines and becomes smooth.
  • Place in the fridge for about an hour to cool down and thicken.
  • Remove from the fridge and whip with a hand mixer until it lightens in color and becomes fluffy.
  • Remove the centers of the cupcakes, but be sure not to go all the way through them. Leave a bottom so your ganache doesn’t fall out.
  • Add the whipped ganache into a piping bag or sandwich bag. Pipe the ganache into the center of the cupcakes. You can add a small mound above the cupcake for a surprise center of the buttercream. There should be some left over after filling all the cupcakes depend on how big of a hole you’re filling.
  • Set aside.

Buttercream

  • In a large mixing bowl, add in the butter. Mix with the hand mixer to get the butter blended.
  • In a small bowl, add the instant coffee and water. Mix until all the granules are dissolved.
  • Add the coffee mixture and powdered sugar in with the butter. Mix until it comes together.
  • Add in the milk and continue to mix for about 2 minutes. It will make the buttercream light and fluffy.
  • Place the buttercream into a piping bag with a straight tip. Pipe swirls on the tops of the cupcakes.
  • Top each cupcake with a chocolate covered espresso bean.
  • Serve!

Notes

To store any leftover coffee cupcakes with coffee buttercream icing, you will want to place in an air tight container and in the refrigerator for up to 3 days.

Nutrition

Calories: 506kcalCarbohydrates: 62gProtein: 4gFat: 28gSaturated Fat: 13gPolyunsaturated Fat: 5gMonounsaturated Fat: 6gTrans Fat: 1gCholesterol: 70mgSodium: 209mgPotassium: 158mgFiber: 1gSugar: 48gVitamin A: 585IUVitamin C: 0.2mgCalcium: 54mgIron: 1mg

(Nutrition facts are an estimate and not guaranteed to be accurate. Please see a registered dietitian for special diet advice.)

Similar Posts

43 Comments

  1. Hello! Two questions: 1- What tip did you use to frost these (I’m pretty new at decorating)? Also, I know this may cause gasps, but can I make these without the filling, and if so, would I simply omit it and continue with the recipe as is? Thank you!

    1. Kelsey @ Cookie Dough and Oven Mitt says:

      I used a straight tip, but any around tip can work. Yes, you can just bake up cupcakes and frost the same and skip the filling.

4.86 from 35 votes (30 ratings without comment)

Leave a Reply

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

Recipe Rating