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

A cookie butter mocha pairs our Mocha with the caramelized brown-sugar spice syrup behind our Cookie Butter Latte — a chocolate-and-spice-cookie combination that’s shown up on trending café menus recently. Same trick as our other combo drinks: 1 tbsp of each base instead of a whole new jar.

Make Both Bases First (Just Once)

This recipe assumes you already have a jar each of Mocha Sauce and Cookie Butter Syrup in the fridge — 15 and 10 minutes to make respectively, each covering about 12 drinks and keeping about 2 weeks. If you’re building your first jar of either, make that one 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 1 tbsp of the mocha sauce and 1 tbsp of the cookie butter syrup while the espresso is still hot — the same 2 tbsp of total flavoring as any single-flavor latte here, split between the two.
3. Steam or froth 8oz of milk to about 150°F (see How to Make a Latte at Home for the full technique) and pour it over the espresso mixture.
4. Top with whipped cream and a dusting of cinnamon or crushed cookie if you want the full café look.

Café grande cookie butter mocha (trending specialty pricing, tax included)$6.45

Home cookie butter mocha (espresso, milk, both bases)~$0.93

Savings per drink$5.52

Both bases together cost about $2.44 total to make (~$1.30 for the Mocha Sauce batch, ~$1.14 for the Cookie Butter Syrup batch), and each covers about 12 drinks on its own. Since this recipe only uses 1 tbsp of each per drink, one pair of batches stretches to around 12 cookie butter mochas before either jar runs out.

Assumptions: grande-size drink, national-average specialty/trending-menu pricing for a two-flavor combo drink (cookie butter itself already runs at specialty pricing on its own — see the Cookie Butter Latte math), dairy milk, $16/lb specialty beans or equivalent grocery beans. Not seasonal, unlike pumpkin spice — at 5 cookie butter mochas a week over the site’s standard 48-week year, that’s roughly $1,325/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 more chocolate-forward or more spice-cookie-forward? Shift the ratio, same as any combo drink here — 1.5 tbsp of whichever base you want to lead, 0.5 tbsp of the other. The math above assumes an even split.
• Only have one of the two bases made? Make the plain Mocha or plain Cookie Butter Latte instead rather than doubling up on whichever jar you have.
• Watching sugar? Both bases here are the classic-flavor Standard versions. Swap in the Sugar-Free Mocha Sauce and Sugar-Free Cookie Butter Syrup (same 1 tbsp each method) for a lower-sugar build.
• Iced version: use the Hot/Iced toggle above the ingredients to switch — less milk (about 4oz cold over ice instead of 8oz steamed), same method as every other iced drink on the site.

Recipe Card Summary

Cookie Butter Mocha

• 2oz espresso + 8oz steamed milk + 1 tbsp Mocha Sauce + 1 tbsp Cookie Butter Syrup (both made ahead)
• Prep time: 5 minutes (after both bases are made) · Total: 5 minutes
• Cost: ~$0.93/drink vs. $6.45 café equivalent

FAQ

Do I need to make a whole new syrup for this?

No — it’s built from 1 tbsp each of the Mocha Sauce and Cookie Butter Syrup you’d already make for our plain Mocha and Cookie Butter Latte recipes.

Is this the same as gingerbread with chocolate?

No — Gingerbread is its own, more clove/molasses-forward spice blend and doesn’t pair with mocha in this recipe. Cookie butter’s spice blend is heavier on cinnamon and ginger with a caramelized-brown-sugar base, and it’s what this drink combines with the chocolate sauce. See the Cookie Butter Syrup page for the full flavor comparison against our other spice-adjacent syrups.

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.