This Starbucks Iced White Chocolate Mocha Copycat Recipe is a quick and easy 5-ingredient recipe that helps you save money and time. It also tastes just like the original- creamy, rich and altogether delicious!
Jump to:
Why Make This
- Easy and delicious: This Starbucks iced white chocolate mocha is quick, easy and only requires 4 simple ingredients.
- Wallet-friendly: You save money by skipping the daily trip to the coffee shop!
- Simple: No special equipement, such as an espresso maker, is needed.
Even a person who doesn't like to eat white chocolate- or is not a coffee fan- will find it hard to say no to this white chocolate Mocha recipe- the sweetness of the white chocolate goes so well with the bitterness of the coffee. It's the perfect pick me up for a slow afternoon or a hot summer day!
Note: Alternatively, for other indulgent caffeinated drinks, try this creamy Japanese milk tea, cold brew iced latte or this Hong Kong coffee meets milk tea.
Ingredients
You only need 4 simple ingredients, the key ones are:
- Espresso: You can get Starbucks Dark Roast Expresso beans from their coffee shops or certain grocery stores. I usually use instant coffee- to make extra strong coffee, I use instant espresso coffee powder or decaffeinated espresso when trying to cut down on caffeine.
- Milk: I prefer whole milk but Starbucks actually uses 2% milk. For a skinny white chocolate mocha, you can use skim milk but, honestly, fat is a flavour carrier so I don't recommend it (taste-wise)!
- White chocolate syrup: Ghiradelli has a great one or you can make your own white chocolate sauce by melting white chocolate bars or chunks. (See FAQ for more on the best way to melt white chocolate for your homemade white chocolate sauce.)
For a full ingredient list, scroll down to the recipe card! For more recipes that require 5 or fewer ingredients, click here.
Variations
Once you know how to make iced white chocolate mocha, the possibilities are endless! You can:
- Add a little bit of peppermint to your mocha latte- you usually have to wait for the holiday season to get this at Starbucks, but now you can make it whenever you want at home!
- Sprinkle cinnamon and nutmeg powder on the whipped cream for a fall-themed drink.
- Add booze- a shot of Baileys, kahlua or rum make this an even more delicious drink
- Drizzle some caramel on the sides of the glass and over the whipped cream (a TikTok fave.) For a vegan caramel drink, why not try this gula melaka caramel?
- Use Dark Chocolate instead of white in this iced mocha and you get Starbucks Caffe Mocha!
Step by Step Instructions
- Brew the espresso. Dissolve the coffee powder in warm milk instead of water for a stronger flavor.
- Drizzle white chocolate syrup on the walls of the glass.
- Pour in the coffee then fill the rest of the glass with milk.
- Optional: add ice and whipped cream. Starbucks whipped cream has a tinge of vanilla- you can make it at home using heavy cream and vanilla syrup. If you prefer less fuss, use shop bought whipped cream- it won't be exactly the same as what you get in-store but it's close enough
How to serve
Sprinkle white chocolate shavings on top of your drink to impress your guests with your food presentation skills!
Note: White chocolate goes really well with macadamia, so a macadamia cookie on the side wouldn't go amiss with this iced coffee drink. If you're not a nut fan, try 1 of these Asian cookie recipes!
Expert Tips
Tip #1: If you want to make a healthier version of this copycat Starbucks mocha with white chocolate, you can use a plant-based milk, such as oat milk or almond milk, and skip the whipped cream topping.
Tip #2: Make sure you use good-quality white chocolate- skip the cheap white chocolate chips that taste like plastic and don't melt well!- for the white mocha sauce!
Tip #3: Use a tall glass (instead of a wide one) so that you have more surface area to splash the white chocolate drizzle all over the cup before adding the shot of espresso. Starbucks even sells reusable cups that have markings to guide you on how much of each ingredient to add.
Recipe FAQs
The traditional way is to use indirect heat i.e. a double boiler as white chocolate burns easily. You need to use a white chocolate bar or chunks, not chips, as chocolate chips contain stabilisers which prevent smooth melting (you'll end up with lumps and clumps in your white chocolate sauce.) Also remember to keep stirring, without getting any water on the chocolate. (If you don't have a double boiler, you can DIY your own: place a heat-proof bowl (with the chocolate inside) on top of a small saucepan of boiling water, ensuring that the base of the bowl is above the surface of the water, so that the boiling water never touches the bowl.) An easier way is to melt it in the microwave- microwave for 20 seconds, remove and stir, then repeat till the white chocolate mocha sauce is completely melted.
Sad to say, white chocolate isn't the healthiest food- in fact, it usually has more calories than regular chocolate.
Other Starbuck copycat drinks
Enjoyed this Starbucks-inspired coffee recipe? Please leave a 5-star 🌟🌟🌟🌟🌟rating in the recipe card below & if you REALLY like it, a comment would make my week! Thank you and have a great day!
Starbucks Iced White Chocolate Mocha Copycat Recipe
Equipment
- Espresso machine, optional
- Microwave, optional Substitute: bain marie (i.e. a heat-proof bowl and a pot)
- Starbucks reusable cup, optional I don't have one but if you do, the black lines on the sides of the cup are markings to show you how much ingredients to add. (The ice is always added last.)
Ingredients
- 2 shots Espresso Substitute: 2 ounces of strong dark coffee. Starbucks Dark Roast Espresso beans are available at many grocery stores and is what they use in-house for this drink.
- 1 Cup Warm whole milk or water Starbucks uses 2% Milk but I like full-fat milk myself. (UHT milk from a carton is OK) Substitute: oat milk or almond milk
- 3 Tablespoons white chocolate chunks Don't use chocolate chips as the stabilisers inside them prevent the chocolate from melting properly. Substitute: shop bought white chocolate sauce. Use a good one such as Ghiradelli's.
- ½ Cup Ice Use ice coffee cubes if you don't want your white chocolate mocha to be too diluted (if you us regular ice cubes, they'll water down your coffee when they melt.)
- Optional: a spritz of whipped cream mixed with a tinge of vanilla flavouring
Instructions
- Brew the espresso or strong dark coffee (Some coffee makers have a Concentrated Brew function.). If you don't have an expresso machine, you can use instant espresso powder- dissolving it in warm milk instead of water creates a stronger taste.
- If not using shop-bought white chocolate sauce, melt your white chocolate chunks in the microwave, blitzing it for 20 seconds at a time, then stirring, till all melted. Alternatively, you can melt it slowly by double boiling in a Bain Marie, ensuring no water enters the bowl (Where you place the chocolate in a bowl that is set on top of a boiling pot of water- note that the bottom of the bowl should be above the water and not immersed in it!)
- Drizzle the white chocolate mocha sauce on the sides of the glass.
- Pour in the freshly made espresso, then the milk. If using a Starbucks reusable cup, add the milk till it hits the top black line.
- Stir then add the ice.
- Top with whipped cream and more white chocolate syrup (optional.) You can also sprinkle some white chocolate curls on top.
Notes
- Tall iced white chocolate mocha: 3 pumps of white chocolate sauce and 1 espresso
- Grande: 4 pumps of sauce and 2 espressos
- Venti: 6 pumps and 3 espressos
Nutrition
How did you find this Starbucks Iced White Chocolate Mocha Copycat recipe? Let me know in the comments!
Carina says
This looks so creamy and good! Am on a budget so must try this instead of heading to Starbucks all the time!