Skip to main content
Cooking With Anadi
RecipesCollectionsTechniquesFree ResourcesAbout
✦ Join the Kitchen
Sign in
Home / Recipes / American / Quench Your Thirst with This Iced Chocolate Latte Recipe

Quench Your Thirst with This Iced Chocolate Latte Recipe

Iced chocolate latte in a tall glass with ice cubes and a darker coffee drink blurred in the background.
Quench Your Thirst with This Iced Chocolate Latte Recipe
Anadi Misra

By Anadi Misra · August 16, 2024

American

About this recipe

Beat the heat with a creamy Iced Chocolate Latte that comes together in minutes. Rich, refreshing, and easy to make at home, this cold coffee drink is your new warm-weather essential.

↓ Jump to Recipe
Be the first to review

This post may contain affiliate links. Read our disclosure policy

Watch the recipe

Chocolate and coffee anyone? You can have the best of both worlds as part of your morning routine in just a few minutes with this recipe!

After some chilly days here in August, the heat finally came back, and I couldn’t be happier! With the few days of summer I have left here, I’m definitely making the most out of enjoying some iced coffees, and chocolate always makes them better, wouldn’t you agree?

I had recently ordered an iced latte with chocolate from a local coffee shop and wasn’t the biggest of it, unfortunately. The killer for me was their use of a generic brand, No Name, syrup! I was totally disappointed because I truly believed that a local establishment would have used an in-house chocolate sauce! On the other hand, I went to Second Cup and ordered the same drink and truly adored their iced latte with chocolate! As I explain in my free motivational guide to explore your potential in the kitchen, Make Cooking Fun!, going out to eat (or drink!) can inspire you to make those favourite creations right from home! These drinks do get expensive, plus it was on my bucket list to make some chocolate sauce for quite some time. I combined both intrinsic motivations to come up with this amazing iced latte with chocolate that I’m happy to share with you today! If you’ve also wanted to check a wonderful homemade chocolate sauce off of your bucket list of things to cook, then I definitely encourage you to do the same as part of your Live to Cook one-month challenge! Get started on your cooking journey for free by signing up to my newsletter, plus you’ll get all of my latest recipes sent straight to your inbox!

To see from start to finish how to prepare the best homemade chocolate sauce and how we incorporate it in our iced latte, then be sure to watch the video! I would really appreciate it if you could please subscribe to my YouTube channel, and don’t forget to hit the bell button to be notified when all of my video recipes go live! Let’s get brewing!

Iced chocolate latte with layered coffee and milk topped with ice cubes in a tall glass
What is an Iced Latte?▼

A latte is a coffee drink, either hot or cold, that consists of espresso and milk. More specifically, the ratio of espresso to milk is 1 part espresso and 2 parts milk. You can have simple lattes or flavour them with your choice of sweeteners, syrups - including Vanilla Simple Syrup or Brown Sugar Syrup, or sauces, like a Pumpkin Spice Sauce or Caramel Sauce. In this case, we’re going for a flavoured latte, and the chocolate flavour will come from our Homemade Chocolate Sauce. It will be iced because our milk won’t be steamed, and we’re going to add ice cubes to cool down the hot espresso!

Iced chocolate latte with ice cubes in a tall glass, served on a gray surface
What is the Difference Between a Chocolate Latte and a Mocha?▼

This can be quite confusing, whether we are talking about both drinks hot or cold. I have a Cafe Mocha recipe, and the main characteristics of a Cafe Mocha is that it has rich chocolatey milk that is combined with espresso. On the other hand, a chocolate-flavoured latte is significantly different! If we’re going to have the same debate of an Iced Mocha versus an Iced Chocolate Latte. The iced mocha will have very deep chocolate flavours mixed with milk and a touch of espresso, but the latte will be prepared like a traditional latte with the addition of simple chocolate sauce, not a rich mocha sauce.

Equipment Needed to Make This Iced Chocolate Latte

  • Ramekin
  • Saucepan
  • Whisk
  • Coffee maker
  • Measuring cup
  • Measuring spoons
  • Mason jar
  • Ice cube tray
  • Serving glass

Ingredients

All ingredients and their quantities can be found in the FULL PRINTABLE RECIPE CARD, so scroll down to the bottom of this post or press the “Jump to Recipe” button to save the recipe for later! You can also use the recipe card’s scale function to adjust the ingredient quantities based on how many lattes you want to make.

Ingredients for iced chocolate latte arranged in white bowls: cocoa powder, sugar, ground coffee, vanilla extract, and a glass with ice cubes.

For the Chocolate Sauce

  • Cocoa powder
  • Table sugar
  • Water
  • Vanilla extract
  • Salt

For the Latte

  • Ice cubes
  • Espresso or strong coffee
  • Water
  • Milk

How to Make an Iced Latte with Chocolate

For the Chocolate Sauce

In a saucepan, add the cocoa powder, sugar and water and turn on the heat.

Cocoa powder being poured from a white bowl into a saucepan of water and sugar on a stovetop.
Milk being poured into a saucepan with cocoa powder and sugar mixture on a stovetop.
Water being poured into a saucepan with cocoa powder and sugar for chocolate sauce.
Whisking cocoa powder and sugar mixture in a saucepan on a stovetop.

Whisk well and warm the mixture until it starts to steam and the chocolate syrup is smooth.

Whisking chocolate syrup in a saucepan on a stovetop until smooth and steaming.
Whisking chocolate syrup in a saucepan on the stovetop until smooth and steaming.
Chocolate syrup dripping from a spoon into a pot of hot cocoa mixture on the stove.

Once the syrup has thickened to your liking, remove from the heat and transfer to a mason jar. Add the vanilla extract and a pinch of salt.

Chocolate syrup being poured into a glass mason jar on a gray countertop, with a wooden spoon nearby.
Chocolate syrup being poured from a bottle into a glass jar, with cream and wooden spoon nearby.
Homemade chocolate syrup in a mason jar with a hand holding the lid, ready to close.
Hand stirring chocolate syrup in a mason jar with a spoon.
Homemade chocolate syrup in a mason jar next to a bowl of ground coffee and a bowl of milk.

For the Iced Latte

Prepare the espresso using an espresso machine.

Alternatively, prepare espresso-like coffee using a French press or coffee maker that has a specialty brew setting.

Pouring freshly brewed espresso from a metal filter into a cup with ice and white milk.
Ninja coffee maker with water reservoir and digital control panel displaying brew settings and cup size options.
Freshly brewed dark espresso dripping into a glass measuring cup from a coffee maker.

Add 4-5 Tbsp of chocolate sauce to the bottom of the cup.

Chocolate sauce being drizzled into a glass with a spoon during iced latte preparation.

Add in ice cubes, followed by the milk.

Iced chocolate latte with ice cubes in a glass cup, chocolate sauce at bottom, next to a small white container.
Milk being poured into a glass of iced chocolate latte with ice cubes and dark coffee visible below.

Then pour in the coffee.

Iced chocolate latte in a tall glass with ice cubes and layered coffee and milk being poured.

Stir slightly and enjoy!

Iced chocolate latte with gradient layers in a tall glass with ice cubes on gray surface

TIPS for the Best Iced Latte at Home

  • Layer the ingredients as I have advised above to get a decadent gradient in the drink as the various types of ingredients combine.
  • Make use of whole milk to get the creamiest texture. Alternatively, you can substitute the milk with non-dairy alternatives like macadamia, almond or soy milk.
  • You can choose to prepare homemade cold brew and use that instead to turn this drink into a chocolatey cold brew.
  • Use dutch processed cocoa powder if you prefer a deeper and richer chocolatey flavor that is not too sweet in taste.

Questions You May Have!

Can I Make This Latte IN Advance?▼

Well, technically you can since it is a cold drink, so you don’t have to worry about the drink getting cold! However, if you’re leaving it out at room temperature, then you may worry about the ice melting and the drink becoming watery as a result of the melted ice. Your iced latte would probably be best fresh, but if you know me, then I almost never finish my drinks as soon as I get them! So, if you want to put this in the fridge and save it for later, then no worries! It can last up to three to four days depending on the freshness of your milk.

Iced chocolate latte in a double-walled glass next to a jar of concentrated espresso shot.
Can I Make a Hot Chocolate Latte?▼

Of course you can! Follow the step of adding milk to the bottom of your cup. Then, steam your milk and froth it. Brew your espresso, adding it directly to the cup over the chocolate sauce, and finish with your steamed milk. If you want to garnish with some additional cocoa powder or chocolate sauce, then feel free to do so!

Iced chocolate latte being poured into a glass with ice cubes and a yellow straw

Other Cold Coffee Recipes

  • Starbucks Iced White Chocolate Mocha
  • Starbucks Chocolate Cream Cold Brew
  • Starbucks Iced Brown Sugar Shaken Espresso
  • Starbucks Mocha Cookie Crumble Frappuccino
  • Starbucks Iced Pumpkin Spice Latte
  • Eggnog Dalgona Latte
  • Caramel Ribbon Crunch Frappuccino
15 min
1 glasses
easy
Iced chocolate latte in a tall glass with ice cubes and a darker coffee drink blurred in the background.
Quench Your Thirst with This Iced Chocolate Latte Recipe
Anadi Misra

By Anadi Misra · August 16, 2024

American15 min1 glasseseasy
Quench Your Thirst with This Iced Chocolate Latte Recipe
Anadi Misra

By Anadi Misra · August 16, 2024

American15 min1 glasseseasy
  • Starbucks Pumpkin Cream Cold Brew

Let me know what you think of this recipe in the comments! If you’ve tried this recipe, be sure to post it on social media and tag it with #cookingwithanadi and mention me @cooking.with.anadi. Thank you!

Recipe by Anadi Misra

Quench Your Thirst with This Iced Chocolate Latte Recipe

Beat the heat with a creamy Iced Chocolate Latte that comes together in minutes. Rich, refreshing, and easy to make at home, this cold coffee drink is your new warm-weather essential.

Be the first to rate ✦

Be the first to review
Saved to your collection
··
·
·

5 min

Prep

10 min

Cook

15 min

Total

1

glasses

easy

Level

Ingredients

··
·
·

Ingredients

Tap any quantity to scale

For the chocolate sauce

  • (33 g) cocoa powderShop →
  • (100 g) sugarShop →
  • (180 ml) water
  • (5 ml) vanilla extractShop →
  • saltShop →

For the iced latte

  • espressoShop →
  • (120 ml) milk
  • ice cubes(as needed)
  • (60 ml) chocolate sauce (as described above) · make your ownShop →

Instructions

For the chocolate sauce

  1. 1

    In a saucepan, add the cocoa powder, sugar and water and turn on the heat. Whisk well and warm the mixture until it starts to steam and the chocolate syrup is smooth. Once the syrup has thickened to your liking, remove from the heat and transfer to a mason jar.

    In a saucepan, add the cocoa powder, sugar and water and turn on the heat. Whisk well and warm the mixture until it starts to steam and the chocolate syrup is smooth. Once the syrup has thickened to your liking, remove from the heat and transfer to a mason jar.

  2. 2

    Add the vanilla extract and a pinch of salt.

    Add the vanilla extract and a pinch of salt.

For the iced latte

  1. 1

    Prepare the espresso using an espresso machine. Alternatively, prepare espresso-like coffee using a French press or the speciality setting of your coffee machine.

    Prepare the espresso using an espresso machine. Alternatively, prepare espresso-like coffee using a French press or the speciality setting of your coffee machine.

  2. 2

    Add ¼–⅓ cup of chocolate sauce to the bottom of the cup.

    Add ¼–⅓ cup of chocolate sauce to the bottom of the cup.

  3. 3

    Add in ice cubes, followed by the milk and then pour in the coffee. Stir and enjoy!

    Add in ice cubes, followed by the milk and then pour in the coffee. Stir and enjoy!

Nutrition per serving

641

Calories

12g

Protein

152g

Carbs

8g

Fat

12g

Fiber

133g

Sugar

3005mg

Sodium

Share This Recipe

Did you make this recipe? Tag @cooking.with.anadi on Instagram and hashtag it #cookingwithanadi

Anadi Misra, signed

Tested & written in Anadi’s kitchen


Free weekly newsletter

Like this recipe? Get more every week.

New recipes, cooking tips, and behind-the-scenes from Anadi's kitchen.

No spam. Unsubscribe anytime.

Filed under

quick recipeseasy recipescold drinkscold coffeevegetarianegg-lesshalalgluten-free

You might also like

Two banana mocha frappes topped with whipped cream and chocolate drizzle, served with straws and fresh bananas in background.
American

Creamy and Easy Banana Mocha Frappe Recipe

Creamy, dreamy, and ready in minutes! This banana mocha frappe blends rich coffee, sweet banana, and creamy goodness into the perfect indulgent treat you can make at home.

5 minEasy2 medium drinks
Three iced mochas with whipped cream on a wooden board, next to kitchen items.
American

Make Your Own Starbucks Iced Mocha at Home

Make your own Starbucks Iced Caffe Mocha at home with this easy copycat recipe. Rich, creamy, and ready in minutes, it tastes just like the real thing for a fraction of the price.

20 minEasy2 glasses
Two glasses of iced brown sugar shaken espresso on a white kitchen counter with coffee equipment in background.
American

Starbucks Iced Brown Sugar Shaken Espresso

Make the Starbucks Iced Brown Sugar Shaken Espresso at home! This easy copycat recipe is quick to make, perfectly sweet, and just as delicious as the real thing.

10 minEasy2 drinks
Caramel Ribbon Crunch Frappuccino topped with whipped cream and toffee bits in a tall glass.
American

Starbucks Caramel Ribbon Crunch Frappuccino

Make the Starbucks Caramel Ribbon Crunch Frappuccino at home! This creamy, indulgent copycat recipe is quick, easy, and tastes just like the real thing.

8 minHard1 frappuccinos
Glass of chocolate cream cold brew with layered dark coffee and whipped cream topping.
American

Deliciously Chocolatey: Starbucks Chocolate Cream Cold Brew

Make Starbucks Chocolate Cream Cold Brew at home with this easy copycat recipe. Rich cold brew topped with silky chocolate cold foam — ready in minutes and better than the real thing.

10 minEasy1 drinks
Two glasses of iced white chocolate mocha next to a white bowl of chocolate chip cookies on a wooden surface.
American

Homemade Starbucks Iced White Chocolate Mocha

Make your favorite Starbucks drink at home! This creamy Iced White Chocolate Mocha is quick, easy, and tastes just like the real thing — no coffee shop trip needed.

30 minMedium2 drinks

Comments

No comments yet — be the first to share your thoughts!

Leave a review

Be the first to share how it went — your note helps other cooks (and earns the recipe its stars).

Made it? Add a rating (optional)
1000 left

Follow Along

@cooking.with.anadi

Follow
Father's Day, done properly: fire up the grill. 🔥

Greek souvlaki skewers, juicy California chicken burgers, Brazilian
A smashed, torn cucumber grabs about 3 times more dressing than a clean slice. Find out why!
Full smashed cucumber salad
The line between perfect and burnt cumin is about 5 seconds. See how to tell when your oil is ready how and the cumin se
If your spices taste flat, it's not you. See why this is the case and how to fix it in just 60 seconds! Full how-to + ra
3 jacket potato mistakes you're (probably) making 🥔 Swipe👉
Full method on the site. Link in bio or go to www.cookingwi

Tag your makes with #cookingwithanadi