
Why You'll Love This Homemade Mocha Sauce Recipe!
Upon making this recipe, I’ve come to the realization that mocha sauce is basically the grown-up version of the Hershey’s syrup I used to squeeze into my milk in as a kid... I guess some things never change!
This homemade mocha sauce is perfect for whipping up your favorite Starbucks mocha latte at home. If you don't have an espresso machine, it's delicious in your morning coffee, too!
This rich chocolate syrup could not be easier to make with ingredients you probably have in your pantry!
Keep a jar in the fridge and use it for coffee, hot chocolate, or even a nostalgic glass of chocolate milk.
Four Simple Ingredients

This easy recipe is made with just four simple ingredients—sugar, cocoa powder, water, and vanilla. These simple pantry staples come together in minutes to make a delicious homemade chocolate syrup!
*See recipe card below for ingredient quantities.
A Few Ways to Change It Up!
- Cinnamon Mocha Sauce: Add a ½ teaspoon of cinnamon.
- Peppermint Mocha Sauce: Stir in ¼ teaspoon of peppermint extract.
- Salted Chocolate Sauce: Add a good pinch of sea salt.
- Dark Chocolate: Use dark cocoa powder.
How to Make Mocha Sauce

- Whisk together the sugar and cocoa powder in a small saucepan.
- Add the water and stir until smooth.

- Cook over medium heat, stirring frequently, until the mixture just begins to simmer and the sugar dissolves.
- Remove from heat and stir in the vanilla.
Storage
Let the mocha sauce cool, then transfer it to an airtight container or jar. Store it in the refrigerator for up to two weeks. It will thicken slightly when chilled.
Top Recipe Tips
- Keep an eye on it! As the sauce simmers, it can quickly boil over. Stir frequently to keep it under control. If the sauce starts bubbling up too much, simply take the pan off the heat—it will quickly settle back down.
- It will thicken as it cools. The sauce will be thin when you first remove it from the heat, but don’t worry—it thickens as it cools!
- No need to overcook it. Once the mixture reaches a boil and the sugar dissolves, give it a good whisk and take it off the heat. Let it cool, and it’ll be just the right consistency.
How to Use Homemade Mocha Syrup
- Make a Mocha Latte: Stir 2 Tablespoons into a shot of espresso, then top with steamed milk. Use cold milk and ice for an iced mocha!
- Add to Your Favorite Coffee Drinks: Make a chocolate cold brew by stirring 2 tablespoons of mocha sauce into your cold brew coffee.
Works great in hot coffee and iced coffee, too! - Chocolate Milk: Add 1 Tablespoon to a glass of cold milk and stir well. Works great with any type of milk, whether that be whole milk or dairy-free milk; such as almond or oat milk!
- Hot Chocolate: Mix 2 Tablespoons into warm milk.
- Over Desserts: Drizzle on ice cream for delicious ice cream sundaes! Would be great on brownies, pancakes, or waffles, too!
- Blend Into Smoothies: Add a spoonful to a cherry or banana smoothie for a mocha twist.
- Dip for Fruit: Serve as a dip for strawberries or apple slices.

More Homemade Syrups and Sauces
These homemade coffee syrups and sauces are perfect for mixing into your favorite drinks! If you love all things mocha, you'll love my Starbucks white chocolate mocha sauce recipe too!
Recipe FAQs
Yes, the sauce thickens as it cools and will become even thicker when refrigerated. If it gets too thick, just give it a good stir or warm it slightly before using.
While the sauce does thicken as it cools, this mocha sauce stays pourable and does not harden completely. It has a thick syrupy consistency, similar to store-bought chocolate syrup. If needed, microwave for 5-10 seconds or let sit at room temperature for a few minutes to make it easier to pour.
Mocha sauce is a simple chocolate syrup made from sugar, cocoa powder, water, and vanilla. It’s commonly used to make mochas and other chocolate-flavored coffee drinks.
Yes, whisk together the sugar, cocoa powder, and water in a microwave-safe dish. Microwave in 30-second intervals, stirring well after each, until the mixture is hot and the sugar has dissolved, about 2-3 minutes total. (Keep a close eye on it and stop the microwave if it bubbles up too much.) Stir in the vanilla extract and let it cool slightly before using.

5 Minute Mocha Sauce
Ingredients
- 1 cup granulated sugar
- ½ cup cocoa powder
- ½ cup water
- 1 teaspoon vanilla extract
Instructions
- Whisk together the sugar and cocoa powder in a small saucepan to break up any clumps.
- Add the water and stir until smooth.
- Cook over medium heat, stirring frequently, until the mixture just begins to boil and the sugar dissolves.
- Remove from heat and stir in the vanilla.
- Let it cool slightly before using.
Notes
- The sauce will thicken slightly as it cools.
- Store in an airtight container in the fridge for up to two weeks.
- Stir before using if the cocoa powder happens to settle.










Leave a comment and star rating!