Starbucks’ Iced White Chocolate Mocha – The Only Guide You Need To Making it At Home

If you’re a frequent visitor to everybody’s favorite java-chain, you’ll definitely have tried the Iced White Chocolate Mocha before, a drink that’s made the rounds worldwide for its luxurious taste. Even if you aren’t the biggest fan of white chocolate (or even if you like your coffee black), this drink is an irresistible treat for people who want a pick-me-up on lazy mornings.

The best part is, unlike a number of Starbucks drinks that can take up to a whopping half an hour to make at home, this drink takes about 10 minutes from beginning to end and uses ingredients any home cook keeps at, well, home!

But First, What Is the Iced White Chocolate Mocha?

Starbucks says their famous drink is an espresso that includes white chocolate sauce, ice, milk, and a topping of sweetened whipped cream. The result is a sweet, creamy coffee that tiptoes the line between the bitter coffee espresso flavor and the sweetness of the white chocolate sauce and the whipped cream.

The hardest ingredient here is maybe the white chocolate sauce, which might not be available in every supermarket. There’s good news, though: you can pretty much make it at home with everyday ingredients.

Ingredients For Our Iced White Chocolate Mocha Recipe

This is one of Starbucks’ simplest drinks to replicate at home, and you’re not going to rack up a huge bill at the counter shopping. In fact, if you’ve tried out some other copycat Starbucks recipes, chances are you’ll already have most of the following ingredients at home:

  1. Espresso: Any normal brand of espresso will do. If you want an extra bit of sweetness in the drink, you can try Blonde espresso, which doesn’t pack as big a punch but has more caffeine in it instead. On the other hand, if you don’t have an espresso maker, strongly brewed coffee does the job too.
  2. Ice: Store some water in your freezer, or buy one of those cute packets with a polar bear on them, it’s up to you. But remember the water should be filtered so you don’t get the taste of chlorine.
  3. Milk: Starbucks uses 2% milk for all their coffee recipes, and so should you. Not just because the world’s most famous java-chain, but because 2% milk has just the right flavor, texture, and thickness for most coffee recipes.
  4. White Chocolate Mocha Sauce: Starbucks calls their creamer white chocolatemocha” sauce, but that’s more a misnomer than anything, as there’s nothing actually coffee-flavored in the sauce. Instead of buying white chocolate sauce, though, try making it at home yourself.
  5. Whipped Cream: It’s an optional topping for sure, but you’re not going to feel like Starbucks without a little spool of whipped cream on top.

And here’s a list of what you need to make your own white chocolate mocha sauce at home:

  1. White Chocolate: They sell them in big packets. Get one of those.
  2. Fat-Free Condensed Milk: It doesn’t HAVE to be fat-free, but your coffee’s going to be a lot healthier if you choose this option.
  3. 2% Milk: Good old 2% milk. Get a carton and use the rest for some cereal.

Make Your White Chocolate Mocha Sauce At Home With These Easy Steps

Firstly, white chocolate “mocha” isn’t technically correct.

Like we said above, this sauce is really more of a white chocolate ganache (that makes an unbelievably good creamer) but doesn’t have anything mocha-flavored in it. Here’s how to make it yourself:

  • Place chopped white chocolate in a heat-proof medium-sized bowl.
  • Combine sweetened condensed milk and 2% milk in a small saucepan and heat until it’s simmering.
  • Pour the mixture over the white chocolate and let it sit for a minute so it can seep in.
  • Lastly, stir the resulting mixture until it’s completely smooth and has no lumps.
  • To store, pour the white chocolate sauce into a heat-proof jar and store it in the fridge until you’re ready to use it.

The Best Part: Making Your Iced White Chocolate Mocha

Your white chocolate sauce is ready, and finally, so are you. It’s time to get your espresso mixer out and start making yourself a delicious cuppa of Iced White Chocolate Mocha with these easy steps:

  1. Brew Your Espresso

Start by brewing your espresso. You want about 2 oz. of espresso (that’s about 2-3 shots). Regular espresso is how Starbucks does it, but you can go for Blonde for an extra bit of sweetness. If you don’t have an espresso maker at home, strongly-brewed coffee will do the job too.

After it’s done brewing, let it cool down for a few seconds.

  1. Start Mixing the Ingredients

After that, start putting ice in the shaker (or mason jar) and then pour the espresso on top of it and the white chocolate mocha sauce. Lastly, pour in the milk, and start shaking vigorously to mix the ingredients well.

  1. Serve the Drink

Any glass or mug will do, but with its foamy white texture, a tall glass cup is best. Pour the drink in slowly to keep the foam, and top it off with a bit of whipped cream to create the best sweet iced mocha you’ve ever had!

Changes You Can Make To the Recipe

  • Those black-coffee fans we mentioned don’t have to completely give up on a strong cup of coffee. You can get an extra kick out of this drink by adjusting the espresso and milk amounts: try adding an extra shot of espresso to make it stronger, and play with the milk to turn down the creaminess.
  • If you want to change the texture of the sauce, you can use half-and-half or skim milk instead of the regular 2%. It changes the consistency and thickness of the drink itself, so play around and experiment to find out what you like best.
  • You can add almost any flavor you want to this iced drink without upsetting the delicate slice of paradise it is. A tablespoon of maple syrup or vanilla syrup is the most common choice, but if you’re looking for a surprisingly good combination of sweetness and warmth, try a little pumpkin spice.
  • If all of that wasn’t enough, here’s something to try: caramel. Get just a little and blend it into the drink to bring a little traditional-chocolate flavor into the mix. It’s going to make it even sweeter though, so bear that in mind.

What About Making This Drink Hot?


You’re going to be making it the same way (shaken, not stirred, thank you very much), but swap out the ingredients we listed with steamed milk, hot espresso (don’t let it cool), and milk foam. Iced is generally easier, but if you like your coffee hot, a warm white chocolate mocha might just be the thing for you.

Storing Your Iced White Chocolate Mocha

Like most iced coffee drinks, you definitely have the option of making a large jug of Iced White Chocolate Mocha so you can have the rest later (frankly, with a prep time coming out at 15 minutes, we don’t blame you for feeling a little lazy). After making the jug of mocha, store it in a heat-proof jar in your fridge. It should stay good for up to two weeks, but keep in mind that it’s going to thicken a little in texture as a result.

The same goes for the white chocolate mocha sauce. It’ll stay good for up to two, maybe three weeks, so don’t wait too long before making your next cup of Iced White Chocolate Mocha.

Recipe Card For Our Iced White Chocolate Mocha Recipe

Iced White Chocolate Mocha Recipe

Course Drinks
Servings 1
Calories 420 kcal


  • Drink shaker (or a mason jar)
  • Espresso maker (optional)


  • White chocolate mocha sauce (2 oz.)
  • Espresso/ Strongly brewed coffee(2 oz.)
  • 2% milk (6 oz.)
  • About 1 full cup of ice
  • Whipped cream

Ingredients For the White Chocolate Mocha Sauce:

  • White chocolate (4 oz.)
  • Fat-free sweetened condensed milk (½ cup)
  • 2% milk (½ cup)


  • Instructions For the Iced White Chocolate Mocha:
  • Mix espresso, milk, and white chocolate sauce in a large shaker, and shake well to combine.
  • Pour the drink into a tall glass cup with 1 cup of ice.
  • Top it off with whipped cream.

Instructions For the White Chocolate Mocha Sauce:

  • Put the white chocolate in a bowl (make sure it’s heat proof). The chocolate can be roughly chopped.
  • Heat up sweetened condensed milk and 2% milk over a low-medium flame until it’s simmering.
  • Pour the milk mixture over the chocolate, and let it cool down for a minute.
  • Stir until mixed well and there are no lumps left.
  • To store, place your sauce in a heat-proof jar and refrigerate.


  • Our white chocolate mocha sauce recipe makes enough sauce for roughly 4 servings (depending on the size of your serving).
  • Play around with the milk and espresso amounts to find what you like best.
To store, place in a heat-proof jar and refrigerate for up to a maximum of two weeks. The sauce will stay good for a little longer.
Keyword Iced White Chocolate Mocha

I'm a coffee lover, foodie, and blogger - passionate about coffee and all the things that go with it. I write about coffee, and news, learn about new coffees from across the world, do some home roasting, and share my thoughts on various other topics.

Leave a Comment

Recipe Rating