Cafe Mocha Cupcakes (Chocolate Cupcakes with Mocha Frosting)

Share With Friends!

As an Amazon Associate and affiliate with other networks, I may earn a commission from purchases made through links within this post. For more information read my disclosure page here.

Cafe mocha cupcakes also known as chocolate mocha cupcakes are one of the most amazing cupcake recipes ever. A rich homemade chocolate cupcake topped with mocha buttercream!

Cafe Mocha Cupcakes

These Cafe Mocha Cupcakes combine the AMAZING chocolate cupcake recipe with the amazing Mocha Buttercream frosting for one of the most amazing cupcakes you will ever put in your mouth! Really we all know that nothing beats chocolate and nothing beats coffee so when we put them together they are AMAZING!

A fun fact for you guys is that I started working at the bakery that made my wedding cake a year after we got married! Which is also a fun story because I originally thought when I was going to pick out the cake that I would go with some sort of a vanilla flavor to satisfy more people.

But as soon as I started tasting the chocolate flavors I just knew that I was going to have a  chocolate wedding cake. My favorite flavor was the chocolate raspberry combination which be on the look out for that AMAZING cupcake recipe that is coming soon! But anywho my husband’s favorite was the mocha and thankfully we had a tiered cake so we both got what we wanted 😉

This is great for you guys because of the fact that I can share my take on the recipes that I had to make for that bakery. Be sure to check out my twist on a classic cake that I learned while working at the bakery.

Chocolate Cupcake Recipes

• Chocolate Raspberry cupcakes
• Andes Mint Cupcakes
• Chocolate Cherry cupcakes
• Homemade Chocolate cupcakes with Chocolate buttercream frosting
• Chocolate Turtle Cupcakes
• Samoas Cupcakes

Cafe Mocha Cupcakes Supplies

• Pastry bag
• large star tip

Chocolate Mocha Cupcakes Ingredients

• 24 chocolate cupcakes
• 1 batch of Mocha Buttercream Frosting‎

Chocolate Mocha Buttercream Frosting Ingredients

• butter at room temperature
• powdered sugar
• cocoa powder
• heavy cream
• vanilla extract
• Pinch of salt
• instant coffee

Chocolate cupcakes ingredients

• hot brewed coffee
• unsweetened cocoa powder
• all purpose flour
• baking soda
• baking powder
• salt
• room temperature butter
• brown sugar
• granulated white sugar
• eggs
• vanilla  extract

How to Make Chocolate Cupcakes

Preheat the oven to 350˚ F.

Put paper cupcake liners in your cupcake pans or you can use silicone, which ever ones you prefer.

In a medium bowl whisk together the hot brewed coffee and cocoa, until dissolved and set aside.

In the bowl for your stand mixer, combine the flour, baking soda, baking powder and salt.

Then add the butter and sugars.

Beat on medium-high speed of your mixer until light and fluffy, about 3 minutes. Add in the eggs one at a time. Mix in the vanilla.

With the mixer on low speed, add the dry ingredients in three additions alternating with the coffee-cocoa mixture, beginning and ending with the dry ingredients.

Mix each addition just until incorporated, being careful not to over mix.

Divide the batter between the prepared liners, filling each about two-thirds of the way full.

Bake about 20 minutes or until a toothpick inserted in the center comes out clean.

Let cool in the pans briefly, then transfer to a wire rack to cool completely.

How to Make Mocha Buttercream Frosting

In the bowl of the mixer beat the butter on medium speed until nice and creamy.

Turn the mixer down to the lowest setting and slowly incorporate the powdered sugar and cocoa powder into the butter.

Once you have added all the sugar to the mix add the heavy cream, vanilla, salt and instant coffee powder.

Turn the mixer up to medium-high speed and continue mixing for 10 minutes until light and fluffy.

Assembling Chocolate Mocha Cupcakes

If you are using a disposable pastry bag start off by cutting the tip off you bag wide enough to fit your piping tip in the hole.

Place your piping tip into your pastry bag.

Fill the pastry bag with your mocha buttercream, making sure you do not overfill the bag.

Swirl the buttercream onto each chocolate cupcake by starting in the middle then swirling the tip around the whole top cupcake.

Cupcake Recipes everyone will love

• Pink Lemonade Cupcakes
• Blackberry Cupcakes
• Boston Cream Cupcakes
• Blueberry Cupcakes
• Peanut butter and jelly cupcakes
• Chocolate covered strawberry cupcakes

Chocolate Mocha Cupcakes

Chocolate Mocha Cupcakes are the perfect combination of a bakery style chocolate cupcake topped with homemade mocha buttercream frosting.

Pin Recipe Print Recipe

Prep Time 10 minutes

Cook Time 30 minutes

Servings 24

Author MidgetMomma

Ingredients

Chocolate Mocha Cupcake Ingredients

• Chocolate cupcakes
• Mocha Buttercream Frosting

Mocha frosting ingredients

• 1.5 cups butter at room temperature
• 4 cups powdered sugar
• 3/4 cups cocoa powder
• 4 tablespoons heavy cream
• 2 teaspoons vanilla extract
• Pinch salt
• 3 teaspoons instant coffee

Chocolate cupcakes ingredients

• 1.5 cups hot brewed coffee
• 3/4 cup unsweetened cocoa powder
• 2 1/4 cups all purpose flour
• 1.5 teaspoon baking soda
• 3/4 teaspoon baking powder
• 1/2 teaspoon salt
• 12 tablespoon room temperature butter
• 1/5 cups brown sugar
• 3/4 cup granulated white sugar
• 3 large eggs
• 1 tablespoon vanilla extract

Instructions

How to make chocolate cupcakes

• Preheat the oven to 350˚ F.
• Put paper cupcake liners in your cupcake pans or you can use silicone, which ever ones you prefer.
• In a medium bowl whisk together the hot brewed coffee and cocoa, until dissolved and set aside.
• In the bowl for your stand mixer, combine the flour, baking soda, baking powder and salt.
• Then add the butter and sugars.
• Beat on medium-high speed of your mixer until light and fluffy, about 3 minutes. Add in the eggs one at a time. Mix in the vanilla.
• With the mixer on low speed, add the dry ingredients in three additions alternating with the coffee-cocoa mixture, beginning and ending with the dry ingredients.
• Mix each addition just until incorporated, being careful not to over mix.
• Divide the batter between the prepared liners, filling each about two-thirds of the way full.
• Bake about 20 minutes or until a toothpick inserted in the center comes out clean.
• Let cool in the pans briefly, then transfer to a wire rack to cool completely.

How to Make Mocha frosting

• In the bowl of the mixer beat the butter on medium speed until nice and creamy.
• Turn the mixer down to the lowest setting and slowly incorporate the powdered sugar and cocoa powder into the butter.
• Once you have added all the sugar to the mix add the heavy cream, vanilla, salt and instant coffee powder. Turn the mixer up to medium-high speed and continue mixing for 10 minutes until light and fluffy.

How to Make Chocolate Mocha Cupcakes

• If you are using a disposable pastry bag start off by cutting the tip off you bag wide enough to fit your piping tip in the hole.
• Place your piping tip into your pastry bag.
• Fill the pastry bag with your mocha buttercream, making sure you do not overfill the bag.
• Swirl the buttercream onto each chocolate cupcake by starting in the middle then swirling the tip around the whole top cupcake.

Nutrition

Serving: 1cupcake | Calories: 336kcal | Carbohydrates: 40g | Protein: 3g | Fat: 19g | Saturated Fat: 12g | Cholesterol: 69mg | Sodium: 280mg | Potassium: 136mg | Fiber: 2g | Sugar: 28g | Vitamin A: 596IU | Calcium: 25mg | Iron: 1mg

Course cupcakes, Dessert

Cuisine American

Keywords cafe mocha cupcakes, chocolate mocha cupcakes

18 Weight Watchers SmartPoints per cupcake.

Share With Friends!