Mocha (Made at Home for a Fraction of the Price)
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.
Clean-Ingredient Mocha (Real Cocoa, Real Maple, No Refined Sugar) →
- Key ingredient
- Real maple syrup (no refined sugar)
- Cost per drink
- $1.33
- Calories
- 228
- Sugar
- ~14g sugar per serving, all from real maple syrup -- no refined/added sugar
Mocha (Made at Home for a Fraction of the Price)
- Key ingredient
- Cane sugar + unsweetened cocoa
- Cost per drink
- $0.93
- Calories
- 212
- Sugar
- ~13g added sugar per drink (from the sauce)
Sugar-Free Mocha (The Flavor Without the Sugar Load) →
- Key ingredient
- Monk fruit/allulose sweetener
- Cost per drink
- $1.08
- Calories
- 164
- Sugar
- ~0g added sugar (monk fruit/allulose sweetener, not sugar)
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
StandardWritten 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.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.Pull a double shot of espresso (or brew strong coffee) directly into your serving cup.
- 3.Stir 2 tbsp of the mocha sauce into the hot espresso until fully combined.
- 4.Steam or froth 8oz of milk to about 150°F and pour over the espresso-sauce mixture.
- 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
- Pull a double shot of espresso (about 2oz) directly into your cup, or brew a strong coffee/moka pot equivalent.
- 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.
- 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.
- Top with whipped cream and a dusting of cocoa powder or chocolate shavings if you want the full café look.
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.
- 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.