Skip to content
Be Your Own Barista
StandardRecipe

Mocha Sauce (Standard)

The BYOB Team15 min1 batch (about 12 servings, 2 tbsp each)~$0.11/serving (~$1.30 per batch, makes ~12 servings)57 cal/serving

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.

Ingredients & steps

Standard

Ingredients

  • 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. 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. 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. 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. 4.Remove from heat and stir in the salt and vanilla extract. Let cool completely.
  5. 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.

Batch Cost vs. Store-Bought Syrup
This batch (12 servings)$1.30 total
Per 2 tbsp serving~$0.11
Typical store-bought chocolate/mocha syrup, per serving$0.35-$0.50

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.