Super Simple Iced Mocha - Coffee At Three
Maybe your like
Menu
Menu This post may contain affiliate links. As an Amazon Associate I earn from qualifying purchases. JUMP TO RECIPE An incredibly easy mocha drink recipe that combines chocolate and coffee in one iced, delicious beverage.

About This Iced Mocha Recipe
- So simple to make at home with just 4 ingredients: coffee, chocolate syrup (homemade or store-bought), milk, and ice.
- Can be made with cold brew, strong brewed coffee from your coffee machine, or espresso.
- Iced mocha is caffeinated (from the coffee) and sweet (from the chocolate).
Love refreshing coffee drinks that are super easy to make? Try Mocha Frappuccino, Brown Sugar Iced Coffee, and Greek Frappe.
Ingredient Notes

- Cold brew coffee: Strong coffee made in a coffee machine or espresso will work too if you don’t have any cold brew. (Get my recipe to make cold brew coffee at home.)
- Chocolate syrup: A great shortcut to making iced mocha at home. Make it at home using my simple recipe or buy it.
- Milk: Any kind of milk will work from whole to oat.
- Ice: I like to make ice using filtered water.
Here’s a quick overview of the steps to make this drink. For full ingredients and instructions, scroll to the bottom.
My Chocolate Syrup Pick My go-to brand for syrups. Tastes so good in coffee drinks and it’s easy to squeeze out of the bottle. SHOP NOW Step-by-Step Instructions

Step 1: Shake coffee and chocolate syrup in a cocktail shaker.
No cocktail shaker? No problem. Use any airtight container like a jar with a tight-fitting lid or a wide-mouth water bottle.

Step 2: Pour mocha into a cup with milk and ice.
Serving Suggestions
Serve in a glass cup with milk and ice and watch the mocha swirls as you pour from the cocktail shaker.
To make this drink decadent, top it off with whipped cream by whisking together 1/4 cup heavy cream and 2 teaspoons sugar (for 1 serving) then drizzle on some chocolate syrup. A handheld milk frother is the perfect tool to make the whipped cream.
Cold Brew Substitutions
- Cold brew coffeeThis is my preference so if you have the time, make cold brew first, then make this drink. The cold brew does take time (12+ hours) but it’s super easy and delicious. See my cold brew recipe.
- Strong coffee made in a coffee machineUse a coffee machine to make strong coffee (2-3 tablespoons of ground coffee to make a cup) and cool it down quickly in the freezer for about 15 minutes.
- EspressoIf you have an espresso machine (lucky you!) add a shot of espresso. Instead of using a cocktail shaker, you can just stir the chocolate syrup into the hot espresso until the syrup dissolves into the espresso.
- Instant coffeeHave some instant coffee left over from making Dalgona coffee? Combine 1 teaspoon of instant coffee and 1 tablespoon of hot water then stir in the chocolate syrup until the syrup dissolves.
Questions You May Have
Is an iced mocha the same thing as an iced mocha latte?Yup, iced mocha latte is the same thing as an iced mocha and both contain coffee/espresso, chocolate, milk, and ice.
How is this recipe different than the iced mocha at Starbucks?Starbucks makes their iced mocha with espresso, mocha sauce, milk, and ice. The mocha sauce is made up of water, sugar, cocoa processed with alkali, and natural flavor. By making iced mocha at home, you can can control what goes into it.
What is the difference between an iced latte and iced mocha?An iced mocha is an iced latte with chocolate flavor added.
Can I use my Keurig or Nespresso to make this drink?Yes! Brew a strong coffee by adjusting the setting to make just half a cup from one capsule or pod.
Related
- Mocha Frappuccino
- Cold Brew Coffee Made Easy
- Decadent Iced Coffee with Cream Froth
- Cold Brew Coffee Latte
PIN THIS Want to save this iced mocha recipe for later? Save it to Pinterest now! SAVE TO PINTEREST
Super Simple Iced Mocha
Author: Jee Choe An incredibly easy mocha drink recipe that combines chocolate and coffee in one iced, delicious beverage. 4.8 from 22 votes PRINT RECIPE PIN RECIPE Prep Time 4 minutes Total Time 4 minutes Course Drinks Yield1 servingINGREDIENTS 1x2x3x
- ▢ ½ cup cold brew coffee
- ▢ 2 tablespoons chocolate syrup
- ▢ 1 cup ice
- ▢ ½ cup milk
INSTRUCTIONS
- Combine coffee and chocolate syrup in a cocktail shaker or an airtight container. Shake.A jar with a tight fitting lid works great if you don't have a cocktail shaker. Shake for about 15 seconds until coffee and chocolate syrup mix together to make mocha.
- Pour mocha into a cup with milk and ice.
NOTES
- To make cold brew coffee at home, see my cold brew recipe.
- If you don’t have cold brew, strong coffee or 1 shot of espresso will also work.
- My homemade chocolate syrup recipe makes a one cup batch.
NUTRITION
Calories: 187 | Carbohydrates: 32g | Protein: 5g | Fat: 4g | Saturated Fat: 2g | Cholesterol: 12mg | Sodium: 95mg | Potassium: 309mg | Fiber: 1g | Sugar: 26g | Vitamin A: 198IU | Calcium: 138mg | Iron: 1mg5 thoughts on “Super Simple Iced Mocha”
-
ReplyOMG I just made this recipe. DELICIOUS and very dangerous for me. I used hershey chocolate syrup and half n half instead of milk, by shaking the coffee and syrup together I git a really nice foam and then added the cream. Next I’m gonna try with Caramel syrup.
-
ReplyI made it this afternoon! Absolutely delicious! Will definitely have again. Thank you for the recipe!
-
I have tried so many times to make a “coffee at home” that I could actually finish! I made the homemade chocolate syrup for this iced mocha and I’ve had 2 so far!!! I can not tell you how many drinks I have poured down the sink saying “why do I even bother”. Thank you, and i look forward to trying more of your tips and recipes AT HOME!
Reply -
Y’all Have A Blessed Day Today Love Grace 💗 Coffee= C-Christ, O-Offers, F-Faith, F-Family, E-Everlasting, E-Eturnity
Reply -
ReplyLove the recipe – I used Trader Joe’s Organic Cold Brew in bottle along with sugar free chocolate syrup and half n half. Delish!!
Leave a Comment Cancel reply
RATE THE RECIPE: RATE THE RECIPE:Comment
Name EmailSave my name, email, and website in this browser for the next time I comment.
HELLO, I'M JEE!

I'm a Specialty Coffee Association trained barista and I create easy and delicious coffee drink recipes. Let's get caffeinated! READ MORE >
Most Popular
Your vote: Name * Email * Something went wrong. Please try again. Tag » What Is An Iced Mocha
-
How To Make A Delicious Iced Mocha - Barista Warehouse
-
Iced Latte Vs. Iced Mocha: All The Differences Explained
-
Iced Caffè Mocha: Starbucks Coffee Company
-
Iced Mocha Recipe - Baking Mischief
-
Iced Mocha - Starbucks®️ At Home
-
What's The Difference Between Iced Mocha And Iced Latte?
-
Iced Mocha - A Couple Cooks
-
McCafé® Iced Mocha With Quality Espresso - McDonald's
-
Homemade Mocha Iced Latte (How To Make Iced Mocha)
-
Iced Mocha Recipe | BBC Good Food
-
Iced Mocha : PJ's Coffee Of New Orleans
-
Easy Iced Mocha - Mommy Hates Cooking
-
Iced Mocha - Pret A Manger