Quick And Easy Iced Coffee With Chocolate Milk



This page may contain affiliate links. For more information read my disclaimer policy.

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.

two glasses of iced coffee with chocolate milk topped with whipped cream.

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.

Chocolate coffee lovers may also like: 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!

iced coffee with chocolate milk in glasses.

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 your glass with ice and add the chocolate milk.

Process step add chocolate milk in glass.

Step 2 – Add the coffee

Add coffee 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.

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.

two glasses of iced coffee with chocolate milk topped with whipped cream.

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.
4.50 from 2 votes
Servings: 1 drink
Prep Time 5 minutes
Cook Time 5 minutes
Total Time 10 minutes


  • ¾ cup chocolate milk see note 1
  • ¾ cup brewed coffee see note 2
  • ¼ teaspoon vanilla extract
  • 1 tablespoon heavy cream
  • 1 cup ice cubes
  • 1 teaspoon simple syrup optional, see note 3


  • Half fill your glass with ice.
    1 cup ice cubes
  • Add the chocolate milk to the glass.
    3/4 cup chocolate milk
  • Add the cold coffee until almost full.
    3/4 cup brewed coffee
  • Add vanilla extract and simple syrup (if using) and stir to combine.
    1/4 teaspoon vanilla extract
  • Top with heavy cream.
    1 tablespoon 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 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.


Serving: 1drink | Calories: 211kcal | Carbohydrates: 20g | Protein: 7g | Fat: 12g | Saturated Fat: 7g | Polyunsaturated Fat: 0.5g | Monounsaturated Fat: 3g | Cholesterol: 39mg | Sodium: 132mg | Potassium: 416mg | Fiber: 2g | Sugar: 18g | Vitamin A: 404IU | Vitamin C: 2mg | Calcium: 231mg | Iron: 0.5mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Author: Rachel Rodda
Course: Drinks
Cuisine: American
Did You Make This?Leave a comment and let me know how it was!
Photo of author

Rachel Rodda

It's no surprise that as a former barista and founder of Creators of Coffee, I'm obsessed with all things coffee. I love to share easy and delicious coffee recipes, expert brewing tips and helpful coffee gear reviews with my fellow coffee lovers!

Leave a Comment

Have a question, comment or rating? Please leave it below! Your email address will not be published. Required fields are marked *

Recipe Rating