Copycat Starbucks White Chocolate Iced Mocha Recipe

Where did mocha come from?

Mocha was actually the name used to call the coffee beans imported from the Al Mokka port in the country of Yemen. Moka (mocha) beans were grown in the mountain areas of Central Yemen and were then roasted before being shipped around the world.

Mocha beans were described as chocolaty compared to most bean variants, which often had fruit-like flavors. Due to its distinct flavor, the meaning of the word “mocha” evolved to describe a beverage with coffee and chocolate.

There’s no one-size-fits-all ratio between chocolate and coffee when making mocha. Each place has its version of whipping up a mocha drink now, but one thing’s for sure: this recipe is going to be one of the best variations of this good-old comfort drink.

❤️ Why You’ll Love This Recipe

This iced white chocolate mocha is filled to the brim with a creamy, luscious taste, just like Starbucks’ original version. But heads up, there are more reasons to love this iced white chocolate!

• This iced white mocha copycat recipe is easy to make at home without the hassle of lining up at the coffee shop.
•  Your white chocolate mocha that combines white chocolate and espresso will satisfy your coffee and dessert cravings all in one sip!
• This white chocolate mocha recipe is customizable. Whether you like to drink cold coffee or hot mocha, this recipe is for you. The sweetness can even be adjusted by switching ingredients in the recipe.

If you want to learn how to make another Starbucks copycat iced coffee, try this sweet Caramel Frappucino.

🥘 Ingredients

You’ll love this recipe even more when you find out it takes just a few ingredients to make iced white chocolate.

• Ghirardelli white chocolate syrup: A drizzle of white chocolate sauce delivers the creamy and velvety sweetness to this iced mocha drink and adds to the chocolatey flavor.
• Heavy cream: This key ingredient will enhance the rich, creamy texture of the white chocolate iced coffee, giving that luscious mouthfeel.
• Espresso: Espresso serves as the base of this iced white chocolate mocha recipe. You can also make this recipe with espresso alternatives such as brewed or instant coffee.
• Whole milk: This is another star ingredient that serves as a perfect complement to the extra-strong coffee, creating just the right balance of creamy consistency and sweetness.
• Whipped cream: This will be the crown jewel ingredient of your copycat Starbucks white chocolate mocha. It adds the final delightful layer on top, making each sip memorable!

See recipe card for quantities.

🔀 Substitutions

Ghirardelli white chocolate sauce: Ghirardelli isn’t exactly easy to find, so you may substitute it with Torani white chocolate sauce or make your homemade white chocolate sauce using good-quality white chocolate chips.

Heavy cream: If you prefer your coffee drink with a thinner consistency, switch out heavy cream with half and half milk.

Espresso: If you’re out of espresso, feel free to substitute it with any strong coffee. 

Whole milk: If you like low-fat milk, consider using skim milk in this Starbucks white coffee recipe.

🌈 Variations / Options / Add-Ins

Unlock new flavors by experimenting with add-ins to your white chocolate mocha copycat recipe. Make your afternoon coffee sessions more exciting!

• Alcoholic Starbucks white chocolate mocha: You can replace the white chocolate mocha sauce with some Godiva white chocolate liqueur to create a fun alcoholic party drink!
• Stronger Coffee: To avoid watering down your iced white chocolate mocha, use ice cubes made out of cold brew coffee instead of regular ice.

If you want a simpler version of a cold coffee drink, check out this Iced Coffee recipe to make at home.

🥄 Equipment Needed / Helpful Tools

Just get these simple items prepared, and you’re one step away from making this refreshing drink! 

• Measuring spoons: These are needed to ensure the exact measurement of ingredients. 
• Microwave: Use this if you want to make the hot white chocolate mocha at home.
• Tall mug or glass: You’ll need a tall mug or glass of your choosing to serve this drink.

🔪 How to Make Copycat Starbucks White Chocolate Iced Mocha

Once you’ve brought out everything, just follow these easy steps to make your own white chocolate mocha in four easy steps!

Step 1: Add white chocolate and heavy cream

In a small cup, add creamy white chocolate sauce and 1 tablespoon of heavy cream.

Step 2: Add espresso

Pour the two shots of espresso into the cup to create a concentrate.

Step 3: Cool it down or heat it up

To make the iced version, pour the prepared mixture over milk in a tall glass, mix thoroughly, and then add ice.

For the hot version, on the other hand, heat the milk in the microwave and combine it with the coffee concentrate in your mug of choice.

Step 4: Serve

Spray some whipped cream on top, and enjoy your drink with your favorite pastries!

🍽️ Serving Suggestions

This mocha drink pairs very well with cookies to dunk in its chocolaty taste, so I highly suggest eating this along with some Double Chocolate Walnut Cookies or chewy Whip Cream Cookies.

You’ll feel like you’re having the luxury coffee shop experience without even stepping outside your house!

👩‍🍳 Pro Tips

• If you want a frothier and creamier texture to your beverage, use a frother or blend the milk first before adding it to the espresso and white chocolate mix.
• If you’re not a fan of sweet beverages, use half the amount of white chocolate syrup at first. Then, simply drizzle some more until you get your desired sweetness.

❓ Recipe FAQs

🙏 Pairing

These are my favorite dishes to serve with Copycat Starbucks White Chocolate Iced Mocha Recipe: