Simple Chocolate Syrup from Scratch

This post may contain affiliate links. As an Amazon Associate I earn from qualifying purchases.

So much better than store-bought, make this rich and delicious chocolate syrup at home with just a few simple ingredients.

Pouring chocolate syrup into a glass bottle using a funnel.

About This Chocolate Syrup

  • Sugar, water, double Dutch dark cocoa powder (the secret to make it rich and delicious), salt and vanilla extract are the only ingredients need to make this delicious, rich chocolate syrup at home.
  • It’s super simple to make at home and so much better than store-bought chocolate syrup, like Hershey’s, that are loaded with chemicals.
  • This recipes makes a cup of chocolate syrup that can be used to flavor and sweeten coffee and tea. Drizzled the syrup on ice cream or add it to milk to make chocolate milk.
  • Add this chocolate syrup to coffee to turn your drink into mocha.

RELATED: Starbucks Classic Syrup

Ingredient Notes

Chocolate syrup ingredients.
  • Cocoa powder
    This is key to making the best chocolate syrup so use high-quality cocoa powder. I recommend the King Arthur’s double Dutch dark cocoa, which makes this chocolate syrup so good.
  • Sugar
    Basic white sugar works great for this recipe.
  • Salt
    This is THE BEST salt EVER. You’ll never want to use table salt again.
  • Vanilla extract
    Good quality vanilla extract goes a long way. It’s a flavor enhancer and it basically makes everything better.
  • Water
    I always use filtered water.

Step-by-Step Instructions

Here’s a quick overview of the steps to make this syrup. For full ingredients and instructions, scroll down to the recipe.

  1. Put all ingredients except vanilla extract into a saucepan and simmer.
    Stir and make sure sugar dissolves completely.
  2. Cool down syrup and add vanilla extract.
  3. Pour syrup into an airtight container.
My Glass Bottle Pick

Photo Credit:

Set of 6 glass bottles each perfectly sized to hold a cup of syrup. The stopper seal is attached, which means you’ll never lose the cap.

Expert Tips

  • Chocolate syrup will be thin right after cooking but will thicken a bit after it cools. It’ll still be pourable.
  • Using good quality cocoa powder is necessary to make the best tasting chocolate syrup so if you’re going to spend extra money on any of the ingredients, have it be that.
  • Chocolate syrup can be stored in the refrigerator in an airtight container for up to 2 weeks.
  • To flavor coffee or tea, add 1-2 tablespoons of chocolate syrup to each cup.
  • To make hot chocolate or chocolate milk, add 1/4 cup syrup into hot or cold milk.

Questions You May Have

Is this homemade chocolate syrup better than Hershey’s Syrup?

A hundred times yes! This recipe uses just 5 ingredients. Hershey’s has 12 and it includes things like high fructose corn syrup, xanthan gum, and artificial flavor. Plus, the homemade version just simply tastes better.

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

Chocolate sauce is usually made with cream and it’s thicker.

Can I add vanilla extract with all the other ingredients in the saucepan?

Vanilla extract will evaporate and the taste will weaken if you heat it for too long so it’s best to add it after the syrup has cooled a bit.

What else can I use this chocolate syrup for?

Use it as a topping for desserts like ice cream or as a dip for pretzels. I like to use it to make chocolate milk and hot chocolate.

Pouring chocolate syrup into a cup of coffee.

Recipes Using Chocolate Syrup

Want to save this Homemade Chocolate Syrup recipe for later? Pin it now to your Pinterest board!

Simple Chocolate Syrup

Author: Jee Choe
So much better than store-bought, make this rich and delicious chocolate syrup at home.
4.7 from 34 votes
Prep Time 10 minutes
Total Time 10 minutes
Course Drinks
Yield8 servings



  • Put water, sugar, cocoa powder, and salt into a saucepan. Simmer.
    Simmer until the sugar has completely dissolved. Stir occasionally. Heat for 30 more seconds on low heat then take off heat and cool.
  • Add vanilla extract.
    Once the syrup has cooled a bit, stir in the vanilla extract.
  • Pour syrup into an airtight container.
    The syrup will keep for up to 2 weeks in the refrigerator.


  • Recipe makes 1 cup (16 tablespoons) of chocolate syrup.
  • Use 1-2 tablespoons of syrup per 1 cup of coffee.


Calories: 78 | Carbohydrates: 20g | Protein: 1g | Fat: 1g | Saturated Fat: 1g | Sodium: 51mg | Potassium: 82mg | Fiber: 2g | Sugar: 17g | Calcium: 7mg | Iron: 1mg
Did you make this recipe?Mention @coffeeatthree and use hashtag #coffeeatthree!

6 thoughts on “Simple Chocolate Syrup from Scratch”

  1. 5 stars
    Yummy. I usually use Amoretto to sweeten my coffee. When I’m out my go to is store bought coconut flavored coffee creamer. Back in the day Ibought the international instant chocolate peppermint. I love this one. I’ll have to add peppermint to it.

    • 5 stars
      I made a double batch and added a teaspoon of espresso powder to half the batch. The half batch with espresso tastes a bit more like a rich dark chocolate. Both are excellent. The syrup thickens as it cools. I used Drost cocoa powder for a richer flavor and color. Small bottles with cute labels and holiday ribbons tied round are perfect hostess gifts for the holidays or really anytime.

    • Hi KR, a thinner liquid makes it easier to stir into drinks. It will be liquidy but as it sits in the refrigerator, it will thicken.


Leave a Comment