Salted Caramel Mocha Cupcakes Recipe for Coffee Lovers

These Mocha Cupcakes with Salted Caramel Buttercream are the easiest cupcakes you’ll ever make. They start with a boxed chocolate cake mix but are transformed into bakery-worthy treats by adding extra cocoa, sour cream, espresso powder and a few simple ingredients.

Mocha cupcakes with salted caramel buttercream topped with caramel sauce.

These mocha cupcakes, finished with a silky salted caramel buttercream, are a favorite for good reason. A doctored-up cake mix saves time while achieving a rich, tender crumb and a deep chocolate-coffee flavor that tastes like it came from a bakery.

If you liked the idea of enhancing a boxed mix, I used the same approach for other recipes. With a few tweaks—extra cocoa, pudding mix, and a touch of espresso—you’ll get impressive results with minimal effort.

Why I love these Mocha cupcakes

  • They’re quick and easy to prepare.
  • The cake and salted caramel buttercream pair perfectly.
  • They taste homemade even with a shortcut.
  • They include coffee for a pleasant mocha note.

Ingredient Notes

Labeled ingredients needed to make recipe on surface.
  • Chocolate cake mix: A standard chocolate fudge mix works well. Some boxes vary in weight; the recipe was originally developed with a 15.25 oz box.
  • Sour cream: Full-fat sour cream gives the best richness. Full-fat plain Greek yogurt can be substituted, though the flavor will be slightly different.
  • Eggs: Four large eggs improve texture, but three will still yield good results.
  • Oil: Use a mild-flavored oil like canola for neutral flavor.
  • Whole milk: Whole milk gives the best crumb and flavor in this recipe.
  • Instant chocolate pudding mix: Adds moisture and chocolate depth—use instant pudding mix.
  • Espresso powder: Enhances the mocha flavor. You’ll find it in the coffee aisle near instant coffee.

For the Salted Caramel Buttercream Frosting:

  • Butter: Unsalted butter is used here; swap for salted butter if you prefer a more pronounced salt balance.
  • Powdered sugar: For structure and sweetness in the buttercream.
  • Caramel sauce: A good-quality caramel sauce delivers the best flavor and texture for the frosting.

Recipe Variations

  • Swap the frosting: try chocolate whipped cream for a lighter finish or a classic chocolate buttercream for even more chocolate.

Step-By-Step Instructions

  • Preheat the oven to 350°F and prepare a lined muffin tin.
  • In a medium bowl, lightly beat the eggs. Add milk, sour cream, oil and vanilla, then whisk to combine.
  • Stir in the instant pudding mix. Add cocoa powder, the cake mix and espresso powder; mix on medium with an electric mixer until smooth (about 2 minutes by hand if preferred).
  • Fill each cupcake liner about halfway (avoid overfilling) and bake until a toothpick inserted in the center comes out clean, about 14–17 minutes. Allow cupcakes to cool completely before frosting.

For the Salted Caramel Frosting:

  • Beat softened butter on medium with an electric mixer until light and fluffy (2–4 minutes).
  • Add powdered sugar gradually, one cup at a time, until fully incorporated. Beat in caramel sauce, vanilla and sea salt, then mix until smooth. Pipe or spread onto cooled cupcakes. If you prefer tall, piped swirls, consider doubling the frosting recipe.
Cafe mocha cupcake with caramel frosting with bite taken out.

Recipe Tips

  • Fill cupcake liners only a bit over halfway. A 2/3 fill is the maximum; overfilling can cause overflow and uneven tops.
  • Watch bake time closely and test with a toothpick early to avoid overbaked, dry cupcakes.
  • Make the recipe your own: use store-bought frosting if short on time, or switch to chocolate buttercream for extra chocolate flavor.
  • Garnish ideas: break a Pirouette cookie in half and place it in the frosting, plus a drizzle of extra caramel.
  • Want to avoid caffeine? Use a decaf instant espresso powder; the flavor holds up well.

Try these other baked goods:

  • ONE BOWL SMALL BATCH CHOCOLATE CHIP COOKIES
  • GLUTEN FREE BLONDIES
  • BLUEBERRY LEMON DUMP CAKE
  • KAHLUA CREAM CHEESE BROWNIES
  • SMALL BATCH LEMON SUGAR COOKIES
  • ROSEMARY ORANGE ALMOND COOKIES
  • PEPPERMINT CHIP COOKIES
  • DOUBLE CHOCOLATE WHITE BEAN BROWNIES

HUNGRY FOR MORE? Subscribe to the newsletter and follow along on social media for new recipes and updates.

Mocha Cupcakes with Salted Caramel Buttercream Frosting

A simple boxed cake mix is transformed into rich, mocha-flavored cupcakes topped with salted caramel buttercream—tender, chocolatey, and full of flavor.
Chocolate espresso cupcakes topped with caramel buttercream on cooling rack.
Prep Time: 15 minutes
Cook Time: 15 minutes
Total Time: 45 minutes
Servings: 30 cupcakes

Ingredients

For Mocha Cupcakes

  • 1 chocolate cake mix (about 15.25 oz)
  • 4 large eggs
  • 1/2 cup canola oil
  • 1 1/4 cups whole milk
  • 3/4 cup sour cream
  • 1 box instant chocolate pudding
  • 1 tablespoon espresso powder
  • 1/4 cup cocoa powder
  • 1 teaspoon vanilla extract

For Salted Caramel Buttercream Frosting

  • 1 cup unsalted butter, softened
  • 4 cups powdered sugar
  • 1 1/2 teaspoons vanilla
  • 1/2 teaspoon sea salt (more to taste)
  • 1/2 cup caramel sauce

Instructions

  • Preheat oven to 350°F.
  • In a medium bowl, lightly beat the eggs. Add milk, sour cream, pudding mix, oil and vanilla; whisk to combine. Stir in cocoa powder, cake mix and espresso powder. Mix on medium with an electric mixer, or beat by hand for about 2 minutes.
  • Pour batter into lined muffin tins, filling each cup about halfway. Bake 14–17 minutes or until a toothpick comes out clean. Cool completely.
  • While cupcakes cool, beat softened butter until light and fluffy (2–4 minutes). Add powdered sugar one cup at a time, then beat in caramel, vanilla and sea salt until smooth. Frost cooled cupcakes. For taller piped swirls, double the frosting.

Nutrition

Calories: 269 kcal, Carbohydrates: 32 g, Protein: 2 g, Fat: 14 g, Saturated Fat: 6 g, Cholesterol: 42 mg, Sodium: 160 mg, Fiber: 1 g, Sugar: 22 g

Nutrition information is an approximation.

Shop This Post

Muffin + Cupcake Liners

Muffin Pan

Cocoa Powder

Hand Mixer