smoothies and beverages/ Summer Recipes

Iced Mocha Recipe

12 July 2022 | Last Updated: 11 July 2024 By Aleksandra

Iced mocha is a delicious coffee latte flavored with chocolate syrup. It’s super quick to prepare and perfect for a hot summer day.

Iced mocha in a glass topped with whipped cream and chocolate syrup.

What is coffee mocha?

Caffe Mocha is simply a chocolate-flavored caffe latte. It’s made with chocolate syrup, coffee, and milk. It’s also called mochaccino or mocha latte. Its name comes from the city of Mocha (or al-Makha) in Yemen which was the major marketplace for coffee from the 15th century until the 18th century. 

This recipe makes a summer version of coffee mocha with ice!

Ingredients

Here’s what you need to make iced mocha:

Labeled ingredients for iced mocha.
  1. Mocha sauce – this is just chocolate syrup. You can use store-bought or make your own with just cocoa powder, powdered sugar, and milk!
  2. Coffee – I used espresso but you can use just freshly brewed coffee or cold brew, you can also use instant coffee. If you want to make it with instant coffee just dissolve 2 teaspoons of coffee in 1/4 of hot water.
  3. Milk – use regular cow’s milk or plant-based milk such as oat milk or almond milk.
  4. Ice cubes.

You can also use 1/2 teaspoon of vanilla to flavor your coffee.

You can also top your coffee with whipped cream. I used it to make the photos and it’s delicious but to be honest I usually make my coffee without it. If you want to make homemade whipped cream, beat with a mixer 3 Tbsp of heavy cream with 1 teaspoon of powdered sugar until stiff.

To make this taste even better, brew a cup of coffee and freeze it as ice cubes then use these coffee ice cubes to make your iced mocha.

You can also use natural cocoa powder, but Dutch-processed has a better flavor. You can also add a cube of milk chocolate to the sauce to make it more ‘chocolatey’.

How to make Iced Mocha step by step

Chocolate syrup in a pot. Chocolate syrup is being poured into a cup.

STEP 1: Make the chocolate sauce: add all the ingredients to a medium pot, bring to a boil, whisking, until all the ingredients are combined and have a sauce consistency.

STEP 2: Make iced mocha: Add espresso to a glass.

Coffee is being poured into a cup. Ice cubes are being added to a cup.

STEP 3: Add 2 tablespoons of chocolate sauce. Stir to combine and leave to cool.

STEP 4: Add ice cubes.

Milk is being added to a cup. Iced mocha coffee in a cup.

STEP 5: Add milk and stir to combine.

STEP 6: Top with the remaining chocolate sauce (and optionally with whipped cream).

Enjoy right away!

To make the milk frothy, you could add all the ingredients into a jar or shaker and shake for 1-2 minutes or until the milk is frothy.

More toppings: you could also sprinkle your coffee with chocolate shavings and cinnamon.

Recipe FAQ’s

What is the difference between a caffe latte and mocha latte?

Mocha latte is just a caffe latte with chocolate syrup added.

What is the difference between coffee mocha and iced mocha?

Iced mocha is a cold coffee mocha with ice.

Is mocha the same as iced coffee?

No, iced coffee doesn’t contain chocolate syrup.

Can I double the recipe?

Yes, you can easily double or even triple the recipe. You can also make more chocolate syrup and store it for a couple of days in the fridge.

Does Iced Mocha contain coffee?

Yes, iced mocha contains real coffee.

More coffee recipes for you to enjoy

Iced mocha in a glass topped with whipped cream and chocolate syrup.

Iced Mocha

Iced mocha is a delicious coffee latte flavored with chocolate syrup. It’s super quick to prepare and perfect for a hot summer day.
Pin This Recipe!
Iced mocha in a glass.
Print Recipe

RATE THE RECIPE

(click on the stars)

5 from 1 vote
Prep Time 4 minutes
Cook Time 1 minute
chilling time 10 minutes
Total Time 15 minutes
Servings 1 serving
Calories 134kcal
Author Aleksandra

Ingredients

for the iced mocha:

  • 2 1/2 tablespoons mocha sauce see below
  • 1/4 cup strong espresso 1 large, or strongly-brewed coffee
  • 1/2 cup milk
  • 1 cup ice cubes

for the mocha sauce:

  • 1 1/2 tablespoons unsweetened cocoa powder I used Dutch-processed for better flavor
  • 1 1/2 tablespoons powdered sugar
  • 1 1/2 tablespoons milk

Would you like to save this?

We'll email this post to you, so you can come back to it later!

Instructions

  • Make the chocolate sauce: add all the ingredients to a medium pot, bring to a boil, whisking, until all the ingredients are combined and have a sauce consistency.
  • Make iced mocha: Add espresso and 2 tablespoons of chocolate sauce to a glass. Stir to combine and leave to cool.
  • Add ice then add milk. Stir to combine.
  • Top with remaining chocolate sauce (about 1/2 tablespoon).
  • Enjoy right away!

Notes

  • You can also use store-bought chocolate syrup to make this coffee.
  • You can also use natural cocoa powder, but Dutch-processed has a better flavor. You can also add a cube of milk chocolate to the sauce to make it more ‘chocolatey’.
  • To make this taste even better, brew a cup of coffee and freeze it as ice cubes then use these coffee ice cubes to make your iced mocha.
  • You can also top your coffee with whipped cream. I used it to make the photos and it’s delicious but to be honest I usually make my coffee without it. If you want to make homemade whipped cream, beat with a mixer 3 Tbsp of heavy cream with 1 teaspoon of powdered sugar until stiff.
  • You can also use 1/4 teaspoon of vanilla to flavor your coffee.
  • To make the milk frothy, you could add all the ingredients into a jar or shaker and shake for 1-2 minutes or until the milk is frothy.
  • Calories = 1 coffee (the whole recipe). This is only an estimate!
Course cold beverage
Cuisine American
Diet Vegetarian
Tried this Recipe? Rate the Recipe and tell us what you think in the Comments!

You Might Also Like

No Comments

5 from 1 vote (1 rating without comment)

Leave a Reply

Recipe Rating




The maximum upload file size: 1 MB. You can upload: image. Links to YouTube, Facebook, Twitter and other services inserted in the comment text will be automatically embedded. Drop file here