Iced Mocha: A Simple Café-Style Recipe

An iced mocha is a chilled coffee drink made with espresso or strong coffee, chocolate, milk, and ice. This simple café-style version is easy to mix at home, with a smooth chocolate-coffee base and room to adjust the sweetness and milk to taste.

Plan on about 10 minutes from start to finish. You’ll get the best texture by dissolving the chocolate into warm coffee before adding cold milk and ice; no blender or special equipment is necessary.

What You’ll Need

2 shots espresso (about 2 fl oz / 60 ml), or ½ cup (120 ml) strong brewed coffee, cooled slightly
1 tablespoon (15 ml) chocolate syrup, plus more to taste; alternatively, use 1 tablespoon (7 g) unsweetened cocoa powder and 1 tablespoon (12 g) sugar
¾ cup (180 ml) cold milk, dairy or unsweetened plant milk
1 cup (about 140 g) ice cubes, or enough to fill your serving glass
Optional: whipped cream, chocolate shavings, or a light drizzle of chocolate syrup

Equipment: a heatproof cup for the coffee, a spoon or small whisk, and a 12- to 16-ounce (355- to 475-ml) glass. If using brewed coffee, make it stronger than you would for drinking plain so its flavor stands up to the milk and chocolate.

Step-by-Step

Brew the coffee. Pull 2 shots of espresso, or brew ½ cup (120 ml) of strong coffee. Let it sit for a minute so it is hot but no longer steaming heavily. If your coffee is already cold, warm 1 tablespoon (15 ml) of it briefly to help dissolve the chocolate, then stir that back in.
Make a smooth chocolate-coffee base. Add the chocolate syrup to the warm coffee and stir until evenly combined. For the cocoa-and-sugar alternative, whisk the cocoa and sugar together first, then gradually whisk in the hot coffee to form a smooth mixture. Scrape the bottom and sides of the cup; dry cocoa left in clumps can make the finished drink gritty.
Taste and adjust before chilling. The base should taste a little stronger and sweeter than you want the final drink, because cold milk and melting ice will dilute it. Stir in extra chocolate syrup a teaspoon (5 ml) at a time if you prefer a richer or sweeter mocha. If it tastes too sweet, add a little more coffee.
Fill the glass with ice. Add about 1 cup (140 g) of ice cubes to your glass. Use enough to fill it roughly two-thirds to three-quarters full, leaving space for the coffee and milk. Larger cubes melt more slowly than small or crushed ice.
Add the coffee mixture. Pour the chocolate-coffee base over the ice. If it is very hot, give it a minute to cool first; pouring near-boiling coffee over ice melts the cubes quickly and makes the drink watery.
Pour in the milk and stir. Add ¾ cup (180 ml) cold milk, then stir from the bottom until the drink is an even chocolate-brown color. Taste it and add a splash more milk for a milder drink, or a small amount of syrup for more chocolate sweetness.
Finish and serve right away. Add whipped cream, chocolate shavings, or a small drizzle of syrup if desired. Serve with a straw or spoon and stir again if the coffee and milk begin to separate.

Common Mistakes

Adding cocoa straight to cold milk: Cocoa powder does not dissolve readily in cold liquid, so it tends to float or clump. First whisk it into the warm coffee; for an especially smooth result, sift the cocoa before mixing.
Using weak coffee: A light brew can disappear beneath the milk and chocolate. Use espresso or brew coffee at a stronger ratio than usual. Avoid adding more liquid coffee than the recipe calls for unless you also adjust the milk and chocolate.
Pouring hot coffee onto a small amount of ice: The ice melts rapidly, thinning the drink. Cool the coffee briefly and use a glass generously filled with ice. Ice cannot chill the drink without melting, but larger cubes help limit dilution.
Making it too sweet before tasting: Chocolate syrup varies in sweetness, and toppings add more. Start with the stated tablespoon, mix, and then adjust in small increments.
Skipping the final stir: Coffee and milk can layer, particularly if the coffee base is poured over ice first. Stir thoroughly from the bottom so each sip has a balanced flavor.

Tips

Choose a chocolate style you enjoy. Syrup mixes quickly and gives a familiar café sweetness. Cocoa powder creates a more pronounced cocoa flavor and lets you control the sugar. Sweetened cocoa drink mix can work in a pinch, but it is already sweetened, so add it gradually and omit added sugar.
Adjust the coffee method. Espresso provides a concentrated flavor. Strong drip coffee, moka-pot coffee, or cold brew concentrate can also work; follow the concentrate’s directions and use enough to provide a clearly noticeable coffee taste.
Try different milk options. Whole milk gives a fuller texture, while lower-fat milk tastes lighter. Oat, soy, almond, and other plant milks can be substituted in the same quantity. Their sweetness and texture differ, so taste before adding extra syrup.
Chill coffee ahead for a quick pour. Brew extra coffee and refrigerate it in a covered container. Use it within 3–4 days, and keep it refrigerated. Cold coffee avoids melting the ice as quickly, although warm coffee is useful when mixing cocoa powder.
Make a larger batch when serving guests. Multiply the coffee, chocolate, and milk quantities by the number of servings, then combine them in a pitcher and refrigerate. Pour over ice in individual glasses just before serving; keeping ice out of the pitcher prevents the whole batch from watering down.
Keep toppings optional. Whipped cream and chocolate shavings are decorative, not necessary for a good mocha. A pinch of cinnamon can add a warm note, while a tiny pinch of salt can make the chocolate taste more pronounced.

Troubleshooting

The drink tastes watery: The ice may have melted too much, or the coffee may be weak. Use larger cubes, cool the coffee before assembling, and make the next batch with stronger coffee. For this glass, stir in a small additional amount of coffee and chocolate rather than adding more milk.
The cocoa is gritty or lumpy: Whisk the cocoa into warm coffee in a slow stream, breaking up lumps against the side of the cup. If the mixture is already in the glass, pour it back into a cup, whisk until smooth, and return it to fresh ice.
The chocolate settles at the bottom: The syrup may be thick or the drink may not have been stirred enough. Mix the syrup thoroughly into the coffee before adding milk, then stir the finished drink from the bottom. A little warm coffee can loosen thick syrup.
The mocha is too bitter: Add chocolate syrup or sugar in small increments, or use a slightly larger amount of milk. If the bitterness comes from over-extracted coffee, make a fresh, shorter espresso shot or a less concentrated batch next time.
The mocha is too sweet: Add a splash of coffee or milk, then taste again. With cocoa powder, reduce the sugar next time; with syrup, begin with 2 teaspoons (10 ml) and increase only as needed.
The milk looks separated: This is usually a mixing issue rather than a problem with the recipe. Stir well and serve promptly. If using a plant milk that separates in acidic or concentrated coffee, try a different variety or add the milk after the coffee base has cooled a little.

Frequently Asked Questions

Can I make an iced mocha without an espresso machine?
Yes. Use ½ cup (120 ml) of strong brewed coffee, moka-pot coffee, or prepared cold brew concentrate. Make sure the coffee flavor is concentrated enough to balance the milk and chocolate.

Can I make this iced mocha without chocolate syrup?
Yes. Whisk 1 tablespoon (7 g) unsweetened cocoa powder and 1 tablespoon (12 g) sugar into the warm coffee. Add the cocoa gradually and whisk well so the finished drink is not gritty.

Can I make it ahead?
You can mix the coffee and chocolate base ahead and refrigerate it in a covered container for up to 3–4 days. Add cold milk and ice just before serving for the best flavor and texture. Do not leave the milk-based finished drink at room temperature for more than 2 hours.

Can I make an iced mocha dairy-free?
Yes. Replace the milk with the same amount of your preferred plant milk, and check that the chocolate syrup is dairy-free if needed. Plant milks vary in thickness and sweetness, so adjust the syrup after tasting.

How do I make a blended iced mocha?
Blend the coffee-chocolate base, milk, and ice until smooth. Start with about 1 cup (140 g) of ice; add a few cubes if you want a thicker texture. Serve immediately, as blended ice melts faster than whole cubes.

Is an iced mocha the same as an iced latte?
No. Both combine coffee and cold milk, but an iced mocha includes chocolate. An iced latte is usually coffee and milk without chocolate, though café recipes and sweetness levels vary.

More recipes to cook

Safety notes: safe minimum internal temperatures from USDA FSIS; raw and undercooked fish guidance from the U.S. FDA. Food safety notes

Spotted an error? Tell us and we will correct it (corrections policy).