Coffee Affection is reader-supported. When you buy through links on our site, we may earn an affiliate commission. Learn more.

Delicious Iced Mocha Recipe (Easy Steps With Pictures)

iced mocha recipe

Some days you crave chocolate and a little refreshment. If a hot drink isn’t what you’re looking for, you’ll want to try an iced mocha. Chocolate and coffee make a delicious combination — and adding ice makes for a perfect summer drink.

Read on to find our easy iced mocha recipe, plus variations to suit your taste and equipment. You’ll be sipping something sweet and cold before you know it!

divider 6

How to Make an Iced Mocha:

Ingredients
  • Espresso or strong coffee
  • ½ cup of milk
  • Chocolate syrup
  • Ice
  • Whipped cream (optional)
  • Sprinkles or chocolate shavings (optional)
Equipment
  • Mason jar
  • Glass or mug
  • Spoon

1. Stir together espresso, milk, and chocolate syrup.

iced mocha ingredients chocolate syrup

In a Mason jar or large glass, combine the espresso or strong coffee with milk and chocolate syrup. Stir until thoroughly mixed. Stirring these ingredients together before adding ice helps the syrup to fully dissolve, leaving you with a well-mixed, delicious drink.


2. Add ice to a glass.

coffee ice cubes in a glass

Pour ice into a second glass. You’ll want the glass at least three-quarters full to cool the drink down.

Another option? Use coffee ice cubes, which won’t water your drink down.


3. Pour in the chocolate-coffee mixture.

homemade iced latte

Pour the mixture over the ice. Then stir thoroughly.


4. Top with whipped cream and sprinkles.

This step is optional, but it can take your afternoon treat over the top. Add whipped cream and sprinkles, chocolate shavings, chocolate chips, or chocolate syrup for an extra-tasty treat!

divider 4

What Iced Mocha Variations Can You Make?

A great benefit of making coffee drinks at home is the ability to customize. You don’t have to worry about annoying a barista with a long list of your preferences! Here are a few ways you can personalize your iced mocha:

Homemade Chocolate Syrup

homemade chocolate syrup
Image credit: Unsplash

Don’t have a bottle of Hershey’s in your refrigerator or want to control the amount of sugar in your diet? Try making chocolate syrup at home! All you need is cocoa powder, sugar, and milk — making for a very affordable treat.

RELATED READ: Read our easy guide to making coffee syrups.

Different Kinds of Milk

non dairy coffee creamer coconut milk

You can use any kind of milk to make an iced mocha, from classic whole milk to vegan nut milk. And feel free to vary the ratio of coffee to milk depending on your taste. Some might like a coffee-forward mocha, but others would rather enjoy the chocolate and cream elements.

Espresso or Coffee?

Does espresso or coffee have more caffeine?

This is an age-old question for coffee lovers: is espresso or brewed coffee better? At a coffee shop, your mocha will likely be made with a shot or two of espresso. But when you are brewing at home, you can easily substitute regular coffee. The flavor will vary a little, and you may want to add a little less milk to adjust for the lighter flavor of the coffee.

Toppings

whipped cream coffee toppings

Toppings are where you can get creative. They’re fully optional — and you may want to skip them if you’re cutting down on sugar or calories — but they can make this drink a lot more fun. A layer of whipped cream (freshly whipped or from a can) provides a great base. Top with rainbow or chocolate sprinkles, chocolate shavings, crushed peppermint candy, or chocolate chips. Delicious!


iced mocha recipe

Rich Iced Mocha

Some days you crave chocolate and a little refreshment. If a hot drink is off the table, you’ll want to try an iced mocha. Chocolate and coffee make a delicious combination -- and adding ice makes for a perfect summer drink.
5 star average
Prep Time 2 minutes
Cook Time 4 minutes
Total Time 6 minutes
Course Drinks
Cuisine American
Servings 1 mocha(s)
Calories 100 kcal

Equipment

  • Mason jar
  • Glass or mug
  • Spoon

Ingredients
 

  • 2 ounces espresso or strong coffee
  • ½ cup milk
  • Chocolate syrup to taste
  • Ice
  • Whipped cream optional
  • Sprinkles or chocolate shavings optional

Instructions
 

  • In a Mason jar or large glass, combine the espresso or strong coffee with milk and chocolate syrup. Stir until thoroughly mixed. Stirring these ingredients together before adding ice helps the syrup to fully dissolve, leaving you with a well-mixed, delicious drink.
  • Pour ice into a second glass. You’ll want the glass at least three-quarters full to cool the drink down.
  • Pour the chocolate-coffee mixture over the ice. Then stir thoroughly.
  • This step is optional, but it can take your afternoon treat over the top. Add whipped cream and sprinkles, chocolate shavings, chocolate chips, or chocolate syrup for an extra-tasty treat!

Nutrition

Calories: 100kcal
Keyword iced mocha

divider 2

Homemade Iced Mochas: Final Thoughts

Now you know how to make an iced mocha at home. It is a simple process, but doing it in the right order will give you a much better drink. Homemade iced mochas are easy, affordable, and endlessly customizable — meaning you will be able to enjoy your treat just the way you like it!

We hope you enjoy your refreshing chocolatey drink. Skip the coffee shop and learn a new skill!

Not quite right? Try one of our other delicious coffee recipes:


Featured Image Credit: Unsplash

divider

Kate MacDonnell

Kate is a lifelong coffee enthusiast and homebrewer who enjoys writing for coffee websites and sampling every kind of coffee known to man. She’s tried unusual coffees from all over the world and owns an unhealthy amount of coffee gear.

Read more

Related posts

Other Categories