• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Good Cheap Eats
  • About
    • About Good Cheap Eats
    • Media
    • Privacy Policy
    • Disclosure
    • Contact Me
  • Members Only
    • Login
    • Club Homepage
    • Club Resource Library
    • Downloads
    • Live Club Events
  • Recipe Index
  • Blog
  • SHOP
    • Purchases
    • Cookbooks
    • Planner
    • The Good Cheap Eats Club
    • Meal Plans
    • Holiday Helps
menu icon
go to homepage
  • Valentine’s Day
  • Budget Strategies
  • Recipes
  • Shop
  • About
  • My Account
  • Join the Club
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • subscribe
    search icon
    Homepage link
    • Valentine’s Day
    • Budget Strategies
    • Recipes
    • Shop
    • About
    • My Account
    • Join the Club
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×

    Home » Dessert » Chocolate Desserts

    Homemade Mocha Chocolate Syrup Recipe

    Published: May 26, 2020 · Modified: Dec 17, 2022 by Jessica Fisher

    FacebookTweetPinPrint
    As an Amazon Associate I earn from qualifying purchases. For more details, please see our disclosure policy.
    Jump to Recipe Print Recipe

    This decadent mocha chocolate syrup adds a touch of elegance to simple desserts like sundaes, affogatos, pound cakes, and more.

    jar of chocolate syrup and a glass of milk this …

    Love chocolate? How about chocolate syrup? How about mocha chocolate syrup?

    If you’ve spent a small fortune on cafe mochas over the years, why not try something different? Something quick, easy, and a heck of a lot cheaper than what you might buy elsewhere.

    Mocha Chocolate Syrup

    Mocha Chocolate Syrup is a great addition to hot and cold coffee drinks, milk, ice cream, and pretty much any dessert you can think of.

    It’s the perfect treat to keep on hand in the fridge for adding a little mocha flavor to whatever you’re having.

    How do you make chocolate syrup from scratch?

    Making homemade chocolate syrup is really very simple. It’s similar to a simple syrup, only cocoa powder is added.

    Combine water with more sugar than would naturally dissolve at room temperature. Heating it allows the syrup to hold a greater quantity of sugar and thereby thicken. The addition of cocoa powder makes it chocolate syrup. 

    vanilla ice cream sundae with chocolate syrup

    Can I make other flavored syrups?

    Syrups are so easy to vary the flavors based on the liquid or the ingredients you use. You can make ginger syrup, peppermint syrup, or even homemade maple-flavored pancake syrup.

    To make it mocha chocolate syrup, use brewed coffee instead of water. To make mint chocolate syrup, add chopped fresh mint leaves after the water boils. It will steep as it cools.

    What is the use of chocolate syrup?

    Chocolate syrup is great for making chocolate milk as the syrup easily dissolves in milk. You can also use it on ice cream sundaes, in milkshakes, and on other desserts. It’s also good in sodas.

    This syrup recipe is ready to be poured into coffee drinks , or top an Iced Mocha, or hot chocolate, drizzled over ice cream, stirred into milk, or spooned over cake. There’s no end to the uses for the syrup. I confess to eating it by the spoonfuls.

    Plan for some quick, impromptu desserts by keeping a jar of this stuff in your fridge. It takes three ingredients — four if you count salt — and comes together in less than 15 minutes.

    This syrup is delicious in Salted Caramel Mocha Icebox Cake. 

    How to Make Mocha Chocolate Syrup

    1. Combine sugar, brewed coffee, and cocoa powder in a saucepan.
    2. Bring to a boil and simmer for 3 minutes.
    3. Cool and store in an airtight container in the fridge.
    4. Use the syrup in hot and cold drinks as well as desserts.

    step by step photos of making mocha chocolate syrup

    Is it cheaper to make your own syrups?

    At the base, homemade syrup is just water and a sweetener like sugar or honey. In most cases, it’s unlikely that you’ll find commercial syrups for less, but let’s crunch the numbers to be sure.

    Purchased at a mid-range grocery store, at non-sale prices, the ingredients for this recipe cost:

    • sugar – $0.44 ($1.97/4#bag)
    • water – free; if using coffee, let’s say $0.25
    • cocoa powder – $0.32 ($1.93/8 oz)
    • salt – $0.01 ($2.99/26 oz)

    Total cost for chocolate: $0.77/16 oz or 5 cents/oz

    Total cost for mocha: $1.02/16 oz

    When purchasing commercially-made syrups, chocolate costs 10 cents/oz, the fancy flavored coffee syrups cost 42 cents/oz. Clearly, making your own syrups is more cost-effective.

    Be sure to shop the sales and shop the cheapest store for the things that you buy in order to save even more.

    Do you need special equipment to make your own syrup?

    This is such an easy recipe, you really only need three pieces of kitchen equipment:

    1. a good quality saucepan – I love this one I just got that has a built in strainer.
    2. a whisk – I like one with a sealed barrel so dishwater doesn’t get in and then drip out into your food.
    3. a jar for storing the syrup – try to find one that is good for pouring and easy to clean. You don’t want your fridge full of chocolate drips.

    glass of chocolate milk and syrup

    If you prepare this recipe, be sure to share a picture on social media and hashtag it #GOODCHEAPEATS. I can't wait to see what you cook up!
    mocha syrup in a glass bottle next to an ice cream sundae.
    Print Recipe Add to Collection Go to Collections
    4.60 from 27 votes

    Mocha Chocolate Syrup

    Just 4 ingredients to make this homemade chocolate syrup to serve over ice-cream!
    Prep Time10 mins
    Cook Time3 mins
    Total Time13 mins
    Course: Dessert
    Cuisine: American
    Servings: 16 oz
    Calories: 103kcal
    Author: Jessica Fisher
    Cost: $1.02 per 2-cup batch
    Prevent your screen from going dark

    Ingredients

    • 2 cup granulated sugar ($0.44)
    • 1 cup brewed coffee ($0.25)
    • ½ cup unsweetened cocoa powder ($0.32)
    • ¼ teaspoon salt ($0.01)
    US Customary - Metric

    Instructions

    • In a saucepan, combine the sugar, coffee, and cocoa powder. Whisk until smooth. Bring to a boil and boil for 3 minutes. Simmer for a longer time if you desire a thicker syrup.
    • Remove the pan from the heat and whisk in the salt. Allow to cool completely.

    Notes

    Store in an airtight container in the refrigerator for up to a week.
    Nutritional values are approximate and based on 1 ounce.
    Decaf coffee is recommended.

    Nutrition

    Calories: 103kcal | Carbohydrates: 27g | Protein: 1g | Fat: 1g | Saturated Fat: 1g | Sodium: 37mg | Potassium: 48mg | Fiber: 1g | Sugar: 25g | Calcium: 3mg | Iron: 1mg
    Tried this Recipe? Tag Me Today!Mention @goodcheapeatsblog or tag #goodcheapeats!

    This post was originally published on November 25, 2014. It has been updated for content and clarity.

    Chocolate syrup poured on ice cream sundae

    « Homemade Chocolate Magic Shell Recipe (96 cents/batch)
    Best Ever White Bean Chicken Chili (82 cents/serving) »
    FacebookTweetPinPrint

    Reader Interactions

    Comments

    1. Karen Sherman

      February 01, 2023 at 8:35 am

      Can you substitute stevia for the sugar?

      Reply
      • Jessica Fisher

        February 01, 2023 at 11:34 am

        I have never cooked with stevia, so I do not know. If you try it, please let us know how it goes!

        Reply
    2. Kelly

      August 25, 2022 at 8:06 am

      I’m not a coffee drinker, but my teens are recognizing how expensive it is to get coffee out every day. I’m contemplating setting up a coffee bar at home and they’ll like this syrup, but would I get good enough flavor with 1 cup of sugar?

      Reply
      • Jessica Fisher

        August 25, 2022 at 8:08 am

        5 stars
        The ratio of sugar to liquid determines how thick it will be, how concentrated. You can boil it longer which will thicken it, but then you’re essentially going to have the same concentration of sugar to liquid.

        Reply
        • Kelly

          August 25, 2022 at 8:18 am

          Right. Not thinking about that this morning. ?Knowing they like to use a lot of whatever they’re making I will probably leave it as a thinner syrup. I’m guessing I can freeze the syrup in ice cube trays for iced mocha whatever?

        • Jessica Fisher

          August 25, 2022 at 8:21 am

          You can, but I’d be more likely to thaw the syrup cubes prior to making an iced mocha. I’d use Coffee Cubes for ice.

    3. Megg

      February 21, 2022 at 8:22 pm

      5 stars
      Absolutely delicious!! I especially love the added note on how to thicken the sauce up! Thank you so much for sharing this!

      Reply
    4. Ariel

      December 09, 2021 at 1:50 am

      Hi~~~
      Newbie to coffee making. How much mocha sauce is needed to make one cup of ice mocha?

      Reply
      • Jessica Fisher

        December 09, 2021 at 11:13 am

        Hey Ariel. Then I’d say 1 to 2 tablespoons, depending on how sweet you like it, plus a shot of espresso or cold brew and then the rest milk.

        Reply
    5. Elizabeth

      November 02, 2020 at 9:48 am

      5 stars
      Absolutely Delicious! Perfect for my mocha lattes.

      Reply
      • Jessica Fisher

        November 07, 2020 at 8:48 am

        So glad you enjoyed it. Thanks for leaving a review, Elizabeth!

        Reply
    6. Cheri A

      June 13, 2020 at 9:11 am

      4 stars
      I was happy to make this mocha chocolate syrup to use in my coffee this week. It was delicious! I did take another reviewer’s tip and cut the sugar and replaced with honey and maple syrup.

      Reply
      • Jessica Fisher

        June 16, 2020 at 10:56 am

        Yay! Glad to hear it was a hit!

        Reply
    7. Nancy

      July 25, 2018 at 6:47 am

      Give me chocolate anything anytime and I’m all in. This is just wonderful. Just put it in my coffee. Oh my!!! Will make many more times.

      Reply
      • Jessica Fisher

        July 25, 2018 at 10:08 am

        Great! So glad you liked it!

        Reply
    8. June

      June 15, 2015 at 2:12 pm

      Hi Jessica, I Played with your coffee syrup recipe to make it without sugar, so I replaced it with honey, it wasn’t sweet enough so I tried black strap molasses (can I just say YUCK) then I tried maple syrup ~ that’s the winner! So I used 3/4 of a cup of honey and 1/4 c maple syrup. I Cut your recipe in 1/2. It didn’t thicken but it was tasty in my coffee. 😉 and I think honey is good for me. ??? Thanks for all you do Jessica, you’re amazing . j

      Reply
      • Jessica Fisher

        July 20, 2015 at 7:34 am

        Great to hear that you found a great naturally sweetened adaptation. Can’t wait to try it! Thanks for your kind words. I appreciate it!

        Reply

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    jessica from good cheap eats

    Hi, I'm Jessica! I believe anyone can prepare delicious meals -- no matter their budget.

    More about me

    collage of media outlets where good cheap eats has been featured.
    cooking for one
    cooking for many banner
    cooking to freeze banner

    Pantry Staples You Can Make at Home

    • Potsticker Dipping Sauce
    • Crock Pot Spaghetti Sauce
    • Instant Pot Potato Soup
    • Spanish Brown Rice (Mexican Brown Rice)
    • How to Make the Best Tuna Sandwich
    • Protein Overnight Oats

    Take the Pantry Challenge

    • Prepping for a Pantry Clean Out
    • How to Stock the Pantry on a Budget
    • 90+ Pantry Staples You Can Make Yourself
    • What to Make for Dinner When There’s “Nothing” to Eat

    Footer

    back to top

    About

    • Privacy Policy
    • Disclaimer
    • Terms & Conditions

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact
    • About

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2021 Good Cheap Eats