Iced Mocha Recipe: Creamy Chocolate Coffee Cooler

Make an easy, refreshing Iced Mocha to cool down on a hot summer day. This simple cold coffee treat uses common pantry ingredients and comes together quickly. For an extra indulgent version, add a scoop of vanilla or coffee ice cream to make it richer and creamier.

iced mocha served in a tall glass garnished with whipped cream and chocolate syrup

Cold coffee drinks are ideal for summer because they are quick to prepare and very satisfying. This Iced Mocha blends the bold flavor of coffee with chocolate for a classic combination that’s hard to beat. It works well with dairy milk or any plant-based milk, so you can tailor it to your taste or dietary needs.

Ingredients for Iced Mocha

ingredients for iced mocha arranged on a board
  • 1/4 cup milk, warm
  • 2 tablespoons instant coffee
  • 1–2 tablespoons sugar (adjust to taste)
  • 2 teaspoons unsweetened cocoa powder
  • 2 tablespoons chocolate syrup, plus more to drizzle
  • 2 cups cold milk (dairy or non-dairy), straight from the refrigerator
  • Ice cubes (optional)
  • Whipped cream, for serving (optional)

Step-by-Step Instructions

step by step picture collage of making iced mocha
  1. Warm 1/4 cup milk in a small saucepan or in the microwave; you only need it warm, not boiling. Transfer the warm milk to a bowl.
  2. Add 2 tablespoons of instant coffee to the warm milk and stir until it dissolves. Warm liquid helps the coffee dissolve quickly and evenly.
  3. Stir in sugar to taste (about 1–2 tablespoons), then add 2 teaspoons of unsweetened cocoa powder. Whisk until smooth and fully combined.
  4. Add 2 tablespoons of chocolate syrup to the coffee-chocolate mixture and whisk until well combined. Set this concentrated mixture aside to cool slightly.
  5. Pour 2 cups of cold milk into a blender. Add the prepared coffee-chocolate mixture and a few ice cubes if you like your drink extra cold.
  6. Blend until the drink is frothy and evenly combined, about 20–30 seconds.
  7. Pour the iced mocha into tall glasses. Top with whipped cream and a drizzle of chocolate syrup if desired. Serve immediately.
step by step picture collage of making iced mocha

Vegan Iced Mocha

Turn this Iced Mocha into a vegan-friendly drink with a few simple swaps:

  • Replace dairy milk with a non-dairy alternative such as oat, almond, or soy milk. Oat milk gives a naturally creamy texture.
  • Use a vegan chocolate syrup and ensure any whipped topping is plant-based if you plan to garnish the drink.

Tips & Notes

  • Add a scoop of vanilla or coffee ice cream for a dessert-style iced mocha—perfect for hot afternoons or as a treat.
  • Make the coffee-chocolate concentrate in advance and refrigerate. Having it ready shortens prep time for busy days.
  • This recipe easily doubles or triples to make more servings for guests. Adjust the ingredient quantities proportionally.
  • For the creamiest result, use whole milk or a creamy plant-based milk. Fat-free milk will produce a lighter, less rich drink.
  • Adjust sweetness by varying the sugar and chocolate syrup to suit your preference. Remember that many chocolate syrups already contain sugar.
iced mocha served in a tall glass garnished with whipped cream and chocolate syrup

If you try this Iced Mocha, please rate the recipe and share your feedback or any variations you enjoyed. Your comments help improve the recipe for others.

Recipe Details

Servings: 2

Course: Drink

Cuisine: American-style cold beverage

Nutrition (approximate per serving)

  • Calories: 255 kcal
  • Carbohydrates: 42 g
  • Protein: 10 g
  • Fat: 6 g
  • Sugar: 35 g

Nutrition information is automatically calculated and should be used as an approximation.