How to Make an Iced Mocha at Home

What Is an Iced Mocha?

An iced mocha is an espresso-and-milk drink flavored with chocolate and served over ice. It sits between an iced latte and a chilled chocolate drink: espresso supplies roast and bitterness, cocoa supplies chocolate intensity, and milk softens both.

The word mocha has older geographic roots connected with the coffee trade through Al-Makha in Yemen. In modern cafe use, however, a mocha usually means coffee combined with chocolate. That modern drink meaning does not imply that every chocolate-flavored coffee uses beans from Yemen.

Measured Iced Mocha Recipe

Use a glass with about 400 ml usable capacity so the ice can move while you stir. The assembled drink weighs about 328 g before ice melts and before any optional topping.

Recipe Snapshot

• Yield: 1 iced mocha
• Prep time: 3 minutes
• Cook time: 1 minute
• Total time: 4 minutes
• Glass: About 400 ml usable capacity
• Coffee baseline: 18 g dry coffee to 36 g finished espresso

Ingredients

• 18 g coffee, ground for espresso
• 8 g unsweetened natural cocoa powder
• 14 g granulated sugar
• 150 g cold whole milk, divided into 30 g and 120 g
• 120 g hard-frozen ice

Equipment

• Espresso machine and grinder
• Scale
• Small heatproof cup and whisk or spoon
• Glass with about 400 ml usable capacity
• Long spoon

Method

1. Weigh 8 g cocoa and 14 g sugar into a dry heatproof cup. Weigh 120 g ice into the serving glass.
2. Brew 18 g ground coffee to 36 g finished espresso.
3. Add about half the hot espresso to the cocoa and sugar. Whisk into a smooth paste, then add the remaining espresso and stir until no dry cocoa remains.
4. Stir 30 g of the cold milk into the chocolate-espresso base. This begins cooling the mixture without shocking the cocoa paste over ice.
5. Pour the remaining 120 g milk over the ice, then add the chocolate-espresso base.
6. Stir thoroughly and serve immediately. Add whipped cream or chocolate shavings only after tasting the base drink.

Nutrition for This Recipe

The estimates use generic whole milk, unsweetened cocoa, granulated sugar and espresso data. Product labels vary, and whipped cream, sauce or chocolate shavings are not included. Allergen note: the baseline contains milk. A sweetened cocoa mix is not interchangeable with unsweetened cocoa because it changes sugar, calories and potentially allergens.

Cocoa Powder, Chocolate Sauce, or Melted Chocolate?

This recipe uses unsweetened cocoa plus weighed sugar because those two variables can be adjusted independently. Natural cocoa produces a direct chocolate flavor and a slightly drier finish than many prepared sauces.

Chocolate sauce is convenient, but brands differ in sugar, cocoa, fat, water and serving density. It is not a universal gram-for-gram replacement for this cocoa-and-sugar formula. If you prefer sauce, choose one product, record its weight, and develop that as a separate recipe.

Melted chocolate can make a richer drink because it adds cocoa butter and sugar as well as cocoa solids. It also needs a separate formula and careful emulsification. Do not add it on top of the cocoa and sugar baseline without expecting a much sweeter, heavier result.

Iced Mocha Ratio and Sweetness Guide

Keep the espresso, milk and ice fixed while changing one chocolate variable at a time.

Different cocoa powders vary in bitterness and acidity, so these rows are starting points rather than universal sweetness standards.

Iced Mocha vs. Similar Drinks

Milk, Toppings, and Dairy-Free Options

Whole milk is the measured baseline. Two-percent milk gives a lighter body. Barista-style oat or soy drinks can work, but their sweetness and stabilizers differ by brand, so hold the 150 g amount constant during the first comparison.

Whipped cream, chocolate sauce, shavings and marshmallows are optional toppings, not part of the core formula. They alter sweetness, allergens and nutrition. A plant drink does not make the complete recipe dairy-free if the cocoa product, chocolate garnish or shared equipment introduces milk.

Iced Mocha Troubleshooting

Calories, Caffeine, and Allergens

The complete recipe made with 36 g espresso, 8 g cocoa, 14 g sugar and 150 g whole milk is estimated at approximately 170 calories before toppings. It contains about 21.7 g total sugar, including 14 g added sugar, with the remainder occurring naturally in milk. The estimate uses USDA reference values for espresso, cocoa, sugar and whole milk; calculate whipped cream or drizzle separately.

Caffeine comes mainly from the espresso and cannot be derived from the drink's finished weight or glass size. In one controlled all-Arabica espresso study, regular extractions made from 18.1-20.4 g dry doses contained about 152-174 mg caffeine. That is a planning reference, not a measurement of this house recipe, and coffee species, blend, dose and extraction can put the result outside that range.

Cocoa contributes some caffeine separately. Generic USDA cocoa data work out to roughly 18 mg for 8 g, but the actual amount depends on the cocoa product. Do not simply add that estimate to an espresso number unless the espresso itself has a defensible supplier value or laboratory result.

The whole-milk baseline contains dairy. Cocoa products and toppings may also carry milk, soy or tree-nut warnings. Refrigerate milk at or below 4 C / 40 F, and do not leave the finished drink at room temperature for more than two hours, or more than one hour above 32 C / 90 F.

Common Questions

Bottom Line

For a repeatable iced mocha, make a smooth paste from 8 g cocoa, 14 g sugar and 36 g hot espresso. Stir in 30 g milk, then combine it with 120 g milk and 120 g ice. Keep toppings separate and change one variable at a time.

Sources and Further Reading