Home » Types of Food » Cakes & Pies » Buttermilk Chocolate Cupcakes with Mocha Buttercream Icing (Tutorial)

Buttermilk Chocolate Cupcakes with Mocha Buttercream Icing (Tutorial)

Buttermilk Chocolate Cupcakes with Mocha Buttercream Icing are not only delicious, but it’s easy to make them look professional, too.

Chocolate Buttermilk cupcake with a pink rose

After making these buttermilk chocolate cupcakes, you will no longer wonder how bakeries and pastry shops make their cupcakes look so perfect.

As an Amazon Associate I earn from qualifying purchases.

text box with paraphrase: This Buttermilk cake recipe produces a cake that is moist and decadent. -Jana

You can also make professional looking cupcakes at home; all that is needed is a couple of basic cake decorating tools.

You may also enjoy these molten chocolate lava cakes!

Oozing molten chocolate lava cake

I’m getting ahead of myself, though, because if the cupcakes don’t taste really good, no one will care that they look so beautiful. So I’ll start with this homemade buttermilk chocolate cupcakes recipe, which has never failed me. Then I’ll show you how to make a lovely mocha buttercream icing, so that it’s not an overly sweet cupcake that only a 5 year old would want to eat. Sound good? Read on.

Since Valentine’s Day is quickly approaching, this would fit the bill for dessert after a lovely romantic dinner. What about chocolate cupcakes for your child’s classroom (just substitute milk for the coffee in the icing), treats for your colleagues, or just so you can have a cupcake for a coffee break?

buttermilk chocolate cupcake with mocha buttercream frosting

Most people love chocolate, but many people I know just buy Hershey’s cocoa at the local grocery store. I’m going to ask you to venture from this habit and actually use good quality (real) cocoa for this recipe. When you try it once, I won’t have to ask you to do it in future, because you will taste the difference! Here are some examples of brands of cocoa that I buy:

Barry Callebaut (French/Belgian), Perugina (Italian),  Bourneville (British), many of which can be found on Amazon.com.

Professional looking buttermilk chocolate cupcakes with mocha buttercream frosting recipe
Isn’t this a lovely Valentine’s Day gift idea?

 

Buttermilk Chocolate Cupcakes
with Mocha Buttercream Icing

slightly adapted from a Good Housekeeping recipe         makes 24

FULL PRINTABLE RECIPE BELOW

Ingredients

  • 1 1/2 cups (12 oz) sugar
  • 1 1/4 sticks (5 oz) butter
  • 2 large eggs
  • 1 2/3 cup (7.5 oz) flour
  • 1 1/4 cups (10 oz) buttermilk
  • 1/4 cup of strong coffee
  • 1 1/2 tsp baking soda
  • 1 tsp vanilla extract
  • 1/4 tsp salt
  • 1 tsp instant coffee granules
  • 2/3 cup (2 oz) good quality unsweetened cocoa powder

Mocha Buttercream

  • 1/2 cup (4 oz) butter, at room temperature
  • 5 cups ( 22 oz) confectioner’s sugar
  • 1/2 cup (1.5 oz) good quality unsweetened cocoa powder
  • 1/4 to 1/2 cup (2 to 4 oz) cold strong coffee
  • 1 tsp vanilla

Preheat oven to 350º F (175º C)

Directions

Prepare cupcake tins with cupcake liners. In large bowl, beat sugar and butter until blended, then increase speed and beat until light and fluffy, about 6 or 7 minutes, clearing sides and bottom of bowl with spatula every few minutes.creaming butter and sugar

Reduce speed to low and add eggs, buttermilk, coffee and vanilla.

adding milk and eggs

Then add baking soda, flour, salt, cocoa and coffee powder, beating until well mixed, constantly scraping sides of bowl with spatula.

beating in cocoa

Increase speed to high and beat 2 minutes, scraping bowl once or twice more.

cleaning the side of the bowl with a spatula

Here is the first part of getting professional looking cupcakes at home: making them all the same size. I have tried with a measuring cup, but it is very difficult.

What does work is the handy-dandy batter dispenser you see in the photo below. Apparently this one isn’t made anymore, but this one gets good reviews.

making buttermilk chocolate cupcakes with a batter dispenser

buttermilk chocolate cupcakes ready to bake

Bake 18 to 20 minutes or until toothpick comes out clean.

I like this recipe because the cupcakes are light yet don’t rise too high so the tops do not need to be cut off.

Buttermilk chocolate cupcakes baked in a pan

Make the buttercream by beating the butter until soft, then adding the sugar, cocoa, 1/4 cup (2 oz) coffee and salt, and mixing until creamy and smooth.

Then continue to add more coffee until a soft spreadable or pipeable consistency is reached.

mocha buttercream frosting on a spoon

The next step to professional looking cupcakes is the decorating.

Fill a piping bag and use whichever tip you like ( I used a #2D tip) and slowly, but smoothly pipe out the frosting like this:

Piping tutorial for perfectly frosted buttermilk chocolate cupcakes

Piping tutorial for perfectly frosted buttermilk chocolate cupcakes

Piping tutorial for perfectly frosted buttermilk chocolate cupcakes

Piping tutorial for perfectly frosted buttermilk chocolate cupcakes

Piping tutorial for perfectly frosted buttermilk chocolate cupcakes

Ta dah!! Now, wasn’t that easy? If it’s not “perfect,” don’t worry, practice is all you need. My buttermilk chocolate cupcakes don’t always come out exactly how I’d like, but once they’re all finished, they always seem to look better!

You can add powdered sugar, sprinkles or whatever decorations you like, but I like to keep it simple. You can also just eye how much batter you put in each cupcake liner using a tablespoon, and spread the icing on top with a knife. It may not look as pretty, but I guarantee they’ll taste the same!

perfectly frosted buttermilk chocolate cupcake with a pink rose

 

Don’t miss another recipe or travel post; sign up for my free subscription below.

 

buttermilk chocolate cupcake

Buttermilk Chocolate Cupcakes with Mocha Buttercream Icing (Tutorial)

Servings: 24
Prep Time: 15 minutes
Cook Time: 20 minutes
Total Time: 35 minutes
Moist chocolate cupcakes are topped with a creamy mocha buttercream icing. Perfect for both children and adults.
4.8 from 9 votes

Ingredients

  • 1 ½ cups sugar
  • 5 oz butter
  • 2 large eggs
  • 1 ⅔ cup flour (all-purpose)
  • 1 ¼ cups buttermilk
  • ¼ cup coffee (strong brew)
  • 1 ½ tsp baking soda
  • 1 tsp vanilla extract
  • ¼ tsp salt
  • 1 tsp instant coffee granules
  • cup cocoa powder (good quality, unsweetened)

Mocha Buttercream

  • 4 oz butter (at room temperature)
  • 5 cups confectioner's sugar (powedered/icing)
  • ½ cup cocoa powder (good quality unsweetened)
  • ¼ cup cold, strong coffee (you have the option to double this)
  • 1 tsp vanilla

Instructions

Preheat oven to 350º F (175º C)

  • Prepare cupcake tins with cupcake liners. In large bowl, beat sugar and butter until blended, then increase speed and beat until light and fluffy, about 6 or 7 minutes, clearing sides and bottom of bowl with spatula every few minutes.
  • Reduce speed to low and add eggs, buttermilk, coffee and vanilla.
  • Then add baking soda, flour, salt, cocoa and coffee powder, beating until well mixed, constantly scraping sides of bowl with spatula.
  • Increase speed to high and beat 2 minutes, scraping bowl once or twice more.
  • Here is the first part of getting professional looking cupcakes at home: making them all the same size. I have tried with a measuring cup, but it is very difficult. What does work is a handy-dandy batter dispenser.
  • Bake 18 to 20 minutes or until toothpick comes out clean.
  • I like this recipe because the cupcakes are light yet don't rise too high so the tops do not need to be cut off.
  • Make the buttercream: Beat the butter until soft, then adding the sugar, cocoa, coffee, and salt, and mix until creamy and smooth.
  • Then continue to add more coffee until a soft spreadable or pipeable consistency is reached.
  • The next step to professional looking cupcakes is the decorating.
  • Fill a piping bag and use whichever tip you like ( I used a #2D tip) and slowly, but smoothly pipe out the frosting. (See my site for a tutorial.)

Notes

Omit the coffee if you want plain chocolate frosting.

Nutrition

Serving: 1cupcake | Calories: 278kcal | Carbohydrates: 47g | Protein: 3g | Fat: 10g | Saturated Fat: 6g | Polyunsaturated Fat: 0.5g | Monounsaturated Fat: 3g | Trans Fat: 0.4g | Cholesterol: 40mg | Sodium: 182mg | Potassium: 103mg | Fiber: 2g | Sugar: 38g | Vitamin A: 309IU | Calcium: 26mg | Iron: 1mg

Christina’s Cucina is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.

4.78 from 9 votes (9 ratings without comment)

Leave a Reply

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

Recipe Rating




47 Comments