Skip to Content

Iced White Chocolate Mocha

Craving an afternoon coffee fix but don’t feel like going out? Try our iced white chocolate mocha drinks! Iced espresso flavored with white chocolate.

With Summer bearing down on us, the idea of a hot midday coffee isn’t very appealing.

So, Kim and I decided to share one of our guilty pleasures. It’s her iced white chocolate mocha recipe.

Roasted espresso (or strong coffee) mixed with white chocolate and full-fat milk.

The iced white chocolate mocha coffees with straws.
These chilly iced drinks are perfect for afternoon coffee.

If you’re looking to make a skinny white chocolate mocha, then scroll down to the tips section.

This drink is easy to make and the longest part is waiting for the coffee to brew. But, that’s better than waiting in line, right?

Two iced coffees in tall Collin's glasses.
The whipped topping is optional. This drink is tasty with or without it.

How to make a white chocolate mocha?

First, start by brewing 4-ounces of strong coffee or espresso. Once that’s done, grab a measuring cup.

Chocolate sauce and coffee in a glass measuring cup.
Don’t have a measuring cup, a small saucepan will work.

Next, combine the chocolate sauce and the espresso together. Use a whisk or spoon to mix the ingredients.

The sauce and espresso or coffee mixed together.
The mixture creates a caramel colored drink that’s delicious!

Then, grab a 12-ounce glass and fill it with ice. After that, pour the chocolate mixture into the glass.

The chocolate mixture pouring into a glass with ice.
One to two handfuls of ice should be enough to fill the glass.

Last, pour in the full-fat milk and use a spoon to stir the drink. Feel free to add more coffee to the drink if you want.

Top the mocha with whatever you like. Since we enjoy homemade whipped cream, that’s what Kim used.

Milk being poured into the iced coffee.
We used full-fat milk. For a skinny version, refer to the tips section.

Before I let you go, let’s talk about the sauce we used for this drink.

Kim chose a white chocolate sauce because it mixed easily with the hot espresso.

If you click this affiliate link, it will take you to the same product she used.

A closer view of the iced white mochas.
The metal straws we used are reusable and dishwasher safe.

That’s it, your iced white chocolate mochas are done! Kim and I hope you enjoy the beverage and we wish you all the best 🙂

Recipe Tips:

  • For a skinny white chocolate mocha, substitute almond milk for full-fat dairy milk and a sugar-free white chocolate syrup.
  • Also, if you don’t want to use the same chocolate sauce, here’s another option. This affiliate link is for Torani white chocolate syrup.
  • To make more than one iced coffee, then simply double all the ingredient amounts and divide them between two 12-ounce glasses.
The mochas served with whipped topping.
There’s nothing like an iced coffee on a hot day!

Other drinks you may enjoy:

Don’t forget to check out our Iced White Chocolate Mocha web story!

Two iced white chocolate mocha drinks with straws.

Iced White Chocolate Mocha

4.5 from 48 votes
Print Save Pin
Prep Time: 5 minutes
Total Time: 5 minutes
Servings: 1 Servings

I earn a commission from Amazon and Instacart from qualifying purchases.


  • 4 ounces freshly brewed coffee
  • 3 tablespoons white chocolate sauce may substitute with 1 to 2 ounces of melted white chocolate chips
  • ½ cup ice
  • 6 ounces milk


  • Pour coffee and white chocolate sauce into a measuring cup, and stir until the white chocolate dissolves.
    4 ounces freshly brewed coffee
    3 tablespoons white chocolate sauce
  • Add ice to a large glass. Pour the espresso mixture over the ice. Add the milk, and top off with extra espresso if desired. Stir to combine.
    ½ cup ice
    6 ounces milk
  • Garnish with whipped cream.


The calories listed are an approximation based on the ingredients in the recipe card and a serving size of one 10-ounce iced white mocha. Additionally, the calorie count does NOT include the whipped topping in the photos. Actual calories will vary.
For more information or tips, please refer to the post.


Serving: 10ounces | Calories: 303kcal | Carbohydrates: 44g | Protein: 8g | Fat: 11g | Saturated Fat: 5g | Polyunsaturated Fat: 0.3g | Monounsaturated Fat: 3g | Cholesterol: 21mg | Sodium: 270mg | Potassium: 473mg | Fiber: 2g | Sugar: 28g | Vitamin A: 277IU | Vitamin C: 0.1mg | Calcium: 243mg | Iron: 1mg
Recipe Rating

Saturday 13th of August 2022

The drink was tasty, way too sweet though. I would recommend putting less white chocolate sauce, and more coffee to dilute the sweetness. Overall, good recipe otherwise!