Mocha Coffee Cupcakes with Rich Espresso Frosting

Quick and easy gourmet chocolate coffee cupcakes made with espresso buttercream frosting. These soft, moist mocha cupcakes are filled with gooey caramel for an indulgent finish.

*Thank you Starbucks for sponsoring today’s post so I can share this recipe with you. All opinions are my own.*

Easy Chocolate Coffee Cupcakes (Mocha Cupcakes) With Liner Partially Removed on Wood Background.

Every Christmas our family and friends gather at our house for a big breakfast and a whole day of laughter and catching up. There are separate tables for kids and adults stocked with every sweet you can imagine: cakes, cupcakes, cookies, warm lattes and hot chocolate. This year I added these mocha cupcakes to the menu. Each cupcake hides a ribbon of warm caramel and is finished with a swirl of rich espresso buttercream. The mocha frosting tastes just like a creamy mocha latte—decadent and balanced.

Homemade Mocha Cupcakes in Yellow Liner on Rustic Background.

Key ingredients for mocha cupcakes

  • Flour – All-purpose flour gives the best texture.
  • Cocoa powder – Use good-quality cocoa for a deeper chocolate flavor.
  • Sugar – The recipe uses both granulated and powdered sugar.
  • Oil – Keeps the cupcakes moist and tender.
  • Buttermilk – Adds a subtle tang and helps create a tender crumb.
  • Espresso powder – Intensifies the coffee notes; not interchangeable with instant coffee granules.
  • Brewed coffee – Strong, cooled coffee adds moisture and flavor.
  • Baking powder and baking soda – Both leavening agents are needed for lift.
  • Eggs – Use large eggs at room temperature for better emulsion.
  • Vanilla extract – Enhances the warm flavors.
  • Butter – Unsalted and at room temperature for the frosting.
  • Shortening – Adds stability to the frosting for clean piping.

Variations for espresso cupcakes

  • Using cake mix: Start with a chocolate cake mix and add 1–2 tablespoons espresso powder. Top with the mocha frosting once cooled.
  • White chocolate version: Frost with white chocolate buttercream for a vanilla-forward twist.
  • Salted caramel: Use salted caramel for filling or frosting, or drizzle caramel over the finished cupcakes.
  • Peppermint: Add crushed candy canes to the frosting—great for holiday gatherings.
  • Alternative extracts: Try maple, almond or peppermint extracts for varied flavor profiles.
  • Cheesecake filling: Fill cupcakes with a no-bake cheesecake center after they cool.
  • Other frostings: Chocolate cream cheese, American buttercream, marshmallow frosting or chocolate ganache all work well.
  • Different fillings: Try whipped cream, chocolate ganache, pumpkin butter or cookie dough truffle centers.
  • Mini cupcakes: Make a batch in a mini pan—omit the filling or use it as a decorative drizzle.
  • Party-ready: Add colorful sprinkles for birthdays or festive events.
Closeup Shot of Caramel Filling Inside Cupcake.

How to make easy chocolate coffee cupcakes from scratch

  1. Combine wet ingredients: In a bowl, whisk eggs, oil, buttermilk, brewed coffee and vanilla until combined.
  2. Mix dry ingredients: In another bowl, whisk flour, granulated sugar, cocoa powder, espresso powder, baking powder and baking soda.
  3. Combine: Add the dry mix to the wet ingredients and stir until just combined—avoid overmixing.
  4. Bake: Spoon batter into cupcake liners and bake at 350°F (175°C) for 18–20 minutes, or until a toothpick comes out clean.
  5. Prepare frosting: Beat butter and shortening together, then add cocoa powder, espresso powder and brewed coffee.
  6. Finish frosting: Add powdered sugar a cup at a time, beating until the frosting is smooth and pipeable.

Tips and techniques

  • Don’t overmix: Overworking batter leads to dense, tough cupcakes.
  • Room temperature ingredients: Let eggs and buttermilk come to room temperature for even mixing.
  • Thin batter is normal: The batter will be fairly loose—resist adding extra flour.
  • Watch baking time: Check closely after 18–20 minutes; centers can appear done but remain soft.
  • Frosting flavor: The mocha flavor deepens after 24 hours, so you can make frosting a day ahead.
  • Filling timing: Filling with caramel too far ahead can make cupcakes soggy—fill about an hour before serving unless the caramel is thick.
  • Coffee and chocolate: Adding coffee intensifies the chocolate rather than overwhelming it. The espresso frosting balances both chocolate and coffee flavors.
  • Stability: A blend of butter and shortening keeps the icing stable for piping.
  • Adjust frosting consistency: If too thin, add more powdered sugar; if too thick, thin with brewed coffee or a little water.
  • Espresso powder: Espresso powder is different from coffee granules—use the correct ingredient for best results.
Closeup Shot of Cupcake Cut in Half on Wood Background.

I used Starbucks Holiday Blend and Starbucks VIA espresso powder in these cupcakes. The Holiday Blend brews into a rich, full-bodied coffee that pairs beautifully with the chocolate and caramel components.

Opened Bag of Starbucks Coffee on Wood Background.

Recipe FAQs

Why are my cupcakes dry?

Over-baking is the most common reason. Double-check your oven temperature and measure wet and dry ingredients carefully.

Why did my cupcakes sink in the middle?

Underbaking can cause sinking. Make sure the centers are set before removing from the oven.

How do I make moist cupcakes?

Accurate measurements, using oil for moisture, and not overbaking will produce soft, moist cupcakes.

What can I substitute for espresso powder?

Instant coffee can work as a substitute at a 1:1 ratio, though espresso powder delivers a more concentrated flavor.

Storage

  • Room temperature: Store in a covered container for 2–3 days.
  • Refrigerate: Keep leftover cupcakes in a sealed container in the fridge for up to 3 days.
  • Freeze: Store cupcakes and frosting separately in sealed containers for up to 1 month. Thaw before assembling and decorating.
  • Make ahead: You can prepare cupcakes up to 3 days in advance and refrigerate, or freeze components separately and assemble later.

More coffee desserts

  • Easy Coffee Pancakes with Mocha Syrup
  • Mocha Caramel Cookie Dough Truffles
  • Espresso Fudge
  • Mocha Crinkle Cookies
  • Chocolate Coffee Cake
  • No-Bake Mocha Cheesecake
  • Coffee Popsicles made with iced coffee

Recipe

Easy Chocolate Coffee Cupcakes (Mocha Cupcakes) With Liner Partially Removed on Wood Background.

Chocolate Coffee Cupcakes (Mocha Cupcakes)

Abeer Rizvi

Soft, moist chocolate coffee cupcakes topped with espresso buttercream and filled with gooey caramel.
5 from 1 rating
Prep Time
10 mins
Cook Time
20 mins
Decorating time
20 mins
Total Time
50 mins
Course Cupcakes, Dessert
Cuisine American
Servings 24 Cupcakes
Calories 371 kcal

Want to Save This Recipe?

Enter your email & I’ll send it to your inbox. Plus, get great new recipes from me every week!

By submitting this form, you consent to receive emails from CakeWhiz

Ingredients

Cupcakes

  • 2 cups All-purpose flour
  • ¾ cup Cocoa powder
  • 2 cups Granulated sugar
  • ½ cup Oil
  • 1 cup Buttermilk
  • 1 cup CoffeeFreshly brewed, strong, room temperature
  • teaspoon Baking powder
  • teaspoon Baking soda
  • 2 Large eggs
  • 1 tablespoon Espresso powder
  • 1 teaspoon Vanilla extract

Mocha Espresso Frosting

  • ½ cup Unsalted butter
  • 1 cup Shortening
  • ¼ cup Cocoa powder
  • ½ tablespoon Espresso powder
  • ¼ cup CoffeeFreshly brewed, strong
  • 5-6 cups Powdered sugar

Filling and Decoration

  • Small candy balls (Yellow Sixlets) for garnish
  • Caramel sauceStore-bought or homemade

Instructions

  • In a mixing bowl, beat eggs, oil, buttermilk, brewed coffee and vanilla on medium speed until combined and slightly frothy.
  • In a separate bowl, whisk flour, sugar, cocoa powder, espresso powder, baking powder and baking soda. Add the dry ingredients to the wet and mix until just combined.
  • Spoon batter into cupcake liners and bake at 350°F (175°C) for 18–20 minutes or until a toothpick inserted into the center comes out clean. Allow cupcakes to cool completely.
  • While the cupcakes bake, prepare the frosting. Beat butter and shortening until smooth, then add cocoa powder, espresso powder and brewed coffee. Beat until combined.
  • Add powdered sugar, one cup at a time, beating until the frosting reaches a smooth, pipeable consistency.

Assembling

  • Make a hollow in each cooled cupcake using a large piping tip or a small knife.
  • Fill the cavity with warm caramel sauce. If using caramels, melt them with a splash of cream until smooth.
  • Replace the removed cupcake piece to seal the filling.
  • Pipe a swirl of mocha frosting on each cupcake and finish with a small yellow candy on top.
  • Serve and enjoy.

Notes

  • Use unsalted butter to avoid an overly salty frosting.
  • Blend butter and shortening in the frosting for the best piping stability.
  • Adjust frosting thickness with powdered sugar (to thicken) or brewed coffee/water (to thin).
  • All ingredients should be at room temperature for even mixing.
  • Espresso powder is not interchangeable with coffee granules; use espresso powder for the intended flavor.
  • Refer to the tips and variations above for additional ideas.
  • Store leftovers in a sealed container in the refrigerator for up to 3 days.

Nutrition

Calories: 371kcal
Carbohydrates: 52 g
Protein: 2 g
Fat: 18 g

An automated tool calculates the nutritional information; accuracy is not guaranteed.



Tried this recipe?
Leave a comment below or rate the recipe.