Starbucks Copycat Iced White Chocolate Mocha – Made with Homemade Syrup!

If you’re a fan of Starbucks Iced White Chocolate Mocha, you’re going to love this easy DIY White Chocolate Mocha recipe. With just a few simple ingredients, you can skip the coffee shop and make a cold coffee drink at home that’s just as creamy and delicious—if not better.

Iced white chocolate mocha in a tall glass.

The best part? We’re making our own homemade white chocolate syrup from scratch, which means you control the ingredients and the sweetness. No artificial syrups—just pure mocha coffee syrup goodness.

So whether you’re craving a refreshing Starbucks-style mocha or looking for new coffee combinations to try, this homemade iced coffee recipe is about to become your go-to!

Disclosure: This post may contain affiliate links. This means I get a small commission if you decide to make a purchase through my links at no extra cost to you.

Why You Will Love This Recipe

  • Easy to Make – No fancy equipment needed.
  • Better Than Starbucks – Real ingredients, no overly sweet syrups.
  • Customizable – Adjust the sweetness, milk, and strength of your coffee.
  • Budget-Friendly – One homemade batch of white chocolate syrup makes multiple drinks!

Ingredients

A two-picture collage of all ingredients.

For the syrup: I am using white chocolate chips, heavy cream (or milk), and vanilla extract.

For the mocha: I am using brewed espresso, milk, and the prepared syrup.

See the recipe card for the complete list of ingredients and quantities.

Step-by-step Instructions

Homemade syrup in a saucepan placed on a marble surface.

Step 1: Combine the white chocolate chips and heavy cream or milk in a saucepan over low heat. Stir continuously until the chocolate is melted and smooth. Remove from heat, add the vanilla extract, and mix well until well combined. Allow the syrup to cool slightly; it will thicken as it cools.

💡 Pro Tip: This mocha coffee syrup can be stored in the fridge for up to a week! Use it in other flavored coffee recipes like lattes and frappés.

Homemade syrup poured on brewed coffee in a glass.

Step 2: In a glass filled with ice, combine the cooled espresso with 2-3 tablespoons of the homemade white chocolate syrup. Mix well.

Coffee topped with more syrup.

Step 2: Pour in your choice of milk and mix until combined. Add a generous dollop of whipped cream on top and sprinkle chocolate shavings or a few white chocolate chips.

💡 Coffee Shop Vibes at Home: This Starbucks White Mocha Recipe pairs perfectly with homemade cookies or pastries for the ultimate café-style experience!

Make It Your Own!

One of the best things about making DIY coffee drinks at home is that you can customize them however you like. Here are some ideas:

  • Turn it Hot – Skip the ice and heat the milk for a cozy, warm version.
  • Make it Sweeter – Add an extra drizzle of white chocolate syrup.
  • Turn it Into a Frappé – Blend everything with ice for a thick, frosty treat.
  • Try Different kinds of milk – Oat, almond, or coconut milk all work beautifully.

Final Sip!

Now that you know how to make a Starbucks copycat iced white chocolate mocha at home, there’s no need to wait in line or spend extra cash at the coffee shop. With homemade white chocolate syrup and a few simple ingredients, you’ll have a chocolate mocha coffee that’s creamy, delicious, and fully customizable.

A spoon scooping syrup and cream from iced white chocolate mocha glass.

Start your day with caffeine and protein. These easy protein coffee recipes—aka proffee—are perfect for mornings when you want something creamy and energizing.

More Starbucks Copycat Recipes

  1. Warm, soothing, and full of flavor—this Copycat Starbucks London Fog Latte is the perfect drink for a cozy morning or afternoon pick-me-up. Make it at home with just a few simple ingredients!
  2. Warm up with this creamy, Starbucks-inspired Mocha Hot Chocolate! A rich and chocolatey homemade drink that’s perfect for breakfast or a cozy afternoon break.
  3. What’s the secret to an ultra-creamy homemade Matcha Green Tea Frappuccino? It’s something simple! This Starbucks-inspired frappuccino blends up in minutes, and the secret ingredient gives it an extra smooth, velvety texture.
  4. Skip the coffee shop and make this easy Caramel Iced Coffee at home! This Starbucks copycat recipe is smooth, creamy, and full of rich caramel flavor—ready in just minutes with simple ingredients.
  5. Cool, creamy, and full of cinnamon flavor—this homemade Iced Cinnamon Dolce Latte is an easy Starbucks copycat recipe you can whip up in minutes, complete with a simple brown sugar cinnamon syrup.

If you tried this Iced White Chocolate Mocha Recipe or any other recipe on my website, please leave a 🌟 star rating and let me know how it went in the 📝 comments below.

Close up of iced white chocolate mocha placed on a marble surface.

Iced White Chocolate Mocha

Skip the coffee shop and make this Starbucks Copycat Iced White Chocolate Mocha at home! This easy recipe features homemade white chocolate syrup, rich espresso, and creamy milk for the perfect cold coffee drink. Customize it to your taste and enjoy a DIY White Chocolate Mocha Starbucks-style anytime!
No ratings yet
Prep Time: 7 minutes
Cook Time: 2 minutes
Total Time: 9 minutes
Course: Drinks
Cuisine: American
Servings: 1
Author: Shilpa

Equipment

Ingredients

For White Chocolate Syrup:

  • 1 cup white chocolate chips
  • ½ cup milk or heavy cream, adjust for thickness
  • ½ teaspoon vanilla extract

For Iced White Chocolate Mocha:

  • 1 cup brewed espresso or strong brewed coffee (cooled)
  • ½ cup milk your choice: almond, oat, dairy, etc.
  • 2-3 tablespoons homemade white chocolate syrup adjust to taste
  • ½ tsp vanilla extract
  • Ice cubes
  • Whipped cream optional, for topping
  • Chocolate shavings or white chocolate chips** optional, for garnish

Instructions

Make the Homemade White Chocolate Syrup

  • In a saucepan over low heat, combine the white chocolate chips and heavy cream or milk. Stir continuously until the chocolate is melted and smooth.
  • Remove from heat, add the vanilla extract, and mix well until well combined. Allow the syrup to cool slightly; it will thicken as it cools.

Make the Iced White Chocolate Mocha

  • Make the espresso or strong brewed coffee and let it cool.
  • In a glass filled with ice, combine the cooled espresso with 2-3 tablespoons of the homemade white chocolate syrup. Mix well.
  • Pour in your choice of milk and mix until combined. Add a generous dollop of whipped cream on top and sprinkle chocolate shavings or a few white chocolate chips.
  • Stir the iced white chocolate mocha before drinking, and enjoy the delicious combination of flavors!

Notes

One of the best things about making DIY coffee drinks at home is that you can customize them however you like. Here are some ideas:
  • Turn it Hot – Skip the ice and heat the milk for a cozy, warm version.
  • Make it Sweeter – Add an extra drizzle of white chocolate syrup.
  • Turn it Into a Frappé – Blend everything with ice for a thick, frosty treat.
  • Try Different kinds of milk – Oat, almond, or coconut milk all work beautifully.

Nutrition

Calories: 212kcal | Carbohydrates: 36g | Protein: 5g | Fat: 5g | Saturated Fat: 3g | Polyunsaturated Fat: 0.4g | Monounsaturated Fat: 1g | Cholesterol: 15mg | Sodium: 108mg | Potassium: 547mg | Fiber: 1g | Sugar: 26g | Vitamin A: 198IU | Vitamin C: 1mg | Calcium: 161mg | Iron: 1mg
Tried this recipe? Share it Today!Mention @lentillovingfamily or tag #lentillovingfamily!

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating