This post may contain affiliate links. Please read our disclosure policy.
This easy Starbucks mocha sauce recipe is perfect for both hot drinks and cold drinks. It is made to reassemble the Starbucks sauce except that it doesn’t use any corn syrup just a handful of other ingredients to bring the natural flavors of the chocolate out. This will help you recreate your favorite coffee drinks at home for a lot less money too!
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.
Having a staple chocolate syrup is a must in every home especially if you are a coffee lover too. It is a great way to start enjoying the drinks you make at home even more while saving up on some money that you would’ve spent at coffee shops otherwise.
Now that I have my own espresso machine, I have been experimenting a lot more with homemade chocolate sauces, syrups, and other things that cake bring those cafe flavors to my drinks without me having to step a foot outside, and let me tell you it’s so rewarding!
This is the best Starbucks mocha sauce recipe.
Yes, going to a coffee shop is fun but sometimes it can be such a hassle especially if you don’t have the time to drive by there or just want to save a little extra money during these tough times. So in an effort to make delicious chocolate syrup, I started working on this one. Also, it is only fair to mention that this recipe has nothing to do with Hershey’s syrup. This one is a bittersweet chocolate sauce that goes so well with an espresso drink or anything that has to do with coffee!
Why you need to make this Starbucks mocha sacue recipe!
- It is an easy recipe that can be made with ingredients you already have in your pantry or can get at your nearest grocery stores
- This recipe will allow you to recreate your favorite Starbucks coffee recipe in no time.
- 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.
Table of Contents
- This is the best Starbucks mocha sauce recipe.
- Why you need to make this Starbucks mocha sacue recipe!
- Ingredients for this thick bittersweet sauce
- How to make starbucks® mocha sauce copycat recipe
- Frequently asked questions – FAQ
- Starbucks version of mocha syrup
- Starbucks mocha sauce / chocolate sauce for coffee Recipe
- Shop this recipe
- If you enjoyed this Starbucks mocha sauce recipe make sure to pin it for later!
Ingredients for this thick bittersweet sauce
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 you can make this sauce. Make sure to scroll down to the recipe card for the full detailed instructions!
- In a small saucepan, add the cocoa powder, sugar, pinch of salt, and water and whisk to combine.
- Bring to a simmer while whisking constantly.
- Once the sugar dissolves allow the sauce to simmer for a bit longer.
- Store in an airtight container in the fridge once cooled.
- This sauce will get a thick consistency as it chills.
Frequently asked questions – FAQ
How to store this chocolate sauce for coffee
You can store this in a mason jar in the fridge for up to 2 weeks. I like to also place it in a squeeze bottle that has a cap for easy usage as well.
To store this for longer, you can pour about 2-3 tablespoons in an ice cube tray ad freeze until solid. Transfer to an airtight container and freeze for up to 3 months. Pop an ice cube in hot coffee to melt it and enjoy a delicious mocha drink in no time.
What drinks can I make with this Starbucks mocha sauce?
Here are some popular drinks that you can make with this homemade chocolate sauce for your coffee.
- Starbucks’ skinny mocha
- Hot chocolate
- Cold mocha drinks
- Cookie Crumble frappuccino
- Java chip frappuccino
- Peppermint mocha latte
- Chocolate milk
Help, my syrup is so thin. What can I do to fix it?
It is normal for the chocolate sauce to be on the runny side at first. As you place it in the fridge you’ll notice that it will develop a thicker consistency.
How much caffeine does this Starbucks mocha sauce have?
This chocolate mocha sauce doesn’t have any caffeine in it per se, allowing you to control how much caffeine levels you want in your drink by how much-iced coffee, hot coffee, or shots of espresso you decide to mix in there.
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.
Starbucks version of mocha syrup
Starbucks mocha sauce / chocolate sauce for coffee
Ingredients
- 1/2 cup water
- 1/2 cup granulated sugar
- 1/3 cup cocoa powder
- 1/2 tsp vanilla extract
- 1/8 tsp salt
Instructions
- Add the water, sugar, salt, and cocoa powder to a medium saucepan and place on medium heat.1/2 cup water, 1/2 cup granulated sugar, 1/3 cup cocoa powder, 1/8 tsp salt
- Bring the mixture to a simmer, stirring often. Once the sugar has dissolved fully, allow the mixture to simmer for an extra 2 minutes.
- Remove the saucepan from the heat, add the vanilla extract, mix, and allow it to cool down fully before using it in your drinks.1/2 tsp vanilla extract
Notes
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
Shop this recipe
This post may contain affiliate links, meaning that at no cost to you I will get a small percentage of every purchase you make!
If you enjoyed this Starbucks mocha sauce recipe make sure to pin it for later!
This was so perfect! I’ve been making mocha lattes with it every day some making it! I totally recommend using dark cocoa powder! Just finished making anger catch and I think the next batch I’ll add a tich of raspberry extract 🙂
Let me know how the raspberry extract works out, I am curious 🙂
I love this recipe! I recently was diagnosed with alpha gal, so I’m allergic to a LOT of things now, which is what made me decide to make my own mochas, and brought me to this recipe. I will say that I’ve noticed the last few batches I’ve made had quite a few “clumps” in it, which mine either never had them before or I didn’t notice them before. I tried whisking it even. Are there supposed to be clumps or am I doing something wrong? Thanks!
The clumping is from the cocoa powder not being sifted into the pot. Try passing the cocoa powder through a fine-mesh sieve before putting it into the saucepan. That should do the trick. Let me know how it goes!
Mix the cocoa powder and sugar first, then the liquids. This will allow the sugar crystals to break up the cocoa powder.
So excited I found this easy recipe – thank you! At the end of the recipe you said it lasts one week in fridge. In the section above “How to Store this Chocolate Sauce” it says two weeks. How long has it lasted for you? Happy New Year!
For me personally, it has lasted multiple weeks. But I never want anyone who makes my recipes to eat expired food so one week is always safest to advise. Happy New Year to you as well!
I love using this mocha sauce to make my peppermint mochas! I would recommend using a Dutch-proccessed cocoa powder; I use the Ghirardelli one. Also, does anyone know what the serving size is for this sauce?
Hi! So each serving would be just a little less than 1/4 cup, about 3 and a half tablespoons.
Hi Sophia! I hope you get this! Do you have a Peppermint syrup recipe? I’ve tried one and I didn’t like it. Peppermint Mochas are my favorite.
I made this mocha sauce with a truvia sugar blend and it tasted great!
Such a great recipe! I love having my own fresh chocolate sauce to make mochas at home. Delish!
Isn’t it great!!
I’m excited to use this in my hot coffee. I wonder,can I use it when making a Frappuccino and if so, how much should I use?
Yes, you can absolutely use this sauce in a Frappuccino. Start with 2–3 tablespoons for a tall size, blending it with your milk, ice, and coffee. You can adjust up or down depending on how chocolatey you want it.
This is my favorite recipe. I was looking for a cheap and easy alternative to frequently going to Dunkin and Starbies and this is definitely the ticket. I double the recipe and make it once a month keeping it in the fridge and adding a quick squeeze to may latte every morning. Thanks so much for sharing this recipe for without it I would be terribly under caffeinated and far more broke.
HAHAHA honestly I would be too if I didn’t make these myself! I hear you.
Hello,
I’m trying this sauce for the first time. You say this makes 6 servings. How much do you use for one coffee?
One serving is about 2 tablespoons of sauce for a standard 8–12 oz cup of coffee. You can use more for a stronger mocha flavor or less if you like it lighter.
Is the recipe for one cup of mocha or multiple?
Multiple
I can finally stop buying mochas from coffee shops!!! This is the best recipe!
Yay! this is a great way to save a few bucks and make the drink your own!