Skip to Content

Mocha Cupcakes with Salted Caramel Frosting

Rich and moist mocha cupcakes with salted caramel frosting and drizzled with homemade salted caramel sauce.

The salted caramel frosting is the perfect match for these rich chocolate cupcakes.

Mocha Cupcakes

This recipe has been my go-to for many years. I've made these chocolate cupcakes for birthdays, potlucks, and Holiday celebrations.

Mocha cupcakes with salted caramel frosting. Drizzled with salted caramel sauce.

This chocolate cupcake base has never failed me and everyone's feedback is positive. I make these cupcakes several times a year and they always come out delicious!

The trick to getting chocolate cupcakes the ultimate chocolate flavor is to add coffee into the mix. It enhances the chocolate richness and gives it a mocha flavor.

To get moist and delicious cupcakes buttermilk is a must when making this recipe! If there is no buttermilk on hand, the substitution of 1 cup of milk and 1 tablespoon of lemon juice will yield the same results.

Simply mix the milk and lemon juice together and allow it to sit for about 3 minutes and then use the required amount that the recipe calls for.

RELATED: Irish Cream Cupcakes

Salted Caramel Frosting

Salted caramel pairs beautifully with chocolate so what better way to pair those flavors together than in a cupcake! This frosting uses my salted caramel sauce as an ingredient and it also doubles as the drizzle on these cupcakes.

Close up of chocolate cupcake topped with buttercream and caramel drizzle.

Salted Caramel Sauce

Salted caramel sauce is easy to make at home and it's delicious drizzled on these cupcakes and it makes a delicious buttercream frosting.

This sauce is made on the stovetop and it takes less than 15 minutes to make. Allow the sauce to cool completely when using it to make buttercream frosting or else it will melt the sugars and the frosting won't pipe.

The sauce can be stored in the refrigerator for 1 week - there will be some left! It tastes great as a dipper for fruit!

RELATED: Chocolate Cupcakes with Buttercream Frosting

Drizzled caramel on chocolate cupcakes with piped buttercream frosting

📖 Recipe

Yield: 16 cupcakes

Mocha Cupcakes with Salted Caramel Frosting

Mocha Cupcakes with Salted Caramel Frosting

Rich and moist chocolate cupcakes topped with salted caramel frosting and drizzled with homemade salted caramel sauce.

Prep Time 10 minutes
Cook Time 14 minutes
Total Time 24 minutes


Chocolate Cupcakes

  • 1 cup all-purpose flour
  • ½ cup unsweetened cocoa powder
  • ¾ teaspoon baking powder
  • ½ teaspoon baking soda
  • ¼ teaspoon salt
  • 2 eggs, room temp
  • ½ cup granulated sugar
  • ½ cup brown sugar, packed - I used Imperial Sugar
  • ⅓ cup vegetable oil
  • 2 teaspoon vanilla extract
  • ¼ cup buttermilk
  • ¼ cup hot water
  • 2 teaspoon instant coffee

Salted Caramel Frosting


Chocolate Cupcakes

  1. Preheat oven to 350°
  2. Place 18 cupcake liners in muffin tins.
  3. In a large bowl, mix together the flour, cocoa powder, baking powder, baking soda, and salt together.
  4. In a separate bowl, beat together room temperature eggs, granulated sugar, brown sugar, vegetable oil, and vanilla.
  5. Pour the wet ingredients into the dry ingredients.
  6. Combine hot water and the 2 teaspoon of instant coffee until dissolved. Add to bowl.
  7. Add in the buttermilk and stir together the ingredients until just combined. Don't over mix.
  8. Fill the cupcake liners about ¾ of the way full and bake in the oven for 14-16 minutes. Check the center with a toothpick to see if they're done. (The center will come out clean)
  9. Allow the cupcakes to cool completely before frosting.

Salted Caramel Frosting

  1. Beat together the softened butter until creamy.
  2. Add in the vanilla extract.
  3. Beat in the salted caramel sauce.
  4. Beat in the powdered sugar slowly.
  5. Add in the ¼ cup half & half a little at a time until desired creaminess is achieved. Add more if you want it more creamy.
  6. Pipe onto cool cupcakes.
  7. Drizzle with additional salted caramel sauce.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:



Serving Size:

1 cupcake

Amount Per Serving: Calories: 386Total Fat: 22.2gSaturated Fat: 12gUnsaturated Fat: 0gCholesterol: 48mgSodium: 202mgCarbohydrates: 46.4gFiber: 1.1gSugar: 38.2gProtein: 2.2g

Did you make this recipe?

Please leave a comment on the blog or share a photo on Facebook

Rich and moist chocolate cupcakes topped with salted caramel frosting and drizzled with homemade salted caramel sauce.   #saltedcaramel #choctoberfest #saltedcaramelfrosting #buttercreamfrosting #chocolatecupcakes #mochacupcakes #easycupcakes #birthdaycupcakes #easybaking #baking
Rich and moist chocolate cupcakes topped with salted caramel frosting and drizzled with homemade salted caramel sauce.   #saltedcaramel #choctoberfest #saltedcaramelfrosting #buttercreamfrosting #chocolatecupcakes #mochacupcakes #easycupcakes #birthdaycupcakes #easybaking #baking

Robbin Tyo

Tuesday 1st of December 2020

On the Mocha Cupcake with Salted Carmel Frosting recipe it does not list shortening as an ingredient for frosting but includes shortening in directions.


Wednesday 2nd of December 2020

Hi Robbin!

Somehow my Vanilla Frosting recipe snuck in on the recipe card. It has been replaced with the Salted Caramel Frosting directions. The ingredients list are still correct. Thank you!


Wednesday 16th of October 2019

You had me at salted caramel. These look amazing. I pinned it.

Wendy Klik

Wednesday 16th of October 2019

Mocha and Salted Caramel!!! Oh my YUM!

Skip to Recipe