If you love coffee as much as I do, you’ll automatically fall in love with this iced mocha recipe! It’s a homemade drink that you can make in under 10 minutes, and it’s so yummy, you won’t even believe it.
The mocha is a delicious coffee drink that is loved by many. If you love this drink, you can enjoy it in the comfort of your own home by following this easy recipe.
By using this simple iced mocha recipe, you will be able to create a perfect coffee drink every time.
Down below, I’ll talk about everything you need to know about the iced mocha, like: how does it taste? what is the best coffee to use? and so much more! So let’s get into it.
What is an iced mocha?
An iced mocha is made combining cooled brewed coffee with equal parts of dairy or dairy-free alternative, topped with chocolate sauce, whipped cream, and a good amount of ice cubes for a refreshing touch.
The great part about an iced mocha is the ingredients used. By making this drink at home, you can combine your favorite ingredients into this fantastic iced coffee.

Do you love almond milk? Then try this recipe with almond milk to make Your Dream Coffee at home easily.
Down below, I’ll talk a bit more about this recipe, including the best coffee to use. After the recipe card, I’ve listed a recipe for a homemade chocolate sauce that is made within minutes and tastes amazing.
What ingredients are in an iced mocha?
An iced mocha uses a few ingredients you might already have at home, which is great for easy access. The ingredients used are as following:
- Cooled brewed coffee
- Milk of choice (I used whole milk for this recipe)
- Homemade chocolate sauce (or store-bought chocolate sauce)
- Ice cubes
- Optional: whipped cream

This recipe is easy to make in just a few minutes once you’ve prepared your coffee and chocolate sauce (if you prefer to make it homemade) ahead of time.
The initial time to prepare the components will take just a few minutes, excluding the cooling in the refrigerator, but after that, you can make this recipe within a minute.
It’s a great way to start your day or have a nice caffeine-packed and flavorful drink for the afternoon on a hot summer day.
What coffee is used in an iced mocha?
An iced mocha is best made with freshly brewed coffee that has been cooled completely. You can make this recipe with any cooled coffee you prefer, like, pour over coffee or even the more robust French press coffee.
I like to use pour over coffee for this recipe as it has just the right amount of robust flavor and is also very balanced. It combines great with the sweetness of the chocolate and the added whipped cream.

If you want to learn more about brewing coffee at home, I suggest checking out my beginner’s guide to brewing coffee. I’ll talk about everything you need to know and give you many tips and tricks!
What do iced mochas taste like?
Iced mocha coffee tastes sweet, with the perfect amount of freshly brewed coffee. The chocolate sauce makes for the perfect addition to an already amazing coffee drink.
I can describe the drink’s flavor as a very balanced coffee drink, with a hint of chocolate that makes it just right.
Then there are the ice cubes that make this drink so refreshing and delightful. But, of course, you can also use coffee ice cubes instead of regular ice cubes when you plan on sipping on your coffee in the sun.
The coffee ice cubes will prevent diluting your iced mocha with water and will leave extra coffee flavor instead. You can check out my guide to making coffee ice cubes here.
Iced Mocha

This easy iced mocha recipe is perfect for drinking in the summer for a refreshing start to the day.
Ingredients
- 1/2 cup (0.12 l) of brewed coffee (cooled)
- 1/2 cup (0.12 l) of whole milk
- 2 tbsp (30 grams) of chocolate sauce
- Ice cubes
- Whipped cream (optional)
Instructions
Once you've prepared the chocolate sauce, it's time to assemble the iced mocha:
- Add the chocolate sauce to a tall glass of choice.
- Pour in the cooled brewed coffee and give this a stir.
- Add enough ice cubes to give the drink a cool touch. I like to fill the glass up to about halfway.
- Next, slowly pour in the milk.
- Add a serving of whipped cream to the iced mocha.
- Additionally, you can grade just a bit of dark chocolate on top. It will give the drink its unique look and will give it an even more chocolate taste!
I suggest serving the drink as soon as possible for the most refreshing experience.
Notes
The whipped cream is optional in this recipe, but it adds a nice depth to the coffee, so I highly recommend adding it.
Stir the iced mocha right before drinking for the full experience, or serve with a straw.
Recommended Products
As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.
Nutrition Information:
Serving Size:
1Amount Per Serving: Calories: 153Total Fat: 8.96gSaturated Fat: 5.3gUnsaturated Fat: 1gCholesterol: 32mgSodium: 54mgCarbohydrates: 9.5gSugar: 10.6gProtein: 4g
The nutritional information is based on the recipe. If you want to switch up the recipe, you might change the number of calories.
How many calories are in an iced mocha?
The number of calories in an iced mocha is 153. This number is made up of the different components of the coffee drink. The biggest number of calories is from the milk added.
Down below, I’ve broken down the calories for each ingredient. This way, you can have a look and see if you want to switch out an ingredient for a healthier version:
- The amount of whole milk used in this recipe is good for 73 calories.
- The homemade chocolate sauce is good for 28 calories.
- Adding whipped cream will add 52 calories per serving.
As you can see, whole milk makes up for a big part of the calories in the iced coffee. If you want a lower-calorie drink, I suggest using a milk alternative instead.
Milk alternatives are a great way to flavor your iced coffee differently and have much fewer calories than dairy.
If you’re using store-bought chocolate sauce, you can have a look at the nutritional information on the bottle, and you can retract the number of calories I’ve mentioned before from the total.
How to make the chocolate sauce at home
Making chocolate sauce at home is super easy to do, and you’ll have a batch ready in just a few minutes.
The recipe for chocolate sauce listed below will make about ten servings of chocolate-flavored iced coffee. You’ll need the following ingredients:
- 1/2 cup (0.12 l) of cocoa powder
- 120 grams of white granulated sugar
- 1/2 cup (0.12 l) of cold tap water

This is a basic chocolate sauce that goes with everything. If you want to spice it up, you can also add a bit of vanilla extract for a more powerful sauce. To make the sauce follow the next steps:
- In a small saucepan, preferably with a handle, add the cocoa powder, white granulated sugar, and water.
- Place it on the stove on medium heat.
- Keep stirring the chocolate sauce until the sugar has dissolved and the sauce has thickened slightly. I found that this takes no more than two minutes.
- After the sugar has dissolved, remove the pan from the heat.
- Let the chocolate sauce cool slightly and store in an airtight container.
You can store the chocolate sauce in the refrigerator for a few days. It’s best to make a big batch if you want to make a few of these iced coffees in the upcoming days.
Tip: If you have some leftover chocolate sauce, you can also make an Iced Mocha Latte. Or even a hot version of the Mocha latte!
The iced coffee recipe above uses the same chocolate sauce to make different recipes with this sweet sauce easily!
Conclusion
This recipe is perfect in the sense that it has just the right amount of flavors combined. I like that you can make this recipe however you wish to give it your own twist.
The homemade chocolate sauce is great if you don’t want to go out and pick up a bottle of chocolate sauce from your local supermarket. And it tastes just as impressive — if not better.
If you feel like trying out another iced coffee recipe, you can have a look below. In addition, I’ve listed various coffee recipes that’ll get you through the summer!
Do you love the chocolate and coffee combination as much as I do?
Let me know by leaving a comment down below. If you have any other questions regarding coffee, you can also contact me directly by pressing the “Contact Me” button at the top!
2 Comments
Is the cocoa powder the unsweetened cooking powder?
Hey Tracy,
The cocoa powder can be sweetened or unsweetened. However, cooking or baking powder is different from cocoa powder, so make sure you’re using cocoa powder in this recipe.
Let me know how it turns out!
-Jeffrey