If you are looking for a tasty iced mocha coffee recipe that is quick and easy to prepare, you are going to love this iced coffee with chocolate milk.
Chocolate milk in coffee? Yes, you read that right.
With just 4 ingredients, this simple iced coffee recipe is by far the easiest way to enjoy an icy cold coffee with chocolate flavor at home.

What does chocolate milk in coffee taste like?
An iced mocha coffee is one of the most popular iced coffee recipes.
The combination of coffee with chocolate has long been regarded as one of the best flavor pairings, in both hot and cold coffee drinks.
Typically the chocolate is in a syrup or powder form. But ultimately when combined in the glass it becomes chocolate milk.
So in our quest for simplicity, we asked why not simply create an iced coffee made with chocolate milk (pre-made).
Putting chocolate milk in coffee may seem unusual, but if you enjoy mocha coffee and want an easy iced coffee recipe, our chocolate milk coffee recipe is the perfect option.
The taste is sweet, refreshing, chocolatey and icy cold – pretty much everything you could wish for in an iced chocolate coffee, plus it is super fast to make, another big plus for me.
More chocolate coffee recipes: iced chocolate almondmilk shaken espresso, java chip oreo fudge truffles, coffee chocolate chip cookies, peppermint mocha frappe.

What you need to make this iced mocha coffee recipe
There is no need to buy loads of special ingredients for this chocolate iced coffee recipe.
The recipe is made direct into the glass with just 4 ingredients:
- Chocolate milk
- Brewed or cold brew coffee
- Vanilla extract
- Heavy cream
Chocolate milk
Use your favorite store bought chocolate milk, or make your own by combining milk with chocolate syrup.
Try these brands for their rich chocolatey flavor:
Coffee
You can use either some chilled regular brewed coffee or cold brew coffee to make chocolate milk with coffee.
Try making cold brew with our super easy cold brew recipe.
Both brewed coffee and cold brewed coffee work equally well.
Through the Summer I tend to have some cold brew in the fridge ready to go, which speeds up the process to under 5 minutes to make this recipe!
Sweeteners and flavor
The vanilla extract rounds out the chocolate and coffee flavors and shouldn’t be skipped over.
If your chocolate milk isn’t sweet enough, you can also add some liquid sweetener to your cold chocolate coffee – simple syrup like this works well, or make your own.
Cream
I have included some heavy cream to add on top of our iced coffee chocolate milk drink. For something a little fancier you could also use whipped cream or a sweet cream cold foam.
Or omit the cream altogether if you don’t like cream in your coffee.
How to make iced coffee with chocolate milk
Step 1 – Chocolate milk
The first step is to fill each glass with ice and divide your chocolate milk into each glass.
Our recipe is enough for 4 serves, so if you only want to make one glass, divide the recipe by 4.

Step 2 – Add the coffee
Add coffee to each glass to fill almost to the top, leaving a little room for the cream.
Depending on the size of your glass you may want to top it up with more chocolate milk or coffee, based on whether you want the drink to be more chocolatey or coffee flavored.
Step 3 – Add sweetener and flavor
Add the vanilla extract to the glass and stir to combine.
If you are using liquid sweetener, add it now and stir.

Step 4 – Add the cream
Finally, top the glass with a spoonful of heavy cream.
Stir to combine, or enjoy the pretty layered look in your glass and enjoy.

FAQs
Can you mix coffee with chocolate milk?
Can you mix coffee with chocolate milk? Absolutely! Putting chocolate milk in coffee is a quick and easy way to enjoy a chocolate coffee drink at home.
Is chocolate good in coffee?
Chocolate isn’t just good in coffee – it is great! Chocolate in coffee is one of the classic and most popular coffee flavors.
They are a natural pairing thanks to the sweet creaminess of the chocolate complementing the bitterness and often chocolatey aromas in the coffee.
Can you add chocolate milk to instant coffee?
Yes, you can add chocolate milk to instant coffee for a hot or cold chocolate milk mocha.
Simply dissolve your instant coffee in 2 tablespoons of hot water, add ice (if drinking cold) and pour your chocolate milk over the top.
More iced coffee recipes to try
If you loved this mocha iced coffee recipe, here are some more great cold coffee drinks to try at home.
- Iced caramel macchiato
- Almond milk cold brew coffee
- Peppermint mocha frappe
- How to make a white russian
- Iced pumpkin cream cold brew
- Apple crisp iced coffee
Find all our coffee drink recipes here or browse all our coffee recipes.
If you want to make great coffee at home, choose from the best coffee beans here.
Disclaimer: As an Amazon Associate I earn from qualifying purchases.
Like this recipe? Don’t forget where you found it! Save it to Pinterest for later.
Iced coffee and chocolate milk

This easy iced coffee recipe combines chocolate milk with coffee to make a simple, sweet iced mocha coffee that takes just a few minutes to prepare and enjoy.
Ingredients
- 3 cups of chocolate milk
- 3 cups of cold coffee
- 1 teaspoon vanilla extract
- 4 tablespoons of heavy cream
- 4 cups of cubed ice
Instructions
- Fill 4 tall glasses with cubed ice.
- Split the chocolate milk between all 4 glasses (3/4 cup in each glass). See note 1.
- Top each glass with cold coffee until almost full (3/4 cup in each glass). See note 2.
- Add 1/4 teaspoon of vanilla extract and sweetener (if using) in each glass and stir to combine. See note 3.
- Top each glass with a tablespoon of heavy cream.
Notes
1. Use your favorite store bought chocolate milk or make it at home by combining milk with chocolate syrup to taste.
2. You can use chilled brewed coffee or cold brew coffee to made this cold coffee drink recipe.
3. For a sweeter drink, add 1 tablespoon of liquid sweetener like simple syrup and stir. You can make your own liquid sweetener by combining 1 tablespoon of sugar with 1 teaspoon of boiling water. Granulated sugar will not dissolve in your iced coffee.
Nutrition Information:
Yield:
4Serving Size:
1Amount Per Serving: Calories: 211Total Fat: 12gSaturated Fat: 7gTrans Fat: 0gUnsaturated Fat: 4gCholesterol: 39mgSodium: 123mgCarbohydrates: 20gFiber: 2gSugar: 18gProtein: 7g
Please note that nutrition information is a computer generated estimate and should not be interpreted as a dietitian's advice. Values can vary greatly among brands, amounts and ingredients used.