Skip to content
Be Your Own Barista
StandardRecipe

Mocha (Made at Home for a Fraction of the Price)

The BYOB Team5 min1 drink (from a batch of Mocha Sauce that makes about 12 servings)$0.93/drink212 cal/drink

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.

Uses Mocha Sauce (Standard) — make a batch ahead of time; it keeps in the fridge for a week or two, so you won't need to make it again for every drink.

Ingredients & steps

Standard

Written hot. Switch to see the iced version's ingredients and steps.

Ingredients

  • 2oz espresso (or 1/3 cup strong coffee/moka pot equivalent)
  • 8oz milk, steamed or frothed
  • 2 tbsp Mocha Sauce (make a batch ahead of time -- it keeps about 2 weeks in the fridge)
  • Optional: whipped cream and cocoa powder or chocolate shavings for topping

Steps

  1. 1.Make a batch of Mocha Sauce ahead of time if you haven't already -- it keeps in the fridge for about 2 weeks, so this is a once-every-couple-weeks step, not a per-drink one.
  2. 2.Pull a double shot of espresso (or brew strong coffee) directly into your serving cup.
  3. 3.Stir 2 tbsp of the mocha sauce into the hot espresso until fully combined.
  4. 4.Steam or froth 8oz of milk to about 150°F and pour over the espresso-sauce mixture.
  5. 5.Top with whipped cream and a dusting of cocoa powder or chocolate shavings if using. Serve immediately.

Swap the milk

This recipe is written with Kirkland Signature Organic A2 Whole Milk (8oz). Pick a different milk to see the cost and calories update below.

Milk: Kirkland Signature Organic A2 Whole Milk

Cost per drink

$0.93

Calories per drink

212

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.

A mocha is just a latte with real chocolate instead of a flavor syrup, and it’s one of the easier café drinks to nail at home once you’ve got a batch of chocolate sauce in the fridge. This part takes about 2 minutes.

Make the Sauce First (Just Once)

This recipe assumes you already have a jar of Mocha Sauce in the fridge — it’s a 15-minute batch that makes about 12 drinks’ worth and keeps for 2 weeks, so you only need to make it every couple of weeks, not every morning. If you haven’t made a batch yet, go do that first, then come back here.

Building the Drink

  1. Pull a double shot of espresso (about 2oz) directly into your cup, or brew a strong coffee/moka pot equivalent.
  2. Stir in 2 tbsp of the mocha sauce while the espresso is still hot — it dissolves faster and blends better than adding it after the milk.
  3. Steam or froth 8oz of milk to about 150°F (see How to Make a Latte at Home for the full milk-steaming technique if you’re new to it) and pour it over the espresso-sauce mix.
  4. Top with whipped cream and a dusting of cocoa powder or chocolate shavings if you want the full café look.
Café Mocha vs. Home Mocha
Café grande mocha (tax included)$6.15
Home mocha (espresso, milk, sauce)~$0.93
Savings per drink$5.22

The sauce batch itself is a one-time ~$1.30 and makes about 12 drinks — see the full sauce recipe for the batch method and cost breakdown. Split across servings, it’s already paid for itself by drink #1.

Assumptions: grande-size drink, national-average café pricing for a standard mocha (chocolate drinks typically run a bit above a plain flavored latte), dairy milk, $16/lb specialty beans or equivalent grocery beans. No seasonal ceiling on this one — if it’s your regular order, the savings compound year-round. At 5 mochas a week over the site’s standard 48-week year, that’s roughly $1,253/year back in your pocket versus the café version.

Swaps & Notes

  • No espresso machine? A moka pot or strong AeroPress shot works fine.
  • Want it darker/more bittersweet? Use Dutch-process cocoa in the sauce recipe instead of natural, or stir in a few chopped squares of dark chocolate.
  • Watching sugar? This is the classic-flavor version. If you want the same drink with less or no sugar, see the Sugar-Free Mocha (same method, swapped sweetener) or the Clean-Ingredient Mocha (real maple syrup, no refined sugar — our top recommendation if you’re choosing between the three).
  • Iced version: use the Hot/Iced toggle above the ingredients to switch — it’s not just “add ice.” You’ll want less milk (about 4oz cold over ice instead of 8oz steamed, since the ice takes up room in the glass) and the sauce still goes into the hot espresso first so it dissolves, before that mixture gets poured over ice and topped with cold milk.

Recipe Card Summary

Mocha

  • 2oz espresso + 8oz steamed milk + 2 tbsp Mocha Sauce (made ahead)
  • Prep time: 5 minutes (after the sauce is made) · Total: 5 minutes
  • Cost: ~$0.93/drink vs. $6.15 café equivalent

FAQ

Do I need to make the sauce every time I want this drink?

No — that’s the whole reason the sauce lives in its own recipe. One batch keeps about 2 weeks in the fridge and covers roughly 12 drinks, so this page is just the 5-minute assembly step.

Can I make this without an espresso machine?

Yes — a moka pot, AeroPress, or even strong drip coffee works. See How to Make a Latte at Home for the no-machine method.

What’s the difference between a mocha and hot chocolate with coffee added?

Mostly ratio and method — this recipe uses a real double shot of espresso as the base with milk and chocolate sauce added to it, rather than starting from a hot chocolate and splashing coffee in. The espresso comes through as the dominant flavor, with the chocolate rounding it out instead of the other way around.

Browse by ingredient tier

Or skip this drink and explore every recipe in the Clean-Ingredient, Standard, or Sugar-Free lineup.