Get your daily fix of caffeine at home with this White Chocolate Iced Mocha Recipe.
This chocolatey bliss is perfect for an energy boost during hot afternoons when you need to chill out. Pair it with chewy Chocolate Chip Cookies or a Sweet Charcuterie Board for the ultimate Starbucks-like treat combo!
Copycat Starbucks recipes are always a nice, inexpensive treat, so scroll down and treat yourself!
Jump to:
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.
SAVE THIS RECIPE!
Enter your email below and I’ll send it straight to your inbox.
❤️ 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
The absence of cocoa solids in white chocolate is what sets it apart from the regular type. It’s also the reason white chocolate tastes creamier and sweeter compared to dark or milk chocolate.
Leftovers of this recipe can be stored in the fridge for safe consumption for 2-3 days. Simply place in an airtight container or in a covered cup to prevent spoilage. Remember, though, that taste-wise, it’s not advisable to keep coffee beverages in the fridge, as they may lose their flavor over time.
Yes, this Copycat Starbucks White Chocolate Iced Mocha recipe can be a caffeine-free drink. Just use decaffeinated coffee and caffeine-free chocolate. You’re still free to use any milk of your choice.
🙏 Pairing
These are my favorite dishes to serve with Copycat Starbucks White Chocolate Iced Mocha Recipe:
Ready to get cooking? Print off the recipe card below or toggle on Cook Mode to keep your screen from going dark while you follow along on your phone or tablet.
SAVE THIS RECIPE!
Enter your email below and I’ll send it straight to your inbox.
📋 Recipe
Copycat Starbucks White Chocolate Iced Mocha Recipe
Equipment
- Measuring spoons
- Microwave
- Tall mug or glass
Ingredients
- 2 tablespoons Ghirardelli white chocolate syrup
- 1 tablespoon heavy cream
- 2 shots of espresso instant or brewed
- 2 cups whole milk
Instructions
Iced
- Add the heavy cream and white chocolate to a cup.
- Add the espresso and pour the mixture over the milk.
- Stir everything thoroughly and add ice.
- Serve the drink with whipped cream.
Hot
- Add the white chocolate and heavy cream to a cup.
- Add espresso to the cup.
- Heat milk in the microwave for 90 seconds. Stir and pour over coffee.
- Serve the drink topped with whipped cream
Notes
- 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.