Quick And Easy Iced Coffee With Chocolate Milk

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.

iced coffee with chocolate milk in glasses.

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.

chocolate milk coffee in tall glass.

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:


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.


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.

Process step add chocolate milk in glass.

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.

Process step add iced coffee to chocolate milk in tall glasses.

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.

iced chocolate milk and coffee with cream in glass.


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.

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.

Yield: 4

Iced coffee and chocolate milk

iced chocolate milk and coffee with cream in glass

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.

Prep Time 5 minutes
Cook Time 5 minutes
Total Time 10 minutes


  • 3 cups of chocolate milk
  • 3 cups of cold coffee
  • 1 teaspoon vanilla extract
  • 4 tablespoons of heavy cream
  • 4 cups of cubed ice


  1. Fill 4 tall glasses with cubed ice.
  2. Split the chocolate milk between all 4 glasses (3/4 cup in each glass). See note 1.
  3. Top each glass with cold coffee until almost full (3/4 cup in each glass). See note 2.
  4. Add 1/4 teaspoon of vanilla extract and sweetener (if using) in each glass and stir to combine. See note 3.
  5. Top each glass with a tablespoon of heavy cream.


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:



Serving Size:


Amount 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.

About Rachel Rodda

Founder of Creators of Coffee, Rachel is a passionate coffee lover, SCA member and former barista, who also loves to research and share practical tips on everything to do with coffee. Favorite way to make coffee: With an Espresso Machine

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Skip to Recipe