This post may contain affiliate links.
Iced Mocha is my favorite way to skip the coffee shop line and the coffee shop prices, and I started whipping one up on hot summer mornings when I wanted something chocolatey and cold without leaving the house. It is rich, creamy, and frothy, with a deep chocolate and espresso flavor that tastes just like the Starbucks version. All you need is a tall glass and a few pantry staples. If you love an easy coffee shop drink, our iced caramel latte is a must too.
One sip of this chocolatey, frothy Iced Mocha and you will wonder why you ever paid five dollars for one.
Iced Mocha Quick Look
- 🕒 Prep Time: 7 minutes
- 🌡️ Cook Time: 0 minutes
- ⏳ Total Time: 7 minutes
- 🍽️ Serving: 1 serving
- ⚡ Calories: 311kcal
- 🌶️ Flavor Profile: Rich, chocolatey, and creamy with bold coffee flavor
- ✋ Difficulty: Easy, as simple as our homemade flat white
Quick Answer
To make an Iced Mocha, stir instant coffee, brown sugar, and chocolate syrup in a tall glass, then add a splash of milk and whisk with a handheld frother until frothy and dissolved. Fill the glass with ice, top with the rest of the milk poured gently to keep the foam, and finish with whipped cream and a chocolate drizzle. The whole drink comes together in about 7 minutes.
Jump to:
Why This Recipe Works
Click to see the technique science
- Frothing dissolves everything smoothly. Whisking the coffee, sugar, and syrup with a little milk first dissolves the granules completely and whips in air for that signature cafe foam.
- Instant coffee skips the brewing. Quality instant coffee gives you bold espresso flavor with no machine, no waiting, and no cleanup.
- Chocolate syrup does double duty. It sweetens and flavors the base, then a final drizzle makes the drink look like it came from the coffee shop.
- Brown sugar adds depth. A little brown sugar brings a soft molasses note that rounds out the chocolate and coffee.
- Pouring milk gently preserves the foam. Adding the rest of the milk slowly over the ice keeps that pretty layered, frothy look on top.
- It is endlessly customizable. Use any milk, swap the sweetener, or add more or less chocolate to make your Iced Mocha exactly how you like it.
Why You’ll Love This Recipe
- Cheaper than the coffee shop. Skip the line and make a cafe quality Iced Mocha for pennies.
- Ready in minutes. No espresso machine needed, just a glass and a handheld frother.
- Rich and chocolatey. If you love a sweet coffee treat, our white chocolate mocha frappuccino is another favorite.
Key Ingredients
An Iced Mocha needs just a handful of simple ingredients. Here is what each one adds.
- Instant coffee: Use a high quality instant coffee for the boldest flavor. It dissolves into a rich espresso like base, the same trick in our homemade flat white.
- Chocolate syrup: The key to that mocha flavor. It sweetens the base and makes a pretty drizzle on top, just like in our classic hot chocolate.
- Brown sugar: A touch of brown sugar adds gentle molasses sweetness and balances the coffee.
- Milk: Use whole milk for creamy richness, or any milk you love, including oat or almond.
- Ice and whipped cream: Plenty of ice keeps it frosty, and a swirl of whipped cream makes it feel like a treat.
See recipe card for exact quantities.
Variations and Substitutions
Your Iced Mocha is easy to make your own. Try these spins.
- Extra strong: Add an extra teaspoon of instant coffee for a bolder kick.
- Dairy free: Use oat, almond, or coconut milk and skip the whipped cream.
- Mocha frappe: Blend everything with the ice for a thick, frozen version.
- Mint mocha: Add a drop of peppermint extract for a holiday twist.
- Less sweet: Cut back the chocolate syrup and brown sugar to taste.
- Pumpkin spice: For fall, try our iced pumpkin spiced latte instead.
How to Make Iced Mocha
- In a tall glass, add the instant coffee, brown sugar, and chocolate syrup.
- Pour in a few tablespoons of the milk to help everything emulsify.
- Using a handheld electric whisk, beat the mixture until it is frothy and fully dissolved.
- Fill the glass with ice, then gently pour in the remaining milk to preserve the foam.
- Top with whipped cream if you like.
- Drizzle with a little more chocolate syrup and serve right away.
Recipe Tips & Tricks
- Use good instant coffee. A high quality brand makes all the difference in flavor.
- Emulsify with a splash of milk. Adding a little liquid first helps the coffee and syrup dissolve smoothly.
- Froth for foam. A handheld frother gives that cafe style froth in seconds.
- Pour milk slowly. Add it gently over the ice to keep the pretty layers on top.
- Adjust the sweetness. Taste and add more or less chocolate syrup to suit you.
- Serve immediately. An Iced Mocha is best fresh while it is cold and frothy.
Serving Ideas and Suggestions
An Iced Mocha is the perfect partner for a slow morning. Sip it alongside a slice of our lemon blueberry coffee cake or one of our copycat Starbucks pumpkin muffins.
Make it a coffee bar at your next brunch. Set it out with our iced caramel latte and a pumpkin cream cold brew so everyone can pick their favorite.
It is also a fun afternoon pick me up. Pair it with a sweet treat, or warm things up another day with our copycat Starbucks pumpkin spice latte.
Iced Mocha FAQs
An Iced Mocha is made from coffee, chocolate, milk, and ice. This easy version uses instant coffee, chocolate syrup, brown sugar, and milk, topped with whipped cream and a chocolate drizzle for that classic coffee shop look.
An Iced Mocha is essentially an iced latte with chocolate added. Both combine coffee and milk over ice, but the Iced Mocha gets chocolate syrup for a sweeter, dessert like flavor.
Yes. You can use a shot or two of strong brewed coffee or espresso in place of the instant coffee for your Iced Mocha. Chill it first or pour it over plenty of ice so the drink stays cold.
To make a dairy free Iced Mocha, use oat, almond, or coconut milk in place of regular milk and skip the whipped cream or use a non dairy version. The flavor stays rich and chocolatey.
An Iced Mocha is best made fresh so it stays frothy and cold, but you can stir together the coffee, sugar, and syrup base ahead and refrigerate it, then add ice and milk when you are ready to serve.
Reduce the chocolate syrup and brown sugar in your Iced Mocha to taste. You can also skip the whipped cream and chocolate drizzle on top for a lighter, less sweet drink.
Craving another cozy coffee drink? Try our homemade eggnog latte next.
Iced Mocha
Ingredients
- 2 teaspoons high-quality instant coffee
- 1 tablespoon light brown sugar
- 2 tablespoons chocolate syrup plus more for garnish
- 1 cup milk
- 1 cup ice
- Whipped cream for garnish optional
Instructions
- In a tall glass, add the instant coffee, brown sugar, and chocolate syrup.2 teaspoons high-quality instant coffee, 1 tablespoon light brown sugar, 2 tablespoons chocolate syrup
- Add a few tablespoons of milk (from the total amount) to the glass to emulsify the mixture.1 cup milk
- Using a handheld electric whisk, beat the mixture until it becomes frothy and all the ingredients are fully dissolved.
- Fill the glass with ice.1 cup ice
- Top off the glass with the remaining milk, pouring it gently to preserve the foam.
- Add whipped cream on top if using.Whipped cream for garnish
- Drizzle with a bit more chocolate syrup for optional garnish
Notes
- This might sound obvious, but using cold milk means your ice won’t melt as quickly, giving you more sipping time.
- If you prefer a slushy texture, blend or crush your ice for a quick mocha frappe style.
- Everyone’s sweet tooth is different. Start with a little sugar and chocolate, then add more if needed.
- If you love that strong mocha taste, be generous with the chocolate—just keep an eye on your daily values if you’re counting calories.
- If you’re looking for that “wake me up” punch, use extra instant coffee or strong brewed coffee. If you’re caffeine-sensitive, go for decaf.
- This recipe makes one serving, but you can easily double or triple it for the family—just get more cups of ice and up the amount of sugar or chocolate sauce accordingly.
Nutrition
Love This Recipe?
Follow @ThisSillyGirlsKitchen on Instagram and @danadevolk on Pinterest for more!
