This post may contain affiliate links. Please read our disclosure policy.
An iced mocha latte is just espresso, chocolate, and cold milk, which makes it sound impossible to get wrong. Then you stir chocolate syrup into a glass already full of ice and cold milk and it slides straight to the bottom and stays there. Three sweet gulps at the end, watery coffee for everything before it. It is the most common way a homemade iced mocha latte goes wrong.
The fix is not a better ingredient, it is the order you build the glass in. Chocolate goes in before the ice, every single time, and which liquid it goes into depends on whether you are reaching for thin syrup, thick homemade mocha sauce, or cocoa powder. That one change is the whole recipe order!
Quick Look at This Iced Mocha Latte
- ☕ What it is: Espresso, chocolate, and cold milk over ice, built in one glass in five minutes.
- ⭐ Why it works: The chocolate dissolves before the ice goes in, so it never settles at the bottom.
- 💛 Why you’ll love it: One glass, one spoon, and a fraction of what the coffee shop charges you.
- ⚠️ What to watch for: Grit or a dark layer at the base means the chocolate went in too late.
- ❄️ Make ahead: Strain the ice out and it keeps 2 days in the fridge. Add fresh ice to serve.
Why This Recipe Works
Chocolate syrup is thin and already sweetened, so it disperses into cold milk the same way it does when you are making chocolate milk. That is why the milk goes into the glass first. You stir the syrup in while there is no ice in the way, and by the time the espresso hits the glass the chocolate is already evenly distributed.
Do it in the other order and you are asking cold milk and a handful of ice to break down a rope of syrup that has already hit the bottom. It will not happen. That is the whole reason a homemade iced mocha latte tastes unbalanced.
The espresso goes in last and on top because it is the only warm thing in the glass. Poured over ice it chills on contact and layers before it blends, which is where you get the look you are paying for at a coffee shop.
Table of Contents
Key Ingredients
An iced mocha latte needs three things. Scroll to the recipe card for exact measurements.
- Espresso. One to two shots depending on how strong you like it. Two is what I use.
- Chocolate syrup. Three tablespoons. That is what I tested and it is genuinely chocolatey, not a hint of chocolate. If you want to make your own, my homemade mocha coffee syrup is thin enough to work with this method.
- Milk. Six to eight ounces of whatever you drink. Whole and oat both work beautifully.
Substitutions and Add-Ins
There is a lot of room to move here, as long as you respect the one rule about when the chocolate goes in.
- Lower sugar. Three tablespoons of syrup is a real amount of sugar. Swap in a light or sugar-free chocolate syrup and nothing else about the method changes.
- Cocoa powder instead of syrup. This one flips the order. Whisk one tablespoon of unsweetened cocoa powder into the hot espresso first, along with half a tablespoon to a tablespoon of sugar, or a tablespoon and a half if you like things sweet. Cocoa powder will not dissolve in anything cold. Then pour that over the milk and ice.
- Thick mocha sauce. Same rule as cocoa powder. It goes into the hot espresso, not the cold milk.
- White chocolate. Use white chocolate mocha sauce in place of the syrup, or go straight to my iced white chocolate mocha latte which is built for it.
- Flavor swaps. Any of my homemade coffee syrup recipes can go in alongside the chocolate. Caramel and vanilla are the two I reach for most.
- Toppings. Whipped cream and an extra drizzle of chocolate. Coffee ice cubes if a diluted drink bothers you.
How to Make This Iced Mocha Latte
- Pour the milk into a tall glass and add the chocolate syrup. Stir until the milk is evenly brown with no streaks sitting at the bottom. This takes about ten seconds and it is the step that decides whether the drink works.
- Fill the glass with ice, then pour the hot espresso slowly over the top. It chills on contact and sits in a layer above the milk. Stir it through, or drink it as is and let it blend as you go.
Expert tips
- Stir the milk and chocolate before anything else touches the glass. Everything else about this iced mocha latte is negotiable. That is not.
- Use a tall glass. Six to eight ounces of milk plus ice plus two shots needs the room.
- Doubling it? Mix the chocolate and milk in a jar and shake instead of stirring.
Iced Mocha LAtte FAQs
An iced latte is espresso and cold milk over ice. An iced mocha latte is that same drink with chocolate added, which makes it sweeter and richer. Chocolate is the only thing separating them.
Yes, but it has to go into the hot espresso. Whisk one tablespoon of cocoa powder and half a tablespoon to a tablespoon of sugar into the fresh shot until it is smooth, then pour that over the milk and ice. Cocoa powder in cold milk will stay gritty no matter how long you stir.
Yes. Dissolve instant coffee in a small splash of hot water to stand in for the shot, or use a stovetop moka pot. If you would rather build the whole thing on regular brewed coffee, my iced mocha recipe made with brewed coffee is set up for exactly that.
You can, though at that point it is a cold brew mocha rather than a latte, since a latte is built on espresso. It also means nothing in the glass is warm, so stir the chocolate into the milk first or use a syrup that dissolves cold. If you are working from concentrate, my guide on how to use cold brew concentrate covers the ratios.
This one comes in at 225 calories made with whole milk and three tablespoons of chocolate syrup. Sugar-free syrup and skim milk bring that down considerably.
It’s the same drink, but Starbucks doesn’t call it a latte. Their menu name is the Iced Caffè Mocha, built on espresso, milk, and their mocha sauce, which is why searching for a “Starbucks iced mocha latte” turns up so little. Mine uses the same three components, and if you want to get properly close, make my copycat Starbucks mocha sauce and use that in place of the syrup. It’s thick, so it goes into the hot espresso rather than the cold milk. My version comes in at 225 calories in a single serving. McDonald’s runs a sweeter, more milk-forward version if that’s the one you’re chasing, and I have a McDonald’s iced coffee copycat built the same way.
More Coffee Recipe Favorites
If you make this iced mocha latte, come back and leave a star rating 🌟 . It genuinely helps other people find the recipe, and I read every single one.
The best iced mocha latte recipe
Ingredients
- 1-2 shots espresso depending on how strong you like your drink
- 3 tbsp chocolate syrup Add more if you want it sweeter and more chocolatey.
- 6-8 oz milk of choice
Instructions
- Brew your espresso, pour it in a glass then top that with the chocolate sauce. Stir to combine1-2 shots espresso , 3 tbsp chocolate syrup
- Add in some ice then top with milk, give it a good stir and enjoy as is or with shipped cream on top and a drizzle of extra chocolate sauce.6-8 oz milk
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
