How to Brew

Ditch the Line: This Iced Mocha Recipe Is Better Than the Pros

Craving a cool caffeine kick? Our iced mocha recipe has you covered. Grab a few ingredients, fire up your brewer, follow the steps outlined below, and you’ll be sipping chocolatey coffee goodness in no time.

Just so you know, if you click on a product on and decide to buy it, we may earn a small commission.

If you’re tired of spending too much on your daily drink from your favorite coffee shop, this recipe is for you! It’s as easy as 1-2-3 — literally, as you only need three ingredients. Combine those, and you’ll have a delicious, inexpensive iced mocha.

Iced Mocha

Key Takeaways

  • Roasty’s simple iced mocha latte recipe is a budget-friendly alternative to coffee shop drinks. It’s easy, too, only requiring three core ingredients.
  • The recipe calls for cold strong coffee, milk, and chocolate syrup.
  • Enjoy barista-style results at home by shaking the ingredients in a mason jar until well-mixed and topping the resulting cup of coffee with whipped cream and a drizzle of chocolate sauce.

What Is an Iced Mocha?

Nescafé defines the mocha as a shot of espresso combined with cocoa powder or syrup and milk or cream. Roasty and pretty much every other coffee-related platform or establishment define it the same way.

An iced mocha follows the same recipe, except the drink is served in a glass of ice. You get the same dose of coffee-chocolate flavor, only with a cool and refreshing edge.

How To Make an Iced Mocha at Home

Iced Mocha Ingredients

Like Free Coffee? Get your first bag free with an Atlas Coffee World Tour Click here to get the deal

You’ll Need

  • 1/2 cup milk of choice
  • 1/2 cup cold coffee
  • Chocolate syrup to taste
  • Lidded mason jar
  • Ice cubes
  • Whipped cream (optional)

The Process

Step One

Squirting a chocolate sauce into a mason jar

Squirt your chocolate sauce into an empty mason jar.

Step Two

Drop a few pieces of ice (or coffee ice cubes if you’re worried about melted ice diluting your chocolate latte) into the mason jar. Then, pour chilled coffee and milk over them.

We used equal parts undiluted cold brew concentrate and milk, and the end result was yummy. But you don’t have to do that. You can fire up the espresso machine and add an espresso shot or two to your cup (though this method means adjusting the coffee-to-milk ratio slightly; do that to your liking) or repurpose the leftover coffee from your morning brew session to minimize waste. You can even use instant coffee if that’s your jam.

As far as milk is concerned, use whatever kind you like. We used whole, but if you want non-dairy product suggestions, we recommend oat milk. We’ve tried a lot of milk alternatives, and oat milk tends to yield the best-tasting results.

Pouring espresso

Step Three

Put the lid on the milk, chocolate sauce, and coffee mixture. Then, shake the jar until everything is well combined.

shaking the jar with mocha

Step Four

Remove the mason jar’s lid and top your homemade mocha with a dollop of whipped cream and chocolate drizzle. After that, there’s only one thing left to do — enjoy!

Iced Mocha with a dollop of whipped cream and chocolate drizzle

Frequently Asked Questions

Is an Iced Mocha Sweet?

The standard iced mocha has a sweet flavor. But making your own gives you total control of how sweet it is.

If our recipe above doesn’t yield sweet enough results, you can always stir in a liquid sweetener. On the other hand, if our homemade iced mocha is too sweet for you, add less chocolate syrup than we did or pour sugar-free chocolate into your cup.

What Is an Iced Mocha Made Of?

An iced mocha is a combination of chocolate syrup or powder, milk, and espresso (or strong, espresso-like coffee).

Does an Iced Mocha Have Sugar?

A regular iced mocha has sugar. However, you can make a sugar-free mocha at home by adding sugar-free chocolate and a sugar-free, non-dairy creamer or milk alternative to your coffee.

Make a Mocha at Home

When the chocolate craving strikes, let a homemade iced mocha satisfy it. The drink is easy to make and even easier to enjoy.

Happy Caffeinating!

easy iced mocha

Easy Iced Mocha

Yield: 1
Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes

Three simple ingredients and a few good shakes and you can have yourself a delicious and much less expensive mocha! Pop your pot of coffee in the fridge the night before so your coffee is cool and ready for an iced morning treat!


  • ½ cup milk
  • ½ cup strong brewed cold coffee
  • 2 good squirts (more or less to taste) of chocolate syrup
  • Mason jar with lid full of ice
  • Optional whipped cream


    1. Squirt your chocolate sauce into an empty mason jar.
    2. Add the ice.
    3. Pour your coffee and milk over top.
    4. Seal the lid and give it a few good shakes until the chocolate sauce is fully incorporated!
    5. Top with whipped cream and chocolate drizzle and enjoy!
Nutrition Information:
Yield: 1 Serving Size: 1
Amount Per Serving: Calories: 180Total Fat: 4g
Share the goods

Recommended Reads

Brew like a Barista
from home

The Home Barista Coffee Course 14-lesson video course about brewing consistently amazing coffee at home. Stream or download the entire course to learn how to make coffee as good as your local barista for a fraction of the cost.

Learn more
Skip to Recipe