Starbucks Mocha Sauce Copycat (3 Ingredients!)

If you love making Starbucks Mocha Sauce for your drinks at home, you probably already know I’m a little obsessed with cracking their recipes. I’ve already recreated their white chocolate mocha sauce, which is perfect if you’re more of a white mocha person, but today we’re talking about the original: their classic dark mocha sauce.

This is the thick, fudgy, deeply chocolatey sauce that Starbucks pumps into almost every chocolate drink on their menu, from the Caffè Mocha to the Mocha Frappuccino. And the best part? It’s only 3 ingredients: cocoa powder, sugar, and water. That’s literally it.

I’ve tested this recipe side by side with the real thing, and the flavor is so close it’s almost ridiculous. It takes about 5 minutes on the stove, costs a fraction of what you’d spend at the drive-through, and one batch lasts in your fridge for about 2 weeks. Whether you’re a hot mocha person, an iced mocha person, or a “blend everything with ice” person, this sauce has you covered.

Let me walk you through exactly how to make it.

Since you are here, check out this white mocha sauce, this cold brew mocha drink, as well as this chocolate cream cold brew starbucks copycat recipe.

Mocha Sauce vs. Mocha Syrup What’s the Difference?

Mocha Sauce vs. Mocha Syrup, What’s the Difference?

These two get mixed up constantly, but they’re actually very different products. Mocha sauce is thick, rich, and made with real cocoa powder, it’s closer to a chocolate ganache than a syrup. At Starbucks, it gets pumped from a thick sauce bottle and stirred into espresso to create drinks like the Caffè Mocha and Mocha Frappuccino.

Mocha syrup, on the other hand, is thin and pourable, more like chocolate-flavored simple syrup. It dissolves instantly in cold drinks but doesn’t have the same depth or richness as the sauce.

The recipe on this page is for the sauce, the thick, scoopable kind that Starbucks actually uses in their mocha drinks. If you’ve ever ordered a mocha and tasted that deep, fudgy chocolate flavor, that’s the sauce at work, not a syrup.

Why you need to make this Starbucks mocha sauce recipe!

• Tastes just like the Starbucks mocha sauce
• It is an easy recipe that can be made with just 4 pantry staples (sugar, cocoa, water, salt)
• This recipe will allow you to recreate your favorite Starbucks mocha drinks at home!
• You’ll be able to skip the drive-through lanes and save extra time.
• It has a rich flavor of chocolate that will go so well with coffee.
• This will recipe will put any store-bought sauces to shame.
• Made with simple ingredients and no corn syrup!

Homemade vs. Starbucks: The Cost Breakdown

A Grande Mocha at Starbucks runs about $6.25–$7.00 depending on your location, and that’s before you add oat milk or an extra shot.

This homemade mocha sauce? One batch makes roughly 15–20 servings, and the total ingredient cost is around $4–$5 for the entire jar. That breaks down to roughly 25–35 cents per drink.

Even if you’re buying quality espresso beans and your favorite milk at the store, you’re looking at about $1.50 per homemade mocha, total. That’s a savings of around $5 per drink, or about $100/month if you’re a daily mocha drinker.

Bottom line: One batch of this sauce pays for itself after a single use. Everything after that is pure savings.

Thick bittersweet sauce with just 4 ingredient

Here are the ingredients you will need to make this Starbucks mocha sauce. Make sure to scroll down to the recipe card for the full detailed ingredient measurements.

• granulated sugar- White sugar is used to sweeten our rich chocolate syrup.
• cocoa powder- This will give it the perfect chocolate flavor. Just make sure to use good-quality cocoa powder to give this sauce the best flavor.
• water
• vanilla extract
• pinch of salt

How to make starbucks® mocha sauce copycat recipe

This is how to make Starbucks mocha syrup at home. Make sure to scroll down to the recipe card for the full detailed instructions!

1. In a small saucepan, add the cocoa powder, sugar, pinch of salt, and water and whisk to combine.
2. Bring to a simmer while whisking constantly.
3. Once the sugar dissolves allow the sauce to simmer for a bit longer.
4. Store in an airtight container in the fridge once cooled.
5. This sauce will get a thick consistency as it chills.

Starbucks Drinks You Can Make With This Sauce

This mocha sauce isn’t just for one drink, it’s the base of almost every chocolate drink on the Starbucks menu. Once you have a jar in your fridge, you can make all of these at home.

Classic Mocha Latte (Hot)

The original. Rich, chocolatey, and warming, this is the drink that made Starbucks mocha sauce famous.

What you need:

• 2-4 tablespoons mocha sauce
• 2 shots espresso (or ⅓ cup strong brewed coffee)
• 1 cup steamed milk of choice
• Whipped cream for topping (optional)

How to make it:

1. Add 2 tablespoons of mocha sauce to the bottom of your mug.
2. Pull your espresso shots and pour them directly over the sauce. Stir until the sauce is fully dissolved.
3. Pour steamed milk over the top, give it a gentle stir, and finish with whipped cream if you like.

Iced Mocha

The go-to warm weather version. Same rich mocha flavor, just over ice.

What you need:

• 2-4 tablespoons mocha sauce
• 2 shots espresso (or ⅓ cup strong brewed coffee), cooled slightly
• 1 cup cold milk of choice
• Ice
• Whipped cream for topping (optional)

How to make it:

1. Add 2 tablespoons of mocha sauce to a tall glass and pour the espresso over it. Stir until smooth.
2. Fill the glass with ice, then pour cold milk over the top.
3. Give it one more stir and finish with whipped cream if desired.

Mocha Frappuccino

Blended, icy, and dessert-like, this is basically a chocolate milkshake with espresso in it.

What you need:

• 4 tablespoons mocha sauce
• 1 shot espresso (or 2 tablespoons strong coffee), cooled
• 1 cup milk of choice
• 1½ cups ice
• Whipped cream for topping (optional)

How to make it:

1. Add the mocha sauce, cooled espresso, milk, and ice to a blender.
2. Blend on high until completely smooth and frothy, about 30–45 seconds.
3. Pour into a tall glass and top with whipped cream and an extra drizzle of mocha sauce.

Mocha Cold Brew

A more mellow, less acidic take on the mocha, perfect if you like your coffee smooth.

What you need:

• 1½-3 tablespoons mocha sauce
• 1 cup cold brew coffee
• ½ cup cold milk of choice
• Ice

How to make it:

1. Add 1½ tablespoons of mocha sauce to the bottom of your glass and pour in a small splash of the cold brew. Stir until the sauce dissolves completely.
2. Fill the glass with ice and pour the remaining cold brew over the top.
3. Finish with cold milk, pour slowly for a layered look, or stir it all together.

Skinny Mocha

All the mocha flavor with fewer calories. Starbucks makes theirs with sugar-free mocha sauce and nonfat milk, here’s the home version.

What you need:

• 2 tablespoons sugar-free mocha sauce (see the sugar-free variation below)
• 2 shots espresso (or ⅓ cup strong brewed coffee)
• 1 cup steamed nonfat milk (or unsweetened almond milk)
• Light whipped cream or skip it entirely

How to make it:

1. Add 2 tablespoons of the sugar-free mocha sauce to the bottom of your mug.
2. Pour espresso over the sauce and stir until fully dissolved.
3. Add steamed nonfat milk and stir gently. Skip the whipped cream to keep it light, or add a small dollop.

Sugar-Free Variation

If you want all the rich chocolate flavor without the sugar, this swap works beautifully. The texture is slightly thinner than the original, but the taste is almost identical.

Swap: Replace the granulated sugar in the recipe with monk fruit sweetener (granulated, 1:1 sugar replacement) or granulated stevia blend (1:1 sugar replacement like Stevia In The Raw Bakers Bag).

Exact ratios:

• If the original recipe calls for ½ cup granulated sugar, use ½ cup granMother fruit sweetener (1:1 blend) or ½ cup granulated stevia blend (1:1).
• If using pure monk fruit extract (which is much sweeter), start with 1 teaspoon and taste. Add more ¼ teaspoon at a time. Pure extract doesn’t add bulk, so the sauce will be thinner.
• If using pure stevia extract powder, start with ¼ teaspoon and adjust up. Stevia is approximately 200–300x sweeter than sugar.

Tips:

• Monk fruit 1:1 blends give the closest texture to the original since they add the same bulk as sugar.
• The sauce will still thicken as it cools, just not quite as much as the sugar version.
• Store the same way: in a sealed jar in the fridge for up to 2 weeks.

Frequently asked questions – FAQ

How can I make the Starbucks Caffè Mocha with this recipe?

To make that at home, all you need is

• 1 oz espresso
• 1 cup milk of choice, I like whole milk but feel free to use dairy-free milk like soy milk, coconut milk, oat milk, or even almond milk.
• 3 tbsp mocha sauce
• Whipped cream
• Chocolate shavings.

To make it, stir the mocha sauce and the coffee at the bottom of the glass.

Top the drink with the frother milk mixture, top with whipped cream, and shaved chocolate, and enjoy!

What to use this chocolate sauce with?

You can use this recipe in a few ways to satisfy that sweet tooth. Some of my favorite ways are:

• Adding it to your morning coffee
• Using it for ice cream sundaes if you don’t love a chocolate sauce that it too sweet.
• Mix it into regular coffee (this can either be cold brew coffee or hot coffee)
• Add some to your hot milk for a warm and cozy chocolate milk.
• Drizzle some on top of vanilla ice cream for a decadent and rich dessert.