Chocolate syrup is a delicious and easy way to top off desserts or drinks. This recipe only takes five minutes to make, and it’s perfect for those times when you need a quick chocolate fix.

Plus, this recipe is much healthier than store-bought chocolate syrups. So go ahead and give it a try!

Below, you’ll find more information about this homemade chocolate syrup, like the ingredients needed, how you can store it properly, and a complete recipe to make it at home easily.

What is chocolate syrup?

Chocolate syrup is a sweet, viscous, chocolate-flavored sauce used as a topping or flavoring for many coffees. It is typically made from sugar, cocoa powder, vanilla extract, and sometimes salt.

Homemade chocolate syrup.

This homemade chocolate syrup is better than anything you can buy. It’s sweet, silky, and a tiny bit salty.

It’s also easy to make and store, lasting up to a week in the fridge.

I like to use it for various coffee recipes, but you can also use it as an ice cream topping. It’s also delicious to drizzle over pancakes or waffles.

You can use it to sweeten many hot and iced coffees, but more on this later. First, let’s go over the components that are needed for this homemade recipe:

Which ingredients are needed for this chocolate syrup for coffee?

Ingredients for this chocolate syrup include:

  • White granulated sugar
  • Cocoa powder
  • Cold tap water
  • Vanilla extract
  • Salt
All ingredients needed to make chocolate syrup at home.

This recipe’s salt and vanilla extract is optional but will add more depth and flavor to the syrup.

Both ingredients are added in small amounts, making the chocolate syrup taste amazing and much better than any store-bought version.

Are chocolate syrup and chocolate sauce the same?

There is a lot of variation in recipes for chocolate sauce and chocolate syrup, but they’re generally slightly different.

Chocolate sauce is a thick liquid often used as a topping on desserts, while chocolate syrup is a thinner liquid that can be poured over desserts or used as a dip.

Both the chocolate syrup and sauce are made from cocoa powder, water, and sugar.

Depending on the coffee drink you’re making (although you can use both the syrup and sauce for much more), you can choose to make the thinner chocolate syrup or the more heavy chocolate sauce.

I found that chocolate syrup is best used for most iced coffees because it’ll incorporate better than the chocolate sauce.

Chocolate sauce.

Hot drinks, like a delicious mocha, are better made with chocolate sauce for that intense flavor and thicker consistency.

Tip: If you’d rather make the chocolate sauce, then you can check out this complete recipe.

How do you store this chocolate syrup?

You can store this chocolate syrup in a covered container in the fridge for up to a week.

Any container will do the trick, but make sure it’s nicely sealed so it doesn’t take on any additional flavors from storing it in the fridge.

If you want to keep it for an extended period, or if you prefer to make a larger batch, you can also store it in the freezer.

Just be sure to bring it back to room temperature before using it.

My favorite ways to store syrup are in a glass flask with a pouring spout or a mason jar.

Tip: You can also use this mason jar to brew cold brew! Check out this recipe here.

Depending on the amount of syrup you make, you can pick the best way to store it.

Mason jar and flask with pouring spout.

Now that you know about the basics of this chocolate syrup, here’s how to make chocolate syrup for coffee at home:

Yield: 12 servings

Homemade Chocolate Syrup

Chocolate syrup, ready to use.

You can use this chocolate syrup for your morning coffee and in various recipes!

Prep Time 3 minutes
Additional Time 2 minutes
Total Time 5 minutes


  • 1/2 cup (120 grams) of white granulated sugar
  • 1/2 cup (120 grams) of cocoa powder
  • 1/2 cup (0.12 l) of cold tap water
  • 1 tsp (5 grams) of vanilla extract
  • Optional: a pinch of salt


  1. Combine the white granulated sugar, cold tap water, and cocoa powder in a small saucepan.
  2. Place the saucepan on the stove on medium heat.
  3. While continually stirring, heat the mixture until the sugar has dissolved and a smooth syrup has formed. This takes between three and four minutes, depending on the heat.
  4. Then, remove the chocolate syrup from the heat and add the vanilla extract to the mix.
  5. Give it another good mix and optionally add a pinch of salt to the syrup.
  6. Let the syrup cool completely and then transfer it to a jar or other resealable container, seal it, and store it in the fridge for up to a week.


This recipe will make 12 servings of two tablespoons per serving. If you'd instead make more, you can easily double the ingredients!

Nutrition Information:

Serving Size:


Amount Per Serving: Calories: 62Total Fat: 1.4gSaturated Fat: 0.8gUnsaturated Fat: 0.4gSodium: 2mgCarbohydrates: 5.4gFiber: 3.3gSugar: 10gProtein: 1.9g

The number of calories is calculated for one serving containing two tablespoons of chocolate syrup.

How many calories are in this chocolate syrup?

This chocolate syrup has a total of 62 calories per serving. A serving consists of two tablespoons, making for a well-balanced flavor to every coffee you plan to add this syrup.

Of course, you can use more or less of this syrup, depending on how you like to sweeten your daily coffee.

What can this chocolate syrup be used for?

You can use this chocolate syrup for many coffee drinks, including iced coffees and espresso-based drinks.

This syrup can take even your favorite morning coffee to the next level!

To give you a few examples of coffee recipes that work well with this syrup, have a look below:

Homemade iced long black.
Iced long black

I recommend adding one or two tablespoons of this syrup and giving it a good mix for most drinks.

You can, however, change the amount depending on how sweet you like your coffee!

More coffee syrups to try

Not sure yet if the chocolate syrup fits you? Or just curious to see which coffee syrups are out there?

I’ve got you covered! Check out the lists below to find great coffee syrups:

And for even more options, check out the coffee add-ins hub here!


I hope you’ve found this article helpful and that you’ll give the chocolate coffee syrup a try. It’s not as complicated as it seems, and the result is definitely worth it.

It’s the perfect syrup to add to your daily coffees and so many more coffee recipes that you’d like to make, whether in the summer or wintertime!

Have fun experimenting with the recipe and discovering unique ways to serve this decadent treat of an indulgence.

Coffee recipes to try

Picture of Jeffrey, Author at Your Dream Coffee

On my coffee blog you will find everything you need in order to start brewing coffee at home. Ranging from the basics; to the newest coffee recipes everybody talks about! You can learn more about me here.

Write A Comment

Pin It Skip to Recipe