Print

Iced Mocha Coffee Recipe

iced mocha coffee recipe - featured image

This easy homemade iced mocha coffee is rich, chocolatey, and refreshingly cold—perfect for summer. Customizable, quick to make, and just as delicious as any coffee shop version.

Ingredients

Scale
  • 2 shots (2 fl oz / 60 ml) freshly brewed espresso (or strong coffee/cold brew concentrate)
  • 11.5 tbsp (8–12 g) unsweetened cocoa powder
  • 12 tbsp (12–25 g) sugar (or sweetener of choice, to taste)
  • 1 cup (8 fl oz / 240 ml) cold milk (any kind: whole, skim, oat, almond, etc.)
  • 11.5 cups ice cubes
  • 1 tbsp (15 ml) chocolate syrup (optional, for drizzling)
  • Whipped cream (optional, dairy or non-dairy)
  • 1/4 tsp (1 ml) vanilla extract (optional)

Instructions

  1. Brew 2 shots of espresso (2 fl oz) using your preferred method. If using strong coffee or cold brew, ensure it’s hot for dissolving the cocoa.
  2. In a heatproof cup or bowl, add cocoa powder and sugar. Pour the hot espresso over them and stir briskly until completely dissolved and glossy.
  3. Let the chocolate-espresso mixture cool for a minute (pop in the freezer for a quick chill if desired).
  4. Fill a tall glass with 1–1.5 cups of ice cubes. Pour in the cooled mocha base.
  5. Pour 1 cup of cold milk over the ice and mocha base. Add vanilla extract if using. Stir gently to combine.
  6. Top with whipped cream and drizzle with chocolate syrup if desired. Add a dusting of cocoa or chocolate shavings for extra flair.
  7. Serve immediately with a straw and enjoy!

Notes

For a stronger coffee flavor, use coffee ice cubes. Adjust sweetness and milk type to taste. Dissolve cocoa and sugar fully in hot espresso for a smooth drink. Make the mocha base ahead for quick assembly. Vegan and low-sugar adaptations are easy—see blog for tips.

Nutrition

Keywords: iced mocha, coffee, summer drink, homemade mocha, chocolate coffee, iced coffee, easy coffee recipe, vegan mocha, dairy-free coffee, cold coffee, mocha recipe