Copycat Iced White Chocolate Mocha Recipe

Craving an Iced White Chocolate Mocha from the coffee shops? With this copycat recipe, you can make your own without having to leave home! 

Use these step-by-step instructions to easily skip the drive-thru and make your own copycat Iced White Chocolate Mocha at home!

All of the ingredients fare easy to find at your local supermarket, and you make it in minutes. 

This coffee shop copycat drink is sweetened with white chocolate syrup and gets its coffee hit from espresso shots.

Add some whole milk for creamy goodness, top with fluffy vanilla whipped cream, and you have a delicious white mocha in a matter of minutes and for a fraction of the cost! 

starbucks white chocolate mocha syrup - top view of the drink

One of the best parts of making your own Iced White Chocolate Mocha recipe is being able to tweak the flavors to be exactly what you like.

Want your iced mocha a little sweeter? Add some more white chocolate syrup! (That’s how I, Rebecca of Good Things Baking prefer it!)

Want the coffee to be less strong? Cut back on the espresso. You can tweak your drink to make it perfect for you. 

Read through the entire post for lots of info on making your own white chocolate sauce, how to get espresso if you don’t have a machine, and more!

white chocolate mocha - ingredients used to make white mocha drink

Ingredients Needed for Iced White Mocha

4 tablespoon white chocolate syrup 

2 shots espresso 

1 cup whole milk 

1/2 cup ice 

Whipped cream — We have an easy recipe below or you can use store brought one if you’re in a time crunch.

starbucks white chocolate mocha - pouring white chocolate syrup in a glass

How to Make Iced White Mocha

1 — Place the 4 tablespoons of white chocolate syrup in the bottom of a 12 oz. glass.

Pour the 2 shots of espresso over the syrup.

Then, stir them together. 

iced white chocolate mocha - expresso shot second to white chocolate syrup

2 — Pour the cup of milk into the espresso and white chocolate mixtures.

Then, finish filling the glass with ice.

white mocha starbucks - whole milk filling up the drink

3 — Top the iced white chocolate mocha white whipped cream and enjoy!

starbucks white chocolate mocha creamer - mocha drink really close up shot

How to Make the Whipped Cream Topping

Ingredients needed:

1/2 cup whipping cream 

3 tablespoons powdered sugar 

1/2 teaspoon vanilla extract

Directions:

1 — Place 1/2 cup of whipping cream in a clean bowl. With a hand mixer, beat the whipping cream until it has thickened. Add the powdered sugar and vanilla extract, then continue beating the cream until it’s thick and fluffy. 

2 — Spoon it over a prepared Iced White Mocha.

iced white mocha starbucks - top view of two servings fo the iced white mocha drink

How to Make Espresso Without an Espresso Machine 

This white chocolate mocha recipe calls for espresso, which gives a rich strong coffee flavor.

But even if you don’t have a fancy machine, you can still make a great shot of espresso without it! 

A French press can make espresso, or you can use instant espresso powder.

You can also order straight shots of espresso at any coffee shop, but that won’t help if you’re trying to avoid a stop! 

To make your copycat Iced White Chocolate Mocha taste as close to the cafe original as possible, you can get espresso coffee beans directly from your favorite coffee shop.

white chocolate mocha starbucks - ingredrients for the whip cream

How to Make Your Own White Chocolate Syrup

If you would prefer to make your own white chocolate syrup, it couldn’t be easier! It requires just two ingredients: 

Ingredients:

4 oz. of white chocolate, chopped 

1 cup (8 oz.) whipping cream 

Directions:

1 — Place the chopped chocolate in a bowl. In a heatproof bowl, microwave the whipping cream in 30-second intervals until it’s steaming and hot, but not boiling. 

2 — Pour the steaming cream over the white chocolate and let it sit for 5 minutes. Stir it until the mixture is smooth and all of the chocolate is completely melted. 

3 — Allow the white chocolate syrup to cool before adding to iced beverages. Store the leftovers in an airtight jar or container in the refrigerator.

This recipe will make about three 12 oz. iced white chocolate mochas. 

iced white mocha - drink with whipped cream

Recipe Notes and Tips

— If you’re going to make your own ice, use the most filtered water you can find. This will help avoid cloudy ice cubes and make them nice and clear. 

— You can mix up several Iced White Chocolate Mochas at a time.

— While espresso should be drunk immediately after being pulled (that’s a fancy word for brewed) if you’re drinking it straight, stirring in milk and syrups makes it drinkable for a lot longer.

white mocha - two servings of iced white mocha

If you loved this iced white chocolate mocha recipe, check out a few of our other favorite coffee and cafe copycat recipes below —

starbucks white chocolate mocha syrup - top view of the drink

Copycat Iced White Chocolate Mocha Recipe

Print Recipe
5 from 2 votes
Craving an Iced White Chocolate Mocha from Starbucks? With this copycat recipe, you can make your own without having to leave home!
Prep Time5 mins
Total Time5 mins
Course Drinks
Cuisine Coffees

Equipment

  • Glass (12 oz)
  • Hand mixer

Ingredients

For the iced white mocha:

  • 4 tbsp white chocolate syrup recipe below
  • 2 shot espresso
  • 1 cup whole milk
  • 1/2 cup ice
  • Whipped cream recipe below

For the whipped cream topping:

  • 1/2 cup whipping cream
  • 3 tbsp powdered sugar
  • 1/2 tsp vanilla extract

For white chocolate syrup:

  • 4 oz white chocolate choppped
  • 1 cup whipping cream (8 oz)

Nutrition

Serving: 12oz | Calories: 664kcal | Carbohydrates: 40g | Protein: 10g | Fat: 52g | Saturated Fat: 32g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 15g | Cholesterol: 187mg | Sodium: 165mg | Potassium: 484mg | Sugar: 36g | Vitamin A: 2145IU | Vitamin C: 1mg | Calcium: 358mg | Iron: 1mg
Servings: 1
Calories: 664kcal

Notes

  • If you’re going to make your own ice, use the most filtered water you can find. This will help avoid cloudy ice cubes and make them nice and clear.
  • You can mix up several Iced White Chocolate Mochas at a time.
  • While espresso should be drunk immediately after being pulled (that’s a fancy word for brewed) if you’re drinking it straight, stirring in milk and syrups makes it drinkable for a lot longer.

Instructions

To make the iced white chocolate mocha:

  • Place the 4 tablespoons of white chocolate syrup in the bottom of a 12-ounce glass. Pour the 2 shots of espresso over the syrup, then stir them together.
  • Pour the cup of milk into the espresso and white chocolate mixtures, then finish filling the glass with ice.
  • Top the iced white chocolate mocha white whipped cream and enjoy!

To make the whipped cream topping:

  • Place 1/2 cup of whipping cream in a clean bowl. With a hand mixer, beat the whipping cream until it has thickened. Add the powdered sugar and vanilla extract, then continue beating the cream until it’s thick and fluff
  • Spoon it over a prepared iced white mocha.

To make the white chocolate syrup:

  • Place the chopped chocolate in a bowl. In a heatproof bowl, microwave the whipping cream in 30-second intervals until it’s steaming and hot, but not boiling.
  • Pour the steaming cream over the white chocolate and let it sit for 5 minutes. Stir it until the mixture is smooth and all of the chocolate is completely melted.
  • Allow the white chocolate syrup to cool before adding to iced beverages. Store the leftovers in an airtight jar or container in the refrigerator.
KEYWORD: iced white chocolate mocha

Don’t forget to share your Copycat Iced White Chocolate Mocha Recipe with us on Instagram using the hashtag #sugarandclothloves. We always love seeing all of your creations! Looking for more quick and delicious recipes? Find them all right here with a few snack ideas to go along with them.

Please note that we may earn a commission for some of the above affiliate links. However, products featured are independently selected and personally well-loved by us!

1 thought on “Copycat Iced White Chocolate Mocha Recipe”

Leave a Comment

Leave a Rating: