Coffee Drink
Iced Mocha: Cocoa Recipe, Calories and Caffeine
An iced mocha combines coffee, chocolate, cold milk and ice. This cocoa-powder version uses 36 g prepared espresso, 8 g (1½ US tbsp) cocoa, 14 g (3⅓ US tsp) sugar and 150 g (⅝ US cup) milk over 120 g (4.2 oz) ice. Mix the cocoa into the hot coffee first so it does not collect in dry clumps in the cold glass.
Drink Snapshot
- Caffeine
- ~95 mg referenceGeneric espresso plus cocoaAbout 76 mg from the espresso plus 18 mg from the cocoa, using generic references.
- Calories
- About 165 kcalDefined whole-milk recipeCalculated with Hershey's natural cocoa and generic USDA milk, espresso and sugar. No toppings.
Serving, sugar and sources
- Serving
- 1 iced mocha: 36 g espresso, 150 g (⅝ US cup) whole milk, 8 g (1½ US tbsp) cocoa, 14 g (3⅓ US tsp) sugar and 120 g (4.2 oz) ice
- Made with
- Espresso, cocoa, sugar, cold milk and ice
- Sugar
- About 22 g total. Includes 14 g added sugar; the milk also supplies natural sugar.
- Preparation
- About 4 minutes with equipment ready
The estimates count all weighed ingredients. See the full calculation or label comparison.
Key Takeaways
- 1The 150 g (⅝ US cup) milk is the total: 30 g (2 US tbsp) cools the cocoa base, and 120 g (½ US cup) goes into the serving glass.
- 2Cocoa powder and chocolate syrup need different amounts of added sugar. Swap the chocolate component deliberately.
- 3The defined whole-milk recipe is estimated at 165 kcal and 95 mg caffeine, including caffeine from both the espresso and cocoa.
On This Page11 Sections
What Is an Iced Mocha?
An iced mocha is chocolate-flavored milk coffee served over ice. Espresso is a common base, although concentrated brewed or instant coffee can make a home variation. It is usually stirred rather than blended into a frozen drink.
The chocolate distinguishes it from an iced latte. Cocoa powder lets you adjust the chocolate and sugar separately; a prepared sauce supplies its own sweetness. Starbucks at Home's version uses chocolate syrup, espresso, cold milk and ice. The weighed cocoa version below is this guide's home starting point.
Measured Iced Mocha Recipe
Glass: 400 ml (13.5 US fl oz), with headroom.
Recipe
Measured Iced Mocha
- Makes:
- 1 iced mocha in a 400 ml (13.5 US fl oz) glass
- Time:
- About 4 minutes; equipment ready
Ingredients
- 18 g coffee beans, ground for espresso; aim for 36 g brewed
- 8 g (1½ US tbsp) unsweetened natural cocoa powder
- 14 g (3⅓ US tsp) granulated sugar
- 150 g (⅝ US cup) cold whole milk, divided into 30 g (2 US tbsp) and 120 g (½ US cup)
- 120 g (4.2 oz) ice
Equipment
- Espresso machine, grinder, scale, whisk, heatproof cup and 400 ml (13.5 US fl oz) glass
Method
- Mix. Brew 18 g ground coffee to 36 g espresso. Whisk the hot espresso with 8 g (1½ US tbsp) cocoa and 14 g (3⅓ US tsp) sugar in a heatproof cup until no large clumps remain.
- Cool. Stir 30 g (2 US tbsp) cold whole milk into the cocoa base.
- Assemble. Put 120 g (4.2 oz) ice and the remaining 120 g (½ US cup) milk in a 400 ml (13.5 US fl oz) glass. Add the cooled base, stir well and serve.
Estimated nutrition per serving: 165 calories; total sugar 22 g. Serving: One glass; 150 g (⅝ US cup) whole milk, 8 g (1½ US tbsp) cocoa and 14 g (3⅓ US tsp) sugar.
Recipe notes
Milk total: 150 g (⅝ US cup), divided between the cocoa base and serving glass.
Estimated at 165 kcal and 22 g total sugar with Hershey's natural cocoa.
I make the cocoa smooth with a little espresso before cold milk goes in. That small mixing step is worth it to me. Trying to chase dry cocoa among ice cubes is a much less pleasant way to finish the drink.
Follow the espresso brewing method for shot setup. For the no-machine option below, use the moka-pot brewing guide.
The 18 g dry coffee is the brewing input; only the 36 g prepared espresso goes into the drink. All 150 g (⅝ US cup) milk is served.
Nutrition for This Recipe
165 kcal and 22 g total sugar per glass. The estimate uses the named cocoa and USDA ingredient records.
Caffeine estimate: 95 mg, including both espresso and cocoa. Generic USDA composition provides the estimate; bean choice, extraction and cocoa product affect the actual amount.
Ingredient calculations and sources
Swipe to see all columnsScroll to see all columns
| Ingredient | Amount in the drink | Estimated calories | Estimated total sugar |
|---|---|---|---|
| Whole milk | 150 g | 91.5 kcal | 7.6 g |
| Hershey's natural unsweetened cocoa | 8 g | 16 kcal | 0 g on the scaled label |
| Granulated sugar | 14 g | 54.2 kcal | 14.0 g |
| Prepared espresso | 36 g | 3.2 kcal | 0 g |
| Rounded total | One glass; ice adds neither | 165 kcal | 22 g |
The US cocoa label lists 10 kcal and 0 g sugar per 5 g. The other ingredients use the USDA records below.
Generic USDA espresso supplies 212 mg caffeine per 100 g and cocoa supplies 230 mg per 100 g. The defined portions give 36 × 2.12 + 8 × 2.30 = 94.7 mg, rounded to 95 mg.
Allergens and decaf: the recipe contains milk; check chocolate products and toppings for additional allergens. Decaf reduces coffee caffeine, but cocoa still contributes caffeine. Ice melt adds water, not sugar or calories.
Cocoa Powder, Chocolate Sauce, or Melted Chocolate?
Swipe to see all columnsScroll to see all columns
| Chocolate choice | How to use it | What to change |
|---|---|---|
| Unsweetened cocoa | Whisk into hot espresso before cold milk | Add sugar separately; the main recipe uses 8 g (1½ US tbsp) cocoa and 14 g (3⅓ US tsp) sugar |
| Ready-made chocolate syrup or sauce | Stir into espresso until evenly mixed | Start without the recipe's extra sugar, then taste; products differ |
| Chopped chocolate | Melt into the hot coffee before cooling | It adds fat and usually sugar; it is not an equal-weight cocoa swap |
For a specific syrup shortcut, try one labelled tablespoon of Hershey's chocolate syrup, 19 g, instead of both the cocoa and sugar. Its label supplies 45 kcal and 10 g added sugar. This gives a different chocolate-and-sweetness balance.
Choose unsweetened cocoa rather than sweetened drinking-chocolate powder for the stated recipe. Cocoa particles disperse in the drink; they do not all dissolve. A little settling is different from a dry clump.
Iced Mocha Ratio and Sweetness Guide
Keep 36 g espresso, 8 g (1½ US tbsp) cocoa, 150 g (⅝ US cup) milk and 120 g (4.2 oz) ice fixed while changing the sugar. The estimates below use the same cocoa and milk.
Swipe to see all columnsScroll to see all columns
| Added granulated sugar | Whole-drink calories, rounded | Whole-drink total sugar, rounded |
|---|---|---|
| 8 g (2 US tsp) | 140 kcal | 16 g |
| 14 g (3⅓ US tsp): main recipe | 165 kcal | 22 g |
| 20 g (1 US tbsp + 2 US tsp) | 190 kcal | 28 g |
Cutting the sugar leaves the cocoa amount unchanged, so its bitterness may be more noticeable. To make the drink more coffee-forward, reduce the milk next time or change the coffee portion deliberately; adding cocoa alone does not add more coffee.
Iced Mocha vs. Similar Drinks
Swipe to see all columnsScroll to see all columns
| Drink | Main difference | Useful ordering question |
|---|---|---|
| Iced latte | Espresso, milk and ice without required chocolate | Is any syrup included? |
| Iced white mocha | White chocolate or white chocolate sauce replaces cocoa-based chocolate | Which sauce and toppings are used? |
| Hot mocha | Heated milk, with no ice in the standard preparation | What is the cup size and shot count? |
| Iced coffee | Usually a brewed-coffee base; milk and chocolate are optional | Is it sweetened already? |
Compare the coffee portion, milk, chocolate and toppings when choosing between recipes.
Milk, Toppings, and Dairy-Free Options
Cold whole milk gives the stated estimate. Oat, soy, almond and other drinks change texture and nutrition; match the carton label’s units when calculating. A label per 100 ml requires a measured volume or a verified density conversion; 150 g is not automatically 150 ml.
Whipped cream, chocolate drizzle and cold foam are optional extras. The hero image shows a topped serving; the recipe and method graphic use the untopped base.
For a dairy-free version, check the chocolate product as well as the milk replacement and topping. A brown chocolate sauce is not automatically dairy-free.
Iced Mocha Troubleshooting
Swipe to see all columnsScroll to see all columns
| Problem | Likely explanation | Practical next step |
|---|---|---|
| Dry cocoa clumps | Powder met cold milk or ice before being wetted | Make the warm espresso-cocoa base first and whisk thoroughly |
| Grit or settling | Cocoa solids remain suspended rather than fully dissolved | Stir before drinking; use a prepared sauce if you prefer that texture |
| Watery after a few minutes | Ice has melted into an already mild coffee base | Use the measured ice and cold milk; keep the coffee concentrated |
| Too sweet | Sweetened chocolate plus the full added sugar | Omit separate sugar when trying syrup, then adjust |
| Very bitter | Coffee extraction, cocoa amount or too little sweetness | Taste the coffee separately next time and change one ingredient at a time |
Common Questions
Can I make an iced mocha without an espresso machine?
Does an iced mocha contain coffee?
Is an iced mocha the same as an iced latte?
Can I make it less sweet?
Is this a Starbucks copycat?
Editor's Take
Sources and Further Reading
7 references
External links open in a new tab
Chocolate labels
Nutrition references
- USDA FoodData CentralPrepared espresso, FDC 171891Generic energy and caffeine per 100 g, scaled to 36 g prepared espresso.(opens in a new tab)
- USDA FoodData CentralWhole milk, FDC 171265Energy and natural sugar for 150 g cold whole milk.(opens in a new tab)
- USDA FoodData CentralUnsweetened cocoa, FDC 169593Generic cocoa caffeine reference for the defined portion.(opens in a new tab)
- USDA FoodData CentralGranulated sugar, FDC 169655Mass-based calorie and sugar values for the sweetness calculation.(opens in a new tab)