Mocha Sauce (Standard)
Compare the 3 tiers of this drink
Same drink, three ways. Clean-Ingredient is our top recommendation -- Standard and Sugar-Free are the other options.
Cocoa-Maple Sauce (Clean-Ingredient) →
- Key ingredient
- Real maple syrup (no refined sugar)
- Cost per serving
- $0.51
- Calories
- 73
- Sugar
- ~14g sugar per 2 tbsp serving, all from real maple syrup -- no refined/added sugar
Mocha Sauce (Standard)
- Key ingredient
- Cane sugar + unsweetened cocoa
- Cost per serving
- $0.11
- Calories
- 57
- Sugar
- ~13g added sugar per 2 tbsp serving
Sugar-Free Mocha Sauce →
- Key ingredient
- Monk fruit/allulose sweetener
- Cost per serving
- $0.26
- Calories
- 9
- Sugar
- ~0g added sugar (monk fruit/allulose sweetener, not sugar)
Ingredients & steps
StandardIngredients
- 1 cup water
- 3/4 cup granulated sugar
- 1/2 cup unsweetened cocoa powder
- Pinch of fine sea salt
- 1/2 tsp vanilla extract
Steps
- 1.Whisk the water, sugar, and cocoa powder together in a small saucepan BEFORE turning on the heat -- cocoa clumps badly if it hits hot liquid without being fully whisked in cold first.
- 2.Set over medium heat and bring to a gentle simmer, whisking constantly -- cocoa scorches easily on the bottom of the pan if left alone.
- 3.Simmer 4-5 minutes, still whisking occasionally, until smooth and slightly thickened -- it thickens more as it cools, so don't wait for a thick sauce in the pan.
- 4.Remove from heat and stir in the salt and vanilla extract. Let cool completely.
- 5.Store in a sealed jar in the fridge for up to 2 weeks. Use 2 tbsp per drink, stirred into hot espresso before adding milk.
Not medical or nutrition advice. Calorie figures on this page are estimates based on typical ingredient values, not a lab analysis of your exact batch — they'll shift with the brand of milk, syrup, or protein powder you actually use. "Clean-ingredient" and "sugar-free" describe what's in the recipe, not a health claim. If you're managing diabetes, a caffeine sensitivity, pregnancy, or another condition, check with a doctor or dietitian before making a recipe part of your routine. Read the full disclaimer.
This is the sauce batch behind our Mocha — pulled out into its own recipe so you can make it once and go straight to assembling drinks for the next couple of weeks, instead of reading the same sauce steps every time. If you’ve already got a jar of this in the fridge, you don’t need this page again until it runs out.
The Sauce
Mocha isn’t a syrup flavor, it’s chocolate, so this one skips the flavored-syrup method entirely and simmers real unsweetened cocoa powder with sugar and water into a pourable chocolate sauce — the same category as homemade chocolate syrup, just proportioned for coffee instead of milk. Whisk the cocoa powder into the water and sugar before turning on the heat (cocoa clumps badly if you dump it into hot liquid), then simmer 4-5 minutes, whisking often so it doesn’t scorch on the bottom of the pan. Off the heat, stir in a pinch of salt and 1/2 tsp vanilla extract and let it cool completely — it thickens noticeably more as it cools.
Store the finished sauce in a sealed jar in the fridge for up to 2 weeks. It makes roughly 12 drinks’ worth at 2 tbsp per serving.
Assumptions: unsweetened cocoa powder and sugar at typical grocery pricing (cocoa is the pricier ingredient here, at roughly $0.09-0.11/tbsp); a store-bought comparison assumes a ~750ml pump bottle of chocolate/mocha sauce around $9-12, yielding about 25 servings at 2 tbsp each. The homemade batch pays for itself well before you finish the jar.
Storage & Shelf Life
- Keeps about 2 weeks in a sealed jar in the fridge.
- Double the batch if you go through mochas quickly — everything scales evenly (2 cups water, 1 1/2 cups sugar, 1 cup cocoa powder).
- Give it a stir before using — cocoa sauces can separate slightly in the fridge; that’s normal.
Swaps & Notes
- Want it richer, closer to a ganache-style mocha sauce? Swap in 2-3 tbsp of the sugar for the same amount of chopped dark chocolate, melted in at the end off the heat.
- Dutch-process vs. natural cocoa powder both work here — Dutch-process gives a slightly darker, milder flavor; natural cocoa is a touch more acidic/bright. Either is fine for a mocha.
- Sauce too thin once cooled? Simmer an extra minute or two next batch; it firms up more than it looks like it will while still warm.
What to Make With This
2 tbsp of this sauce, stirred into hot espresso before adding steamed milk, is the Mocha. If you want the same drink with less or no sugar, the Sugar-Free Mocha Sauce swaps the sweetener with the same method. If you’d rather skip refined sugar entirely, the Cocoa-Maple Sauce behind our Clean-Ingredient tier uses real maple syrup instead.
Recipe Card Summary
Mocha Sauce (Standard)
- 1 cup water, 3/4 cup sugar, 1/2 cup unsweetened cocoa powder, salt, vanilla
- Makes ~12 servings (2 tbsp each) · Prep: 5 min · Total: 15 min (mostly simmering + cooling)
- Cost: ~$1.30/batch, ~$0.11/serving
FAQ
How long does homemade mocha sauce last?
About 2 weeks in a sealed jar in the fridge.
Why whisk the cocoa into cold water instead of adding it once the pan’s hot?
Cocoa powder clumps almost instantly in hot liquid unless it’s already fully dispersed. Whisking it into the water and sugar while everything’s still cold, then heating the whole mixture together, avoids that entirely.
Can I use hot cocoa mix instead of plain cocoa powder?
Not a direct swap — hot cocoa mix already has sugar and milk powder blended in at different ratios, so the numbers above won’t hold. Plain unsweetened cocoa powder is what this recipe (and its cost/calorie math) assumes.
Browse by ingredient tier
Or skip this drink and explore every recipe in the Clean-Ingredient, Standard, or Sugar-Free lineup.
- Clean-Ingredient70
Clean-Ingredient
Rebuilt from whole ingredients only — real fruit, maple, dates, cacao — no syrups, gums, or mystery additives. Our top recommendation.
- Standard
Standard
Classic home versions of café drinks, plus copycats of chains' seasonal and viral menu items.
- Sugar-Free70
Sugar-Free
The same drinks, lower-sugar or fully sugar-free, named against the specific chain drink they replace.