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. 

A glass bottle filled with homemade mocha coffee syrup.

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! 

Labeled ingredients for mocha coffee syrup on a white marble countertop.
  • 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 

How much mocha syrup should I use in coffee?

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. 

Is this mocha syrup really lower in sugar than store-bought?

Yes! Most store-bought, full-sugar mocha syrups are made with around 80 calories per serving and over 20 grams of sugar.

Why does my mocha syrup thicken or crystallize in the fridge?

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. 

Can I use this mocha syrup in iced coffee or lattes?

Yes, add the syrup to your coffee, and stir or shake to incorporate it into the liquid. 

How long does homemade mocha syrup last in the refrigerator?

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. 

Looking at the top of homemade mocha coffee syrup in a glass bottle.
A glass mug filled with a mocha coffee and a spoon.

Mocha Coffee Syrup Recipe

Sammi Ricke
This low sugar mocha coffee syrup is easy to make with just 6 ingredients. Rich, chocolatey flavor for coffee, lattes, and more at home!
5 from 1 vote
Prep Time 2 minutes
Cook Time 3 minutes
Total Time 5 minutes
Course Beverage, Drinks
Cuisine All American
Servings 20 servings (20 Tablespoons)
Calories 22 kcal

Equipment

Ingredients
  

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

Ingredient Tips – Granulated sugar may be substituted for the monk fruit sweetener, if desired. The nutrition details will change though.
Prep Tips – Boiling the mixture will produce more crystallization and a thicker syrup once refrigerated. If you bring the mixture up to just a simmer then remove from the heat, the syrup does not crystallize as much when refrigerated.
Serving Tips – Because of the sugar substitute, the mixture will somewhat crystallize and thicken when refrigerated. It may not be as pourable the longer it sits in the fridge. This is not an issue, just scoop out the desired amount with a spoon and add to your coffee.

Nutrition

Serving: 1serving (1 Tablespoon)Calories: 22kcalCarbohydrates: 10.4gProtein: 0.2gFat: 0.1gSaturated Fat: 0gPolyunsaturated Fat: 0gMonounsaturated Fat: 0gTrans Fat: 0gCholesterol: 0mgSodium: 0.1mgPotassium: 0mgFiber: 0.4gSugar: 9gVitamin A: 0IUVitamin C: 0mgCalcium: 0mgIron: 0mg
Tried this recipe?Let us know how it was!

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!

Similar Posts

  • Homemade Cream of Chicken Soup

  • Crack Chicken Chili

  • French Toast Granola Recipe

  • Lemon Truffles (with Lemon Oreos)

  • Easy Green Bean Casserole

5 from 1 vote

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating




One Comment

  1. 5 stars
    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.