Mocha iced coffee is a refreshing cold beverage combining coffee, chocolate, and cream for rich, balanced flavor. This 5-minute recipe uses cocoa powder and sugar heated with milk before blending with ice-cold coffee. Customize with whipped cream or syrup for extra indulgence.
| Prep Time | 3 min |
|---|---|
| Cook Time | 2 min |
| Total Time | 5 min |
| Servings | 1 |
| Difficulty | Easy |
| Cuisine | Café |
Why This Recipe Works
After years of testing iced coffee variations, this mocha version delivers perfect harmony. The cooked cocoa-sugar mixture avoids grainy chocolate while the hot-milk-coffee emulsion ensures smooth texture.
Using exactly ¼ cup total milk (split between cooking and diluting) creates ideal creaminess without masking the coffee. For best results, use freshly brewed coffee at room temperature to prevent over-dilution.
Ingredients
| Ingredient | Quantity | Notes |
|---|---|---|
| Milk | ¼ cup, divided | Any fat percentage works |
| Granulated Sugar | 1-2 tbsp | Adjust to taste |
| Unsweetened Cocoa Powder | 1 tbsp | Use natural cocoa for deeper flavor |
| Cold Coffee | 1 cup | Preferably room temp |
| Heavy Cream | 1 tbsp | Optional richness |
| Whipped Cream | To taste | Optional topping |
| Chocolate Syrup | To taste | Optional drizzle |

Step-by-Step Instructions
-
Prepare Ingredients
Measure all liquids and powders. Have ice ready in a 16oz glass.
-
Cook Chocolate Base
In small pot, add 2 tbsp milk, sugar, and cocoa powder. Heat on medium, whisking until simmers (2 minutes).
-
Combine Coffee Mixture
Remove from heat. Whisk in remaining milk, cold coffee, and optional heavy cream (20 seconds total).
-
Assemble Drink
Pour over crushed ice to desired level. Tap glass to settle ice before topping with garnishes.
Chef Tips for Perfect Results
- Use room-temp coffee – cold coffee cools hot chocolate too rapidly
- Whisk constantly when incorporating cold liquids to avoid separation
- For thicker texture, use ½-and-½ instead of whole milk
- Tap glass twice after adding ice to prevent spills when adding hot mixture
Common Mistakes to Avoid
- Adding ice too soon: Freezes hot chocolate before full mixing. Add after emulsion forms.
- Using instant cocoa: Natural cocoa powder dissolves completely without lumps
- Oversweetening: Start with 1 tbsp sugar, add more after tasting
- Microwaving mixture: Stovetop heating prevents scorching and ensures even melting
Variations and Substitutions
| Ingredient | Substitution | Impact on Flavor |
|---|---|---|
| Milk | Oat milk | Adds slight caramel notes |
| Cocoa powder | Cocoa nibs | Provides crunch and bittersweet intensity |
| Sugar | Vanilla syrup | Enhances complexity without graininess |
| Heavy cream | Plant-based milk | Still provides richness |
Serving Suggestions and Pairings
Excellent with lemon poppyseed muffins, chocolate croissants, or triple-layer chocolate cake. Ideal at brunch gatherings or as afternoon pick-me-up. Serve in mason jars at summer picnics with themed pastries.
Storage and Reheating
| Method | Duration | Instructions |
|---|---|---|
| Fridge | 2 days | Store in airtight glass jar. Shake well before reusing ice |
| Freezer | 1 month | Freeze in resealable bags. Best served fresh after thawing |
Nutritional Information
| Nutrient | Amount per Serving |
|---|---|
| Calories | ~180 |
| Protein | 5g |
| Fat | 6g |
| Carbohydrates | 25g |
| Fiber | 1g |
| Sugar | 20g |
| Sodium | 10mg |
Frequently Asked Questions
Can I use almond milk?
Yes, unsweetened almond milk works well and adds a subtle nutty flavor to the chocolate mixture.
How to tell if it’s sweet enough?
Taste after whisking in cold liquids – it should balance coffee bitterness with slight sweetness.
Drink turned gritty?
Undercooked cocoa powder is likely. Make sure chocolate base reaches a simmer before chilling.
Can I make it ahead?
Prepare the chocolate mixture up to 4 hours ahead if stored in refrigerator and covered.
What glassware should I use?
16oz collins glasses or mason jars work best – they hold enough ice while showing off the drink’s layers.
Mocha iced coffee offers the perfect balance of coffee strength, chocolate depth, and creamy texture. Customizable with toppings and variations, this recipe becomes a daily indulgence. Sip intentionally – the rich flavors deserve undivided attention. Savor the signature mocha experience today.
Mocha Iced Coffee Recipe | Creamy Cold Coffee Drink
- Total Time: 5
- Yield: 1 serving
- Diet: Halal
Description
A rich and creamy iced coffee with chocolatey depth, made by heating cocoa and sugar with milk for smooth texture. Perfect for hot days or coffee lovers who crave indulgence without overpowering sweetness.
Ingredients
Milk, ¼ cup, divided
Granulated Sugar, 1-2 tbsp (adjust to taste)
Unsweetened Cocoa Powder, 1 tbsp (use natural cocoa for best flavor)
Cold Coffee, 1 cup (preferably room temperature)
Heavy Cream, 1 tbsp (optional richness)
Whipped Cream, to taste (optional topping)
Chocolate Syrup, to taste (optional drizzle)
Instructions
Measure all liquids and powders. Have ice ready in a 16oz glass.
In a small pot, combine 2 tbsp milk, sugar, and cocoa powder. Heat on medium, whisking until it simmers (about 2 minutes).
Remove from heat. Whisk in remaining 2 tbsp milk, cold coffee, and optional heavy cream until fully blended (20 seconds).
Pour mixture over crushed ice in the prepared glass. Tap glass to settle ice, then top with whipped cream and chocolate syrup if desired.
Notes
Use room-temperature coffee to prevent over-dilution
Whisk constantly when combining hot and cold liquids
For creamier texture, use ½-and-½ milk
Tap glass twice after adding ice to prevent spills
- Prep Time: 3
- Cook Time: 2
- Category: Drinks
- Method: Stirring/Whisking
- Cuisine: Café
Nutrition
- Serving Size: 1 large glass
- Calories: 220
- Sugar: 20g
- Sodium: 80mg
- Fat: 10g
- Saturated Fat: 6g
- Carbohydrates: 25g
- Fiber: 2g
- Protein: 6g
- Cholesterol: 20mg
