Coffee-shop syrup
Chocolate Syrup (Mocha Syrup for Coffee)
Cocoa, sugar and water whisked into a pourable syrup for mochas and chocolate milk.
- 8 min total
- 1½ cups360 ml
- Keeps 3 weeks
Photo: Keith Jay · CC BY-SA 4.0
Quick answer
Chocolate syrup is cocoa powder and sugar simmered with water until smooth and glossy. Whisk ½ cup cocoa with 1 cup sugar, add 1 cup water, simmer 3 minutes, finish with vanilla and salt, and use 2 tbsp per 12 oz mocha.
This is the pump-bottle chocolate behind a café mocha: thinner than fudge sauce so it melts straight into espresso, but rich enough to make proper chocolate milk too.
Two habits make it smooth: whisk the cocoa and sugar together before adding water so nothing clumps, and give it a short simmer so the cocoa loses its raw, powdery taste.
Tastesdark cocoabittersweetvanilla
The recipe
Chocolate Syrup (Mocha Syrup for Coffee)
Ingredients for 1½ cups360 ml
You’ll need: small saucepan, measuring cups, squeeze bottle, pump bottle, milk frother, espresso machinesmall saucepan, measuring cups, squeeze bottle, pump bottle, milk frother, espresso machine
Method
-
Whisk the dry ingredients
In a small saucepan, whisk the sugar, cocoa and salt together until no cocoa lumps remain. The sugar crystals break up the cocoa.
1 cup200 g granulated sugar½ cup40 g unsweetened cocoa powder
-
Add the water
Pour in a splash of water and whisk to a smooth paste, then gradually whisk in the rest.
1 cup240 ml water
-
Simmer
Bring to a gentle simmer over medium heat, whisking often, and cook for 3 minutes until glossy and slightly thickened. Scrape the bottom so the cocoa doesn't scorch.
-
Finish and bottle
Take off the heat, stir in the vanilla and cool. It thickens as it cools. Pour into a squeeze or pump bottle and refrigerate.
1 tsp1 tsp pure vanilla extract
Storage. Keeps about 3 weeks sealed in the fridge. It thickens when cold; shake well, or warm the bottle briefly in hot water. Discard if it smells sour or shows mold.
Per 1 tbsp (15 ml): about 32 kcal, 8.3 g sugar (estimate).
How to use it
Café mocha
2 tbsp (30 ml) per 12 oz mocha: stir into 2 shots of espresso until smooth, then add steamed milk.
Iced mocha
2 tbsp (30 ml) stirred into hot espresso first, then poured over ice with 6 oz (180 ml) cold milk.
Chocolate milk
2 tbsp (30 ml) per 1 cup (240 ml) cold milk, stirred or shaken.
Hot chocolate
3 tbsp (45 ml) per 1 cup (240 ml) hot milk, whisked until frothy.
Mocha Espresso Martini
¼ oz (7 ml) with 1½ oz (45 ml) vodka, 1 oz (30 ml) fresh espresso and ½ oz (15 ml) coffee liqueur. Shake hard, strain.
Gear for this recipe
Glass Coffee Syrup Dispensers with Pumps (16.9 oz, set of 2)
A pump gives the same dose every press, so every latte tastes the same. Glass washes clean between flavors.
Best for Home coffee bars
Zulay Kitchen Handheld Milk Frother
Best for Lattes and cold foam on a budget
Breville Bambino Plus Espresso Machine
Best for Real espresso lattes at home
Takeya Deluxe Cold Brew Coffee Maker (1 qt)
Best for Iced coffee all week
More gear for this recipe (4)
Coffee Syrup Bottle Rack Organizer
Best for Organizing a coffee station
OXO Good Grips Chef's Squeeze Bottles (12 oz + 16 oz)
Best for Sauces, drizzles and latte art
Cuisinart Chef's Classic 1.5 qt Stainless Saucepan with Lid
Best for Every stovetop syrup
Pyrex 3-Piece Glass Measuring Cup Set (1, 2 & 4 cup)
Best for Measuring, microwaving and pouring
Tips for the best batch
- Dutch-process cocoa gives a darker, mellower, café-style syrup. Natural cocoa works but tastes sharper and fruitier.
- Add ½ tsp instant espresso powder with the cocoa. It makes the chocolate taste more chocolatey without tasting like coffee.
- Too thick after chilling? Whisk in hot water a tablespoon at a time. Too thin? Simmer 2 minutes longer next time.
- Some cocoa settling is normal because cocoa doesn't fully dissolve. Shake before every use.
Variations
Mocha syrup
Replace half the water with strong brewed coffee or 1 shot of espresso topped up with water.
Dark chocolate
Whisk 30 g finely chopped dark chocolate into the hot syrup until melted. Richer, but thicker when cold.
Mexican chocolate
Add a cinnamon stick while simmering and a tiny pinch of cayenne with the vanilla.
Peppermint mocha
Stir ¼ tsp peppermint extract into the cooled syrup, or mix 2 parts chocolate syrup with 1 part peppermint syrup.
Questions people ask
Should I use Dutch-process or natural cocoa?
Either works. Dutch-process is smoother, darker and closer to café mocha syrup; natural cocoa is lighter in color and tastes brighter and slightly sharper.
How much chocolate syrup goes in a mocha?
About 2 tbsp (30 ml) for a 12 oz mocha and 3 tbsp for 16 oz. Stir it into the espresso before adding milk so it blends evenly.
What's the difference between mocha syrup and mocha sauce?
Sauce is thicker, often with melted chocolate or milk. Syrup like this one is thinner, so it dissolves into hot and iced drinks without streaks.
Why is my chocolate syrup lumpy or grainy?
Cocoa was added straight to water, or it wasn't simmered. Always whisk cocoa into the sugar first, then simmer briefly. A quick blitz with an immersion blender rescues a lumpy batch.
How long does homemade chocolate syrup last?
About 3 weeks in the fridge in a clean, sealed bottle.
Keep going