Iced Mocha Latte Recipe: Creamy Chocolate-Coffee Cold Brew

An easy iced mocha latte recipe made with coffee, milk, and chocolate for a smooth, refreshing homemade drink.

tall glass of iced mocha latte with whipped cream on a table

This iced mocha latte is a simple chocolate iced coffee you can make at home with a handful of ingredients.

Made with espresso (or strong brewed coffee), milk, and chocolate, it’s smooth, refreshing, and ready in minutes.

Inspired by coffee-shop favorites, this version is less sweet and easy to customize—perfect for a quick summer pick-me-up or an everyday iced coffee treat.

Why you’ll love this recipe

  • Quick and easy: Ready in about 5 minutes with simple pantry ingredients.
  • Coffee-shop style: A homemade iced mocha with rich chocolate flavor.
  • Refreshing and creamy: Balanced cold coffee, milk, and chocolate for a smooth drink.

Ingredients you need

  • Coffee: Use a strong espresso or robust brewed coffee. Cold brew or instant coffee will also work.
  • Chocolate: Chocolate syrup or a quick mix of cocoa powder and sweetener for a rich mocha taste.
  • Milk: Any milk is fine—whole milk for extra creaminess or plant-based milks like oat or almond.
  • Ice: Plenty of ice cubes; consider coffee ice cubes to avoid dilution.
whipped cream with a drizzle of melted chocolate

Tips for the best iced mocha latte

  • Use strong coffee: Espresso or concentrated brewed coffee gives the best chocolate-coffee balance.
  • Adjust sweetness: Add more or less chocolate or syrup to suit your taste.
  • Chill the coffee: Let hot coffee cool before pouring over ice to prevent rapid dilution.
  • Mix well: Stir thoroughly so chocolate, coffee, and milk combine smoothly.

How to make iced mocha latte

Prepare a strong espresso or brewed coffee and let it cool slightly.

In a small bowl, mix unsweetened cocoa powder (or chocolate syrup), maple syrup (or other sweetener), and a little coffee until you have a smooth chocolate sauce.

Fill a tall glass with ice and pour the cooled coffee over the ice.

glass with ice cubes and coffee

Add the chocolate mixture, then pour in the milk and stir until smooth and combined.

tall glass with iced cubes and a chocolate sauce

Pour the milk and mix gently to create a creamy iced mocha latte.

glass with mocha coffee with milk

Top with whipped cream and finish with a drizzle of chocolate or a light dusting of cocoa before serving.

Variations

  • White chocolate mocha: Swap cocoa for white chocolate syrup for a sweeter, creamier flavor.
  • Caramel mocha: Add caramel syrup for a richer, dessert-like drink.
  • Mocha frappe: Blend with ice for a frosty, frozen version.
  • Dairy-free: Use oat, almond, or soy milk to make a plant-based iced mocha.
  • Stronger coffee: Use cold brew or coffee ice cubes for a bolder taste that won’t water down.

Recipe questions

Can I use instant coffee?

Yes. Dissolve instant coffee in hot water, allow it to cool, then use as you would brewed coffee.

How do I make it less sweet?

Reduce the amount of chocolate or use unsweetened cocoa and a lighter sweetener.

Can I make it ahead?

Prepare the coffee and chocolate mixture in advance and refrigerate, but assemble the drink just before serving for the best texture.

Can I skip the whipped cream?

Yes. Whipped cream is optional and simply adds a richer finish.

What milk works best?

Whole milk gives the creamiest result, but any milk—dairy or plant-based—works well depending on preference.

glass on a table with an iced coffee mocha

More latte recipes

  • Vanilla iced coffee
  • Caramel iced coffee
  • Tiramisu latte

I hope you enjoy this iced mocha latte. If you try it, feel free to leave a comment. Cheers!

img 55025 7

Iced Mocha Latte


No reviews

  • Author: Fadela
  • Total Time: 5 minutes
  • Yield: 1 glass

Description

A simple iced mocha latte made with espresso, chocolate, and milk. Smooth, creamy, and easy to make at home in minutes.


Ingredients

  • 1 espresso (about 60 ml)
  • 1 tablespoon unsweetened cocoa powder
  • 1 tablespoon maple syrup (or sweetener of choice)
  • ½ teaspoon vanilla extract (optional)
  • 125 ml milk
  • Ice cubes
  • Whipped cream (optional)

Instructions

  1. Prepare your espresso, strong brewed coffee, or instant coffee and let it cool slightly.
  2. In a small bowl, mix cocoa powder, maple syrup, and vanilla; add a little coffee or water to make a smooth sauce.
  3. Fill a tall glass with ice and pour the cooled coffee over it.
  4. Add the chocolate sauce, then the milk, and stir until smooth.
  5. Top with whipped cream if desired and finish with a chocolate drizzle or cocoa dusting.
  6. Serve cold.

Equipment

Espresso machine or preferred coffee brewer

Notes

Storage: Best enjoyed immediately. If needed, store in the refrigerator and stir before serving.

Tips:

  • Use strong coffee for a richer mocha flavor.
  • Adjust chocolate and sweetness to taste.
  • Coffee ice cubes keep the drink from diluting as they melt.
  • Enjoy fresh for the best texture and flavor.
  • Prep Time: 5 minutes
  • Category: drink, beverage, latte, coffee
  • Cuisine: American

Did you make this recipe?

Tag @sweetlycakes on Instagram if you share your version.

This post may contain affiliate links.