This post may contain affiliate links. Please read our disclosure policy.
This iced mocha recipe uses regular brewed coffee and chocolate sauce, so you get a creamy, chocolatey iced mocha at home in about five minutes. No espresso machine, and no cocoa powder clumping at the bottom of the glass. The trick is dissolving the sauce into the coffee before the ice ever touches it, which is what makes this an easy iced mocha recipe to get right on the first try.
I drink this every single week, usually around ten in the morning, and it costs me under a dollar instead of six. If you can shake a mason jar, you can make it. If you would rather use espresso, I have an iced mocha latte recipe made with espresso shots for that, and if cold brew is what lives in your fridge, my cold brew mocha recipe is built around it.
Quick Look at This Iced Mocha Recipe
- ☕ What it is: A five minute iced mocha made with brewed coffee, chocolate sauce, and a splash of half and half.
- ⭐ Why it works: The sauce goes into the coffee before the ice, so it dissolves instead of sinking.
- 💛 Why you’ll love it: No espresso machine, no cocoa powder to whisk out, one jar to wash.
- ⚠️ What to watch for: Chocolate sludge in the last two sips means the ice went in too early.
- ❄️ Make ahead: Freeze cooled coffee into cubes so the drink never waters down.
- ⏱️ Ready in: 5 minutes, or overnight if you are freezing coffee cubes.
Why This Iced Mocha Recipe Works
Most iced mocha recipes online tell you to whisk cocoa powder and sugar into cold coffee. That is where they fall apart. Cocoa powder does not dissolve in cold liquid, so you end up chasing lumps around the glass and drinking gritty coffee.
This recipe uses chocolate sauce instead, and it goes into the coffee before any ice shows up. Shake it in a mason jar or hit it with a handheld frother, then pour the whole thing over ice. The chocolate stays suspended through the entire drink instead of sliding to the bottom.
The ratio matters as much as the method. Six ounces of coffee, two tablespoons of chocolate sauce, and a quarter cup of half and half. That is roughly three parts coffee to one part cream, which is what keeps this a mocha iced coffee and not a watery latte. It is the ratio that turned this into the best iced mocha recipe I have tested, and I have made a lot of them.
Table of Contents
- Quick Look at This Iced Mocha Recipe
- Why This Iced Mocha Recipe Works
- Key Ingredients
- Substitutions and Add Ins
- How to Make This Iced Mocha Recipe at Home
- How This Iced Mocha Compares to Dunkin, Burger King, and International Delight
- Expert tips
- Iced Mocha Faqs
- More Iced Coffee Recipe favorites
- Iced Mocha Recipe
Key Ingredients
Here are the ingredients you need. Scroll to the recipe card for the full measurements.
- Coffee. Strongly brewed coffee that you have chilled, or cold brew. Brew it stronger than you would drink it hot, because the ice will dilute it. If you keep concentrate around, my guide on how to use cold brew concentrate for iced coffee drinks covers the dilution ratios.
- Chocolate sauce. Sauce, not syrup. Sauce is thicker and made with real cocoa, so it carries actual chocolate flavor instead of just sweetness. My 3 ingredient copycat Starbucks mocha sauce is what I use, and one batch lasts about two weeks in the fridge.
- Half and half. This is what makes it taste like a coffee shop drink rather than coffee with milk in it. Whole milk works. Anything thinner and you lose the body.
- Ice. Regular ice is fine if you drink it fast. Coffee ice cubes are better.
Substitutions and Add Ins
- Dairy free. Use a dairy free chocolate sauce, or my homemade mocha coffee syrup, which has no cream in it at all. Then swap the half and half for oat, almond, cashew, soy, or coconut milk. Oat milk is closest in body.
- Sweeter. Add a tablespoon of simple syrup, or reach for one of my flavored coffee syrup recipes if you want something beyond plain sugar.
- Creamier. A homemade Italian sweet cream creamer in place of the half and half makes this taste closer to a bottled iced coffee.
- Toppings. Whipped cream, an extra drizzle of chocolate, mini chocolate chips, or chocolate shavings.
- Different flavor entirely. Swap the chocolate sauce for caramel and you have an iced caramel coffee instead.
How to Make This Iced Mocha Recipe at Home
- Add six ounces of chilled coffee and two tablespoons of chocolate sauce to a mason jar or cocktail shaker. No ice yet. Cap it and shake hard for about fifteen seconds, or skip the shaker and use a handheld frother right in the cup. Both work exactly as well, and I pick based on how many dishes I feel like washing. You want the sauce fully dissolved with no streaks left on the sides.
- Fill a tall glass with about three quarters of a cup of ice, or use coffee ice cubes, then pour the chocolate coffee straight over the top. It should look like plain dark coffee at this stage, evenly colored the whole way down, with no syrup sitting at the bottom. That is how you know step one worked.
- Pour a quarter cup of half and half over the coffee. It will sit on top and slowly fall through in ribbons. Let it do that for a second before you touch it, because it is the best-looking part of the whole drink.
- Give it one stir to pull the cream through the chocolate coffee. Taste it, and add a tablespoon of simple syrup if you want it sweeter. Top with whipped cream and an extra drizzle of chocolate if that is the kind of morning it is.
How This Iced Mocha Compares to Dunkin, Burger King, and International Delight
Dunkin builds theirs on espresso with a mocha swirl, and it lands sweeter and more milk forward than this one. To get closer, cut the coffee to four ounces, bump the half and half to a third of a cup, and add a tablespoon of simple syrup.
Burger King runs in the same direction but lighter on the coffee. Same adjustment as Dunkin, with a splash more milk.
International Delight mocha iced coffee is a bottled drink, so it is sweeter and much heavier on the creamer than anything poured fresh. Use a full half cup of half and half, two tablespoons of simple syrup, and make it the night before so it is properly cold straight from the fridge.
If you want a chocolate cold coffee closer to an actual drive thru order, my Chick fil A mocha cream cold brew copycat has the sweet cream topping, and my McDonalds iced coffee copycat is the plainer base if you would rather add your own chocolate.
Expert tips
- Brew the coffee double strength, then chill it. Hot coffee poured over ice is a watered down iced mocha.
- Freeze leftover cooled coffee in an ice tray. Coffee ice cubes mean the last sip tastes like the first.
- Chill the glass while you shake. It buys you a few extra minutes before dilution.
- Taste before you sweeten. Chocolate sauces vary a lot in sugar, so two tablespoons of one brand is not two tablespoons of another.
Iced Mocha Faqs
An iced mocha is coffee, chocolate, and milk or cream served over ice. This version uses strongly brewed coffee or cold brew, chocolate sauce, and half and half, with more coffee than milk. That is what separates it from a latte. Depending on where you look, this same drink gets called an iced mocha, a mocha iced coffee, an iced cafe mocha, or an iced mochaccino. Any mocha iced coffee recipe or cold mocha coffee recipe you come across is describing this.
Yes, and instant is actually well suited to this method. Stir one tablespoon of instant coffee into a quarter cup of hot water until dissolved, then add the chocolate sauce while the liquid is still warm, which dissolves it instantly. Add half a cup of cold water, then pour over ice and finish with half and half.
An iced mocha uses brewed coffee or cold brew with a splash of cream, so coffee is the dominant flavor. An iced mocha latte uses espresso shots and a much larger volume of milk, so it tastes rounder and milkier. Both use chocolate. The difference is the coffee base and the coffee to milk ratio.
It depends on your coffee, but with six ounces of brewed coffee this iced mocha lands around 70 to 100 milligrams of caffeine. That is a little less than a standard mug of drip coffee, which makes it workable in the afternoon.
Yes. Instead of pouring over ice, put the coffee, chocolate sauce, and half and half into a blender with one to one and a half cups of ice, a quarter teaspoon of xanthan gum, and two tablespoons of granulated sugar. Blend until smooth, then top with whipped cream.
More Iced Coffee Recipe favorites
If you make this Iced Mocha Coffee Recipe, come back and leave a 🌟 star rating 🌟 and tell me how they went. I read every single comment and half the tips in this post came from things you all figured out first. You can also tag me on Instagram or join my free newsletter so you get new recipes the day they go up. And if you want the rest of my fall drink lineup, it all lives in my full collection of Starbucks copycat recipes.
Iced Mocha Recipe
Ingredients
- 6 oz strongly brewed coffee (cooled down) or cold brew
- 2 tbsp chocolate sauce to taste
- 3/4 cup ice
- 1/4 cup half and half
- whipped cream optional
- 1 tbsp simple syrup to sweeten it more, optional
Instructions
- Combine the coffee and the chocolate sauce in a cocktail shaker or a mason jar. Close the lid and shake vigorously.6 oz strongly brewed coffee , 2 tbsp chocolate sauce
- Alternatively, you can combine the coffee and the chocolate sauce into your serving glass and use a handheld frother to mix it together then top it with ice.
- Pour in a tall glass full of ice and top it off with half and half. Enjoy as is or top it with whipped cream and an extra drizzle of chocolate sauce.3/4 cup ice, 1/4 cup half and half, whipped cream optional
Taste and add the simple syrup if you'd like it sweeter.
Notes
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
