• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
At Elizabeth's Table
  • Recipes
  • Blog
  • About
  • Subscribe
menu icon
go to homepage
  • Recipes
  • Blog
  • About
  • Subscribe
  • Connect on social

    • Instagram
    • Pinterest
    • TikTok
    • YouTube
  • subscribe
    search icon
    Homepage link
    • Recipes
    • Blog
    • About
    • Subscribe
  • Connect on social

    • Instagram
    • Pinterest
    • TikTok
    • YouTube
  • ×
    Home » Recipes » Drinks

    Easy Chocolate Simple Syrup for Coffee

    Published: May 25, 2026 by Elizabeth · This post contains affiliate links.

    Jump to Recipe Print Recipe

    This Chocolate Simple Syrup is smooth, rich, and incredibly versatile. This homemade syrup can be adjusted into either a thin coffee syrup or a thicker dessert-style chocolate sauce.

    A small pitcher of Chocolate Simple Syrup.

    I am in the thick of my coffee syrup journey. I love me a good black coffee - almost always cold brew, year round! But there's something that just gets me about a sweet treat.

    Especially when I make my own syrups. I can control the flavor. The sweetness. The amount I use in my drink.

    And this chocolate simple syrup is the perfect example. The basic recipe is a thin syrup, most like a classic simple syrup in texture. But if you want a thicker sauce for ice cream, I have instructions for that. If you want no refined sugar, I have an option for that too! Perfectly customizable for anything you want to do!

    Jump to:
    • Why You'll Love This Chocolate Simple Syrup
    • Ingredient Notes & Substitutions
    • Step-By-Step Instructions
    • Adjust the thickness
    • Ways To Use Chocolate Simple Syrup
    • FAQ & Expert Tips
    • Related Recipes
    • Tried this recipe?
    • 📖 Recipe
    • 💬 Comments
    Chocolate simple syrup dripping off of a bowl of ice cream, with a cherry on top.

    Why You'll Love This Chocolate Simple Syrup

    • Totally vegan and dairy free - with a vegan ingredients and no dairy, plus refined sugar free options, this syrup is perfect for all dietary restrictions
    • Customizable texture - Make it thin or thick depending on your preference. Thin for classic coffee drinks or thicker for a decadent ice cream topping
    • Perfect for coffee - Great for homemade mochas and lattes
    • Better Than Store-Bought - Rich chocolate flavor without artificial ingredients
    • Multi-Purpose - Works for drinks, desserts, and breakfast
    A vegan iced mocha, swirled with chocolate syrup.

    Ingredient Notes & Substitutions

    • Cocoa Powder: use unsweetened cocoa powder for deep chocolate flavor
    • Sugar: you can use white sugar for a classic simple syrup. Or for a refined sugar free option choose agave, maple syrup, or even coconut sugar
    • Vanilla: adds a great depth of flavor. Feel free to use vanilla extract or vanilla bean paste
    • Salt: just a pinch of salt enhances the sweet flavors
    • Water
    Chocolate simple syrup ingredients.

    Step-By-Step Instructions

    Step 1. Heat the water and sugar in a small saucepan over medium heat. Stir until the sugar dissolves.

    Chocolate simple syrup step 1 - heat the sugar and water.

    Step 2. Remove from heat. Add the vanilla and salt. Use a fine mesh strainer to sift in cocoa powder. Whisk well. Adjust the cocoa powder to your desired taste and thickness.

    Chocolate simple syrup step 2 - sift in the cocoa powder and add the vanilla and salt.

    Step 3. Let cool before using on ice cream or in iced drinks.

    Adjust the thickness

    This recipe can easily be adjusted depending on how you plan to use it.

    A thinner syrup is best for:

    • iced coffee
    • mochas
    • lattes
    • shaken espresso drinks

    Use the ⅔ cup of cocoa powder suggested below.

    A thicker syrup is best for:

    • ice cream
    • pancakes
    • brownies
    • dipping fruit
    • drizzling desserts

    Use the 1 cup of cocoa powder suggested below

    Chocolate simple syrup being poured onto a bowl of ice cream.

    Ways To Use Chocolate Simple Syrup

    • Homemade mochas
    • Cold brew or iced coffee
    • Hot chocolate
    • Protein shakes
    • Pancakes and waffles
    • Vegan ice cream sundaes
    • Brownies and cakes
    • Oatmeal
    • Milkshakes
    A small pitcher of vegan chocolate syrup next to two iced mochas.

    FAQ & Expert Tips

    Storage

    Store in the fridge for 2-3 weeks.

    How do I make the syrup thicker?

    To make a thicker syrup, sift in more cocoa powder. You can do this right after you make the syrup or days later - either way be sure to sift to avoid clumps.

    Related Recipes

    • A small pitcher of Maple Chocolate Syrup.
      Maple Chocolate Syrup
    • A bottle of brown sugar apple crisp syrup next to an apple crisp latte.
      Brown Sugar Apple Crisp Syrup (Vegan Starbucks Copycat)
    • A jar of coconut sugar simple syrup, with a few whiskey sour mocktails.
      Coconut Sugar Simple Syrup

    Tried this recipe?

    Please leave a review in the comments section below. You can also stay in touch with me on social media by following me on Instagram, Pinterest, and TikTok or by subscribing to my newsletter.

    📖 Recipe

    A small pitcher of Chocolate Simple Syrup.

    Easy Chocolate Simple Syrup for Coffee

    This Chocolate Simple Syrup is smooth, rich, and incredibly versatile. This homemade syrup can be adjusted into either a thin coffee syrup or a thicker dessert-style chocolate sauce.
    Print Pin Rate
    Course: Drinks
    Cuisine: American
    Prep Time: 5 minutes minutes
    Cook Time: 5 minutes minutes
    Total Time: 10 minutes minutes
    Servings: 24 1-tablespoon servings
    Calories: 38kcal
    Author: Elizabeth

    Equipment

    • Fine Mesh Strainer

    Ingredients

    • 1 Cup Water
    • 1 Cup White Sugar can also use agave, maple syrup, or coconut sugar *see notes
    • ⅔ - 1 Cup Cocoa Powder *see notes
    • 1 Teaspoon Vanilla Extract or Vanilla Bean Paste optional
    • Pinch Salt optional

    Instructions

    • Heat the water and sugar in a small saucepan over medium heat. Stir until the sugar dissolves.
    • Remove from heat. Add the vanilla and salt. Use a fine mesh strainer to sift in cocoa powder. Whisk well. Adjust the cocoa powder to your desired taste and thickness.
    • Let cool before using on ice cream or in iced drinks.

    Notes

    Sugar: classic simple syrups are made with water and sugar, but I love making syrups with less refined sugar! This recipe also works with agave or maple syrup. You can also use coconut sugar - with coconut sugar you will get a more chocolate + caramel flavor.
    Cocoa Powder: you can adjust the amount of cocoa powder you use based on how you prefer your syrup. For a thinner, sweeter syrup, use ⅔ cup of cocoa powder. This creates a traditional simple syrup texture. For a thicker, richer syrup, use up to 1 cup. This creates an ice cream syrup texture.

    Nutrition

    Calories: 38kcal | Carbohydrates: 10g | Protein: 0.5g | Fat: 0.4g | Saturated Fat: 0.2g | Polyunsaturated Fat: 0.01g | Monounsaturated Fat: 0.1g | Sodium: 1mg | Potassium: 37mg | Fiber: 1g | Sugar: 8g | Calcium: 3mg | Iron: 0.3mg

    Nutrition information is an estimate.

    Tried this recipe?I love to see what you make! Tag me on Instagram @elizabeths_table

    More Drinks

    • An iced raspberry matcha latte, stirred.
      Raspberry Matcha Latte
    • A bottle of raspberry simple syrup.
      Raspberry Simple Syrup
    • A cherry mocktail, on a table with ice, garnished with a lime wedge and a cherry.
      Cherry Mocktail
    • A bottle of cherry simple syrup.
      Cherry Simple Syrup

    Reader Interactions

    Comments

    No Comments

    Leave a Comment! Let me know what you think: Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Elizabeth Headshot

    Hey - I'm Elizabeth

    Welcome to my table! I’m glad you’re here.
    At Elizabeth's Table I bring you easy and nutritious, plant-based recipes, explore the relationship between food and faith, and share my unique lifestyle.

    More about me →

    Summer Must-Makes

    • Vegan broccoli salad in a serving bowl.
      Vegan Broccoli Salad with Vegan Mayonnaise
    • A pitcher of sangria mocktail with pomegranate juice.
      Easy Red Sangria Mocktail
    • A bubbly glass of Strawberry Pink Lemonade Mocktail, garnished with a sprig of mint, and a strawberry on the rim.
      Strawberry Pink Lemonade Mocktail
    • A platter of vegan roasted potato salad, garnished with extra parsley.
      Vegan Roasted Potato Salad

    Trending Recipes

    • Three glasses of silken tofu smoothies, garnished with banana slices.
      Silken Tofu Smoothie (Easy & High Protein)
    • A mocktail garnished with orange peel.
      Old Fashioned Mocktail
    • A bowl of white rice and chickpea dal, ready to eat.
      Chickpea Dahl
    • A plate of Vegan Seitan Chicken.
      Vegan Seitan Chicken (Quick and Easy)

    Footer

    ↑ back to top

    About

    About Me

    See My Portfolio

    Privacy Policy

    Terms & Conditions

    Accessibility Policy

    Contact

    Sign Up for emails and updates

    Contact Me

    As an Amazon Associate I earn from qualifying purchases.

    COPYRIGHT © AT ELIZABETH'S TABLE 2025