Homegrounds is reader-supported. When you buy via the links on our site, we may earn an affiliate commission at no cost to you. Learn more.

Home » Iced Mocha Recipe: The Easiest Summer Drink?

Iced Mocha Recipe: The Easiest Summer Drink?

Making a classic mocha latte at home can feel intimidating. You need an espresso machine and the skills to use it. On the other hand, an iced mocha latte couldn’t be easier! No milk frothing, no pulling shots. 

Just shake a few ingredients together, and you’ll enjoy a refreshing treat in no time! We’ll show you how to get your chocolate fix in this easy iced mocha recipe.


  • 1 Cup cold coffee
  • ⅓ Cup milk
  • 1 Tablespoon unsweetened cocoa powder
  • 1 Tablespoon white sugar
  • 1 Tablespoon heavy cream
  • Ice cubes
  • Whipped cream (optional, for topping)
  • Chocolate syrup (optional, for topping)



15 minutes, including chilling time


One 12 ounce drink

Extra notes:

  • You can buy prepared cold brew coffee, buy cold brew concentrate, make your own cold brew, or brew strong coffee and chill it as you would for iced coffee.
  • If you’re using cold brew concentrate, dilute it 1:1 with cold water (ie: ½ Cup concentrate plus ½ Cup water).
  • We suggest medium or dark roast coffee beans if you’re brewing your coffee, either cold brew or iced coffee. The natural bittersweet flavors of these beans pair well with the sweetness of this drink. If you need some ideas, there are some great options in our list of coffee beans for espresso.
  • 2% dairy milk is the traditional choice for this drink, and what you’d likely get at Starbucks or your local coffee shop. But because this drink doesn’t require frothed or steamed milk, you can easily substitute any dairy or unsweetened non-dairy milk you prefer, like almond or coconut milk.
  • You can also use brown sugar if you want a darker, more molasses-like flavor or even try maple syrup for a natural sweetener.
  • You can either use store-bought chocolate syrup or make your own.


  • 12-ounce mason jar with a tight-fitting lid, chilled in the freezer
  • Small saucepan
iced mocha recipe

A Step-by-Step Delicious Iced Mocha Recipe

What is an iced mocha? Also known as an iced mocha latte, an iced mocha is a chilled drink that blends chocolate, brewed coffee, and milk. Because iced mochas rely on cold coffee rather than espresso, it is effortless to make an iced mocha at home – much easier than an iced latte. You don’t even have to have a good home espresso machine. Odds are you already have everything you need!

Not sure the iced mocha is the right summer drink for you? Check out this list of other iced coffee recipes or try the crowd-favorite Starbucks Peppermint Mocha.

1. Prepare the chocolate sauce

Put the milk, sugar, and cocoa powder in a small saucepan over low heat. Whisk until everything has combined, and the sugar dissolves, thickening slightly to a sauce consistency. Let it cool to at least room temperature, then add the 1 Tablespoon of heavy cream.

You can also make this sauce in the microwave. Just put the three ingredients in a microwave safe bowl and nuke it in 30-second increments until it has the right consistency. Then add the heavy cream.

Pro Tip: You can skip this step entirely and simply use the store-bought chocolate sauce for an easy iced mocha. 

cocoa powder and milk
chocolate sauce
pouring chocolate sauce

2. Assemble the mocha

Take the mason jar out of the freezer and fill it with ice cubes. Then, add the cold brew or cooled coffee and the chocolate sauce. Put the lid on the jar and shake everything together. This will blend the strong coffee with the chocolate and help chill the drink to an appropriately refreshing temperature. There is nothing worse than a lukewarm iced coffee.

You can also make this a mocha frappuccino rather than an iced mocha. Add all the ingredients from this step into a blender, then blend to a slushy consistency before pouring it into the mason jar. We suggest pre-chilling the blender in the freezer to keep everything icy if you're doing this.

Pro tip: If you’re good at advanced planning, have an ice cube tray of coffee ice cubes waiting in the freezer. These frozen coffee cubes are easily made with leftover coffee and can be used in place of ice so that as they melt, they won’t dilute your cold coffee drinks.

glass with ice
pouring sauce in ice
chocolate sauce with ice
adding milk

3. Add toppings

Toppings aren't necessary, but we think festive coffee drinks like this always benefit from a bit of decoration. Top with whipped cream and a drizzle of chocolate syrup for a traditional finishing touch. Other great options for iced mochas are a dusting of cocoa powder, some chocolate shavings, chocolate sprinkles, or even a shower of finely chopped nuts.

adding whipped cream
adding chocolate sauce
Iced Mocha

Final Thoughts

That's all there is to it! Iced mochas might be the simplest specialty drinks you can make at home, especially if you opt for store-bought cold brew and chocolate sauce. The combination of coffee and chocolate is so good that it needs very little help from you to become the perfect treat for summer. 

So go ahead and use this recipe to impress the coffee lovers in your life. There’s no need to tell them how easy it was.


The amount of caffeine in an iced mocha coffee will vary depending on your brew type and strength. Typically, 8 ounces of cold brew has approximately 100 mg of caffeine, and one Tablespoon of cocoa powder adds 12.4 mg of caffeine. So there is around 112 mg of caffeine in a 12-ounce iced mocha.

The nutrition information for an iced mocha will vary depending on your choice of milk, chocolate sauce, and toppings. It can vary from low in calories to very decadent. At Starbucks, grande iced mochas have 350 Calories, 30 g sugar, and 17 g fat, but you can lower this substantially by skipping the whipped cream.

A mocha coffee is an espresso-based milky drink served hot. Also known as a caffe mocha or a mocha latte, it keeps the structure of a latte (⅓ espresso, ⅔ steamed milk, and a layer of milk foam) but adds a shot of chocolate syrup. It is also frequently topped with whipped cream.

There are many variations on the hot mocha latte, including our most popular recipes: the fiery Mexican Spicy Mocha Coffee and the soothing Toasted White Chocolate Mocha.

  1. Lynn, D. (2018, March 28). What Are the Health Benefits of Cocoa & Coffee? Retrieved from https://www.livestrong.com/article/449350-what-are-the-health-benefits-of-cocoa-coffee/
Julia Bobak
I love trail running, rock climbing, coffee, food, and my tiny dog — and writing about all of them. I start every morning with a fresh Americano from my home espresso machine, or I don’t start it at all.

Leave a Comment