Chocolate Mocha Sauce for Coffee
Learn how to make your own chocolate mocha sauce for coffee at home! Delicious in hot or iced lattes and super easy to make!

I love anything chocolate and also anything coffee so the combination of the two is a match made in heaven! Being able to make my own syrups and sauces at home has been so fun to experiment with! They are so much better for you too when homemade!
This sauce works well for both hot and iced lattes. The real cocoa powder adds depth of flavor and the texture is smooth and luxurious! It is also delicious when combined with another flavors as well. Try making a vanilla mocha for something extra special! A recipe for making your own homemade vanilla syrup can be found here.
All this recipe uses is organic cane sugar, rich, dark cocoa powder, some water, a little salt, and pure vanilla extract. You can’t get much more simple than that!
Why You’ll Love this Recipe
Super Easy – This mocha sauce is literally SO easy! Who knew you could make coffee shop quality syrup right in your own home?
Basic Ingredients – You most likely already have all the ingredients in your pantry.
Pure and Real – Only real, simple ingredients are used in this syrup which means no artificial anything.
Ingredients

Organic cane sugar – I like to use organic cane sugar as it isn’t bleached like regular sugar.
Cocoa powder – Regular, dutch processed, or black. Whichever you prefer.
Water – Pure filtered water or well water is best.
Vanilla extract – Pure vanilla extract tastes the best here!
Sea salt – This adds something special to the sauce that you definitely don’t want to miss out on!
Step-by-step instructions (with pictures!) can be found below, followed by a recipe card with exact measurements.
Tools You May Need
Saucepan – any small saucepan will do.
Whisk – if your saucepan is non stick make sure to use a silicone or plastic whisk.
Measuring cups and spoons
How to Make Chocolate Mocha Sauce for Coffee






How to use chocolate mocha sauce for coffee…
For hot coffee, add about a tablespoon to your coffee, stir, then taste and adjust the amount, adding more if you like a sweeter taste.
For iced drinks I like to drizzle it around the sides of my jar before adding the ice. After drizzling it all around the sides of the jar or glass, I place the ice in which helps solidify it from the cold until I can add the milk and espresso.

Mocha sauce is a thick chocolate syrup that is used to sweeten coffee to give a chocolate flavor. An espresso that is made into a latte with this chocolate sauce is called a mocha.
Mocha sauce is easy to make at home! Combine sugar, cocoa powder, water, and vanilla extract in a saucepan and boil for a few minutes on a hot stovetop. Pour it into a jar and place in the fridge to cool until thickened.
Any kind will work as long is its pure 100% cocoa and doesn’t have any added sugar. Try experimenting with some different ones. Try regular, maybe dutch processed, or black cocoa powder and see what you like best. It will be delicious regardless of which you decide to use!
It is thin in texture as you make it but once it sits in the fridge for a while it does thicken quite a lot. If you prefer it to be on the thinner side let it sit out of the fridge at room temperature for a few minutes before using. If I’m going to be making an iced coffee I prefer it to be a bit thicker so I can drizzle it down the sides of my jar or whatever I am making my iced coffee in. It makes it look pretty and is fun too! It is best stored in the fridge for longer shelf life.
More Delicious Recipes from Our Home
If you’ve made this mocha sauce, I would love if you left a star rating and let me know how it went in the comments below 🙂 Thank you for visiting!
Mocha Sauce
Learn how to make your own mocha sauce for coffee at home! Delicious in hot or iced lattes and super easy to make!
Ingredients
- 1 cup cane sugar
- 1/2 cup cocoa powder
- pinch of salt
- 1 cup water
- 1 tsp. vanilla extract
Instructions
1. Place the sugar in a small saucepan. Sift the cocoa powder into the pan. This is to remove any lumps so you end up with a sauce that is smooth. Add a small pinch of salt.
2. Place on the stove at medium heat. Add half the water and whisk till combined.
3. Continuing adding water until all has been used. Whisk as you bring it to a boil.
4. Once liquid starts boiling, reduce heat to low. You want it to continue at a low boil but not too much as to boil over or burn. Cook for 2-3 minutes stirring often.
5. Remove from heat and add the vanilla. Stir until completely combined and uniformly smooth. Set aside to cool for at least an hour.
6. Once cool pour into a jar or pitcher and use right away or store in the fridge. Keeps fresh for up to two weeks but we use ours up way before that!
My husband is going to LOVE this! His favorite guilty pleasure drink is mocha iced coffee!
I’m so glad he’ll like it! Iced mochas are one of our favorites too 🙂
I made this and it turned out really runny, is that the consistency its supposed to be? If not, any tips?
I’m sorry it didn’t turn out well for you! It is supposed to be slightly runny (drizzle consistency) but not watery. After it cools to room temperature place it in a jar or container in the fridge for a few hours. Once it cools completely it should thicken.
I made this, it turned out absolutely wonderful! Thank you so much!
I’m so glad it turned out well for you!
Yum! Chocolate and coffee are always delicious together! This sauce looks delightful and simple to make!😊
I just got tired of my salted caramel syrup and this looks like a perfect “new” thing to try! Thank you!
This sounds so amazing!! I love doing something similar to this for my husband to make homemade chocolate milk. Thanks for sharing!