Iced Cafe Mocha Recipe: Cold Chocolate Espresso Over Ice

An iced cafe mocha is espresso, chocolate and cold milk poured over ice. The secret is to dissolve the chocolate in the hot espresso first, because chocolate will not blend into cold milk. For a 16 oz glass, stir 2 tablespoons of chocolate sauce into a hot double shot, pour it over ice with 6 oz (180 ml) of cold milk, and stir. Ready in three minutes.

This guide is all about the cold, unblended version. If you want a warm mug, see how to make a café mocha at home; for the slushy, blended drink, head to our mocha frappe recipe.

Iced Cafe Mocha Recipe

Makes one 16 oz (475 ml) glass.

Ingredients

• 2 oz (60 ml) hot espresso (a double shot), or 3 oz (90 ml) strong moka pot or AeroPress coffee
• 2 tablespoons (30 ml) chocolate sauce, store-bought or homemade (recipe below)
• 6 oz (180 ml) cold whole or 2% milk
• 1 cup ice, about 5–6 cubes
• A tiny pinch of salt (optional, but it makes chocolate taste deeper)
• Optional topping: whipped cream, cold foam or a dusting of cocoa

Steps

1. Brew the espresso into a small cup or measuring jug.
2. Dissolve the chocolate. Immediately add the chocolate sauce and salt and stir until completely smooth, about 15 seconds. This is the step that stops chocolate sludge from forming at the bottom of your glass.
3. Fill the glass with ice and pour in the cold milk.
4. Pour the chocolate espresso over the milk. It will cascade down in pretty ribbons.
5. Stir well and taste. Add a little more sauce for sweetness or a splash more milk to mellow it.
6. Top with whipped cream or a spoonful of sweet cream cold foam if you like.

Making Chocolate Dissolve in a Cold Drink

Chocolate is mostly cocoa solids and fat. In warm liquid, the fat melts and the solids disperse; in cold milk, the fat firms up and the solids clump and sink. That is why an iced mocha made by stirring cocoa into cold milk ends up gritty. Three ways around it:

• Hot espresso first: Dissolve your chocolate in a small amount of hot coffee, then chill. The easiest and most reliable method.
• Use a liquid sauce or syrup: Thin sauces and syrups are designed to stay pourable cold.
• Shake it: For cold brew bases, shake sauce, coffee and milk in a jar with ice for 15 seconds instead of stirring.

Chocolate Sauce vs Syrup vs Cocoa for an Iced Cafe Mocha

Your chocolate choice changes the texture and flavor more than anything else.

Quick homemade chocolate sauce

Makes about 1 cup (240 ml), enough for 8 drinks.

1. In a small saucepan, whisk 1/2 cup (45 g) unsweetened cocoa powder, 1/2 cup (100 g) sugar and a pinch of salt.
2. Whisk in 1/2 cup (120 ml) water until smooth.
3. Bring to a gentle simmer over medium heat, whisking, and cook for 2–3 minutes until glossy and slightly thickened.
4. Remove from heat and stir in 1/2 teaspoon vanilla extract.
5. Cool, then store in a sealed jar in the fridge for up to 2 weeks. It thickens when cold; stir or warm briefly before using.

Espresso vs Cold Brew Base

Both make a great iced cafe mocha, but they taste different.

Espresso base

Espresso is intense, slightly bitter and full of aroma, which balances chocolate’s sweetness. Its heat is also your built-in tool for melting chocolate. Choose this if you want a classic café-style iced mocha.

Cold brew base

Cold brew is smooth, low in perceived acidity and naturally chocolatey. Use 3–4 oz (90–120 ml) of cold brew concentrate in place of the espresso, and use syrup or shake the drink so the chocolate mixes. It is ideal for batch prep, since you can keep a jar in the fridge for days. Learn the method in how to make cold brew coffee at home, or compare styles in cold brew vs iced coffee.

Tip for both: Use coffee ice cubes so the drink stays strong as the ice melts.

Lighter and Richer Iced Mocha Variations

Lighter iced mocha

• Use 1 tablespoon of unsweetened cocoa bloomed in hot espresso with 1 teaspoon of sugar or your preferred sweetener.
• Swap whole milk for skim, unsweetened almond or oat milk.
• Add an extra ounce of espresso and a little more ice so the coffee carries the flavor.
• Skip the whipped cream and dust cocoa on top instead.

Richer iced mocha

• Melt 1 oz (28 g) of chopped dark chocolate into the hot espresso, stirring constantly.
• Replace 2 oz (60 ml) of the milk with half-and-half.
• Top with whipped cream and a drizzle of chocolate sauce.
• Add a pinch of flaky salt on top to keep it from tasting flat.

Flavor twists

Add 1/2 tablespoon of peppermint or hazelnut syrup, or try our white chocolate mocha served over ice. Spice lovers can borrow the cinnamon and chili from our Mexican mocha.

Iced Cafe Mocha FAQ

Why does my iced mocha have chocolate at the bottom?

The chocolate was added to cold milk, where it cannot dissolve. Stir your sauce or cocoa into the hot espresso first, until completely smooth, then pour it over the iced milk.

What is the difference between an iced mocha and an iced latte?

An iced mocha is an iced latte with chocolate added. Both use espresso and cold milk over ice; the mocha simply includes chocolate sauce, syrup or cocoa.

How much caffeine is in an iced cafe mocha?

Most of it comes from the espresso: roughly 120–130 mg for a double shot, plus a small amount from the chocolate. The FDA cites up to 400 mg a day as generally safe for most healthy adults; if you are pregnant, have a medical condition or take medication, ask your doctor.

Can I make an iced mocha without an espresso machine?

Yes. Use 3 oz (90 ml) of strong moka pot or AeroPress coffee, or 3–4 oz (90–120 ml) of cold brew concentrate with chocolate syrup. Our iced latte recipe shows more no-machine options.

Chocolate and Coffee, Made to Chill

Want double the chocolate? Brew your espresso or cold brew with our Mocha flavored coffee for extra chocolate aroma. For batch prep, our Cold Brew Coffee blend is made for steeping cold, and the bold 6 Bean Blend makes an espresso base that stands up to rich chocolate. Every Feel Espresso order is roasted 1–5 days before delivery, so your iced cafe mocha starts fresh.