Mocha Coffee Syrup
This mocha coffee syrup is our go-to for making cafe-worthy lattes at home! With six simple ingredients, it’s lower in sugar than most syrups and adds rich, chocolatey flavor to your morning coffee, tea, and so much more.

Why You’ll Love This Mocha Coffee Syrup Recipe
If you’re anything like us, you love a fancy coffee. However, we just can’t justify the price of most coffee shops. So, we recreate all our favorite flavors at home, and this coffee mocha syrup is our go-to from day to day.
- All you need are five to six simple ingredients, most of which you probably have on hand!
- One batch makes up to ten ounces, which is enough for at least 20 coffees.
- A single serving is just 22 calories with 9 grams of sugar.
- The syrup comes together in a single pot in minutes and keeps well for weeks.
Honestly, once you try it out, you’ll never go back to store-bought mocha syrup for coffee again.
Ingredients and Notes
Please be sure to scroll down to the recipe card below for the complete ingredients and instructions!

- Sugar – We use a combination of granulated sugar and monk fruit sweetener to keep the syrup lower in sugar without sacrificing sweetness. Of course, you can use all granulated sugar if preferred.
- Coffee – We love Seven Weeks coffee, but any brewed coffee (regular or decaf) tastes great.
- Unsweetened Cocoa Powder – We’ve made this syrup with both Dutch-processed and natural cocoa powder. Both work just as well.
- Vanilla Extract – Make sure to use high-quality pure vanilla extract, not imitation vanilla! Because there are so few ingredients, we promise you’ll taste a difference.
- Salt – Trust us on this! It doesn’t make the syrup taste salty, but super super-enhances the rest of the ingredients.
Ways to Use
The most obvious way to use this low-sugar coffee syrup recipe is in coffee, espresso, or lattes. However, it’s also delicious in bone broth hot chocolate, cocktails or mocktails, and smoothies. We also love to add a drizzle of the mocha sauce to oatmeal, yogurt, ice cream, protein powder pancakes, and regular or chocolate waffles.
Common Questions
We recommend using at least 1 Tablespoon for a single cup of coffee, but everyone’s flavor preferences vary! So, start with a teaspoon, and add more to taste.
Yes! Most store-bought, full-sugar mocha syrups are made with around 80 calories per serving and over 20 grams of sugar.
It’s common for coffee syrups to crystallize in the fridge because the sugar solidifies as it cools. This isn’t a problem! Just scoop out the desired amount with a spoon and add to your coffee. It will melt back into the liquid. Or, you can gently warm the syrup in a pot over medium or low heat on the stove.
Yes, add the syrup to your coffee, and stir or shake to incorporate it into the liquid.
Transferred to a glass, airtight container, leftover syrup will stay fresh in the refrigerator for up to 4 weeks. Add a label to your container if you’re feeling fancy or giving it away as a gift. Then, just give the syrup a quick stir or shake to redistribute the ingredients before using.

More Homemade Coffee Syrup Recipes

Mocha Coffee Syrup Recipe
Equipment
- 1 whisk
Ingredients
- 1/2 cup granulated sugar
- 1/2 cup monk fruit sweetener
- 1/2 cup brewed coffee
- 1/4 cup unsweetened cocoa powder
- 1 teaspoon vanilla extract
- 1/8 teaspoon salt
Instructions
- In a small saucepan over medium heat, whisk together the sugar, monk fruit sweetener, coffee, and unsweetened cocoa powder.1/2 cup granulated sugar, 1/2 cup monk fruit sweetener, 1/2 cup brewed coffee, 1/4 cup unsweetened cocoa powder
- Continue to whisk as the mixture comes up to a simmer (low boil). Once the mixture reaches a simmer, remove from the heat and whisk in the vanilla extract and salt.1 teaspoon vanilla extract, 1/8 teaspoon salt
- Allow the mixture to cool for at least 15 minutes then pour into a glass jar and seal tightly. Store in the refrigerator for up to a month.
- Stir 1 Tablespoon or more syrup into your hot coffee.
Notes
Nutrition
Did you enjoy this Homemade Mocha Coffee Syrup Recipe? We’d love it if you left a rating and review to let us know, and don’t forget to tag us in your recreations on Instagram!

My daughter and I make this coffee syrup all.the.time. We add it to our coffee with some frothed half and half. Our coffees are absolutely delightful and feel so fancy but without all the sugar.