Last updated on
Iced Mocha

Table of Contents
Cool off with a homemade iced mocha that tastes just like your favorite coffee shop drink. You only need a few simple ingredients. This cold coffee recipe blends strong brew, sweet chocolate, and creamy milk in every sip. Make one in minutes and sip it all summer long!
This iced mocha recipe is easy to make with simple steps anyone can follow. We’ve included step-by-step photos and directions to help. Be sure to check out our pro tips, tricks, and answers to the most frequently asked questions below!

More Recipes ⭐ Caramel Macchiato | Bailey’s and Coffee Ice Cubes | Spiced Iced Coffee
You can make this iced mocha at home in just five minutes using brewed coffee, mocha syrup, and cold milk. It’s sweet, strong, and super refreshing—perfect for hot days or anytime you need a boost.
Skip the coffee shop and save money by making this iced mocha at home. It tastes rich and creamy with every single sip.
Ingredients for Iced Mocha Coffee

What you'll need to make this homemade iced mocha recipe:
For The Mocha Syrup:
- ½ cup of simple syrup
- 2 teaspoons of cocoa powder
Pro Tip
To make the simple syrup, combine 1 part water and 1 part sugar in a saucepan on the stove on medium-low heat until the sugar dissolves. Let cool and use in your recipes.
For The Iced Mocha Coffee:
- Ice cubes
- 2 to 3 tablespoons of mocha syrup
- 2 to 3 tablespoons of cream or milk
- Cold pre-brewed coffee, instant coffee, or instant espresso
Substitutions and Additions
Customize your iced mocha recipe with simple swaps and fun extras! These quick changes can make your drink even more delicious. Here are some top substitutions and additions:
- Substitute Chocolate Syrup: Use hot fudge sauce or dark chocolate syrup for a richer mocha flavor.
- Add Whipped Cream: Top your iced mocha with whipped cream for a creamy, sweet finish.
- Add Chocolate Shavings: Sprinkle chocolate shavings on top for a fun, coffee shop-style drink.
- Substitute Coffee: Use espresso or cold brew instead of regular coffee for a bolder, stronger taste.
How to Make Iced Mocha Coffee
Follow along with our step-by-step photos and directions to make the best mocha iced coffee at home. Don’t miss the tips and tricks listed below to make your drink even better. Let’s get started!
Mocha Syrup Instructions:
FIRST STEP: Whisk ingredients together until smooth.
Pro Tip
Put the mocha syrup in a squeeze bottle for easy dispensing and storage.

Iced Mocha Coffee Instructions:
FIRST STEP: Fill mug or glass sized mug with ice
Pro Tip
You could make coffee ice cubes in an ice cube tray so that when the coffee cubes melt, your coffee won’t become watered down.

SECOND STEP: Add Mocha Syrup and cream

THIRD STEP: Fill remainder with cold pre-brewed coffee, instant coffee, or instant espresso.

FOURTH STEP: Stir the drink well. Add a drizzle of chocolate syrup on top for an extra chocolate-filled treat.
Pro Tip
If a sweeter version is wanted, add one to two teaspoons of raw or white sugar.

How To Serve DIY Mocha Iced Coffee
You can serve this iced mocha recipe many different ways all year long. It’s great for parties, lazy mornings, or afternoon treats. Kids and adults both love the rich, chocolate-coffee flavor!
- Serve at brunch or breakfast: This cold mocha works great with sweet or savory brunch dishes. Pair it with caramelized bananas or breakfast casserole for a fun weekend meal.
- Cool off during summer gatherings: Serve this chilled coffee drink at pool parties, BBQs, or picnics. It tastes amazing with ice cream dessert or no bake lemon pie.
- Treat yourself on busy afternoons: This iced coffee gives you a quick pick-me-up when you need it most. Enjoy it with peanut butter lava cookies or a brownie bite.

Why You'll Love This Recipe for Mocha Cold Coffee
Chocolate iced coffee has earned a spot as a reader favorite for lots of good reasons. You only need five minutes, a few simple ingredients, and no fancy tools to make it at home. It delivers that strong, sweet iced mocha taste you love without the coffee shop line. Plus, it saves you money and gives you the same bold flavor anytime you want it.
You can even make a kid-friendly version by swapping in chocolate milk instead of coffee. It’s the perfect drink for warm weather because it cools you down and satisfies your sweet tooth at the same time. This iced mocha recipe keeps things simple and tasty, and that’s exactly why our readers love it!

Recipe FAQ
Can I use hot coffee in this iced coffee recipe?
No, you need to let the coffee cool first. Hot coffee melts the ice and makes your mocha watery and weak.
What kind of milk works best in iced mocha?
You can use any milk, but whole milk makes it creamier and gives it a richer flavor.
How strong should the coffee be for iced mocha?
Brew strong coffee, so the flavor still stands out when you add milk and chocolate syrup.
Can I use espresso instead of regular coffee in this recipe?
Yes, you can use espresso. It gives the drink a bolder flavor and stronger coffee taste.
Do I need to chill the coffee before using it in iced mocha?
Yes, chilled coffee works best. It keeps the drink cold and stops the ice from melting fast.

Serving FAQ
What’s the best way to serve iced mocha at a party?
Pour the mocha into clear cups with straws. Add whipped cream and chocolate drizzle to make it feel special. Add toppings like whipped cream, chocolate chips, or sprinkles. These extras make the drink more fun and festive.
Should I serve iced mocha right after making it?
Yes, serve right away, so the ice stays solid, and the drink stays cold and fresh.
What type of cup works best for serving this iced drink?
Use a tall glass or plastic party cup. It keeps the drink looking great and leaves room for toppings.
Is iced mocha a good drink for summer events?
Yes, it's great for summer. It cools you down and gives you a boost on hot sunny days.

Storage FAQ
Here are a few helpful tips for storing the parts of this iced mocha recipe separately:
How should I store iced mocha in the fridge?
Keep the mocha syrup in a mason jar, squeeze bottle, or sealed container in the fridge for up to four weeks.
Can I make iced mocha ahead of time?
Brew your coffee in advance and store it in the fridge for up to one week. That way, it’s ready to go.
Could I freeze iced coffee?
You’ll need to make this drink fresh. Only the syrup can be stored, and it belongs in the fridge—not the freezer.

Iced Mocha
Ingredients
Mocha Syrup
- ½ cup simple syrup
- 2 teaspoons cocoa powder
Iced Mocha Coffee
- ice
- 2-3 tablespoons mocha syrup
- 2-3 tablespoons cream (or milk)
- cold pre-brewed coffee (or instant coffee, instant espresso)
DIRECTIONS
Mocha Syrup
- Whisk the mocha syrups ingredients together until smooth.
Iced Mocha Coffee
- Fill mug or glass sized mug with ice
- Add the mocha syrup and cream
- Fill the remainder with cold pre-brewed coffee, instant coffee, or instant espresso.
- Stir the drink well.
- If a sweeter version is wanted, add 1 to 2 teaspoons of raw or white sugar.
Notes
- To make the simple syrup, combine 1 part water and 1 part sugar in a saucepan on the stove on medium-low heat until the sugar dissolves. Let cool and use in your recipes.
- Put the mocha syrup in a squeeze bottle for easy dispensing and storage.
- You could make coffee ice cubes in an ice cube tray so that when the coffee cubes melt, your coffee won’t become watered down.






Comments
Lynn says
Can I use a blender to make this? Do I need to add anything additional to make it a thick blended drink? Thank you!!!
Layne Henderson says
Hi, Lynn - we haven't tested blending it all together, but I would assume that would work ok. Enjoy!