Homemade Chocolate Syrup Recipe For Coffee

This dairy free Chocolate syrup recipe makes a perfect iced mocha or hot chocolate! It’s so yummy that I’ve kept it stocked all summer. We love it in our coffee or on our waffles. It takes just 5 minutes to whip up and is smooth and decadent.

Ingredients for Chocolate Syrup

Sugar: Use raw cane sugar or white granulated sugar.
Cocoa Powder: Pure cocoa powder is best.

Water

Salt: I like to use pink Himalayan salt but sea salt or table salt both work. It’s important to add salt to bring out the flavour.
Vanilla Extract: Optional but makes the syrup taste wonderful.

How to Make Dairy Free Chocolate Syrup

It’s simple to make dairy free chocolate syrup. All you need is 5 minutes and the ingredients needed to make it.

Step 1: Measure Ingredients

Into a small-medium sized saucepan, add the sugar, water, cocoa powder and salt.
Use a whisk to combine.
If all the cocoa powder doesn’t mix in right away don’t worry because it will as it cooks.

Step 2: Cook Syrup

Place your saucepan over medium heat and cook until just starting to bubble. Make sure to stir frequently with a whisk. Once it bubbles you can remove it from the heat.

Step 3: Add Vanilla & Store

Remove from the heat and mix in the vanilla. Pour into a glass jar or container and store in the fridge. You can also store it on the counter for up to a week.

Chocolate Syrup vs Chocolate Sauce

What’s the difference between a chocolate syrup and a chocolate sauce?

Chocolate syrup is a simple syrup (water and sugar) with cocoa powder. While the sauce contains milk, cream or butter to make it creamy tasting.

Tips & Substitutions

Sugar: You could use any type of sugar you like. I’ve used raw can sugar, brown sugar and even honey. They all tasted good in this recipe and each gives the chocolate syrup their own unique taste.
Double the Recipe: I love to double this recipe and store the extra jars in the fridge to use over the next few weeks. Or I even can the extra jars to make them shelf stable.

Ways to Use Homemade Chocolate Syrup

Iced Lattes & Coffees: I love to make an iced mocha shaken espresso with ice.
The ingredients are just a double shot of espresso, 2 ½ tablespoons of this chocolate syrup, ice and oat milk. All you do is shake the ice, espresso and syrup together until foamy. Pour into a glass, top with oat milk, chocolate syrup and enjoy!

Waffles & Pancakes: We also use it to top our waffles and pancakes.

Hot Chocolate: It makes the perfect hot chocolate. Just mix 1 Tablespoon with 1 cup of milk. Then heat in the microwave or on the stovetop . Add more syrup as needed. It also works for chocolate milk.

Print Recipe