Mocha Cupcakes With Mocha Frosting

These mocha cupcakes with mocha frosting combine the bold flavors of chocolate and coffee together in pure harmony! Perfect for all the chocoholics!

*This post has been compensated by Collective Bias, Inc. and its advertiser so that I can share these mocha 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.

I think it’s truly one of my FAVORITE days of the year!

There are tables set up for kids and adults with EVERYTHING imaginable: cakes, cupcakes, cookies, sandwiches, coffee, hot cocoa and so much more.

mocha cupcakes with mocha frosting 1


ebook by cakewhiz

Now, my family is really BIG on coffee and chocolate (of course!).


So, I always have a few desserts that are MOCHA flavored and trust me…they are gobbled up in no time! lol

This year, I have added these mocha cupcakes into our Christmas menu and I CAN’T wait till my family tries them.

mocha cupcakes with mocha frosting 2

These cupcakes are EPIC … filled with ooey gooey caramel sauce and topped off with a swirl of rich mocha frosting.

I already know everyone will be ASKING for the recipe…hehehehe.

If you are a coffee loving chocoholic like me and my family, you need to run into the kitchen and make these IMMEDIATELY!

I swear that frosting is to die for and tastes just like a mocha latte.

I can just sit and eat it by the SPOONFULS without a care in the world…lol.

mocha cupcakes with mocha frosting 7

By the way, 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!

But, 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… Thank goodness!

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.

Head over here to check out all the other wonderful Starbucks varieties.

starbucks campaign 1

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 5


Mocha Cupcakes with Mocha Frosting

Course: Cupcakes, Dessert
Cuisine: American
Prep Time: 10 minutes
Cook Time: 23 minutes
Total Time: 33 minutes
Servings: 24 Cupcakes
Calories: 371 kcal
Author: CakeWhiz
These mocha cupcakes with mocha frosting combine the bold flavors of chocolate and coffee together in pure harmony! Perfect for all the chocoholics!


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


  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 20-23 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.


  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

  • 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. So, 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.
Nutrition Facts
Mocha 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.

Well, that’s all for today.

Until next time, tata my lovelies!


    1. Abeer Rizvi

      December 2, 2015 at 3:33 am

      Oh they are and if you are a coffee lover, you are gonna go crazy for these little cuties!

Leave a Reply