Iced White Chocolate Mocha Easy Recipe

Here comes a guide on how to make another tasty coffee drink.

You might’ve become a fan of the Iced White Chocolate Mocha at Starbucks, but I will show you my take on its recipe so that you can make it at home.

To DIY this iced caffeinated beverage, you don’t need a lot of ingredients.

I also made sure to include a couple of tips that will provide flexibility for those that can’t get their hands on some of the recommended recipe components.

When it comes to calories, this homemade White Chocolate Mocha iced coffee contains 240 kcal if you have it without any toppings. If you top it off with whipped cream and white chocolate drizzle, the calorie count will go up to 300 calories.

Even without the toppings, the mocha latte you’ll get to have by following my instructions is very delicious.

So without further ado, let’s dive in.


For the making of the homemade Iced White Chocolate Mocha, you’re going to need the following ingredients:

  • Ice Cubes.
  • Double Espresso Shot – 2 fl. oz or 60 ml.

    You can use a double ristretto, or a single shot instead. It all comes down to your personal preference.

    If you don’t have an espresso machine, feel free to use the coffee brewing device that you have available at your place.

    I always recommend using 1 to 2 fl. oz (30 to 60 ml.) of coffee brewed in a Moka pot for homemade lattes, if you don’t have access to an espresso machine.

    With that being said, you can also use your French press, cold brew concentrate, Aeropress coffee, or even a cup prepared in a drip coffee maker.

    Nevertheless, if you use one of these substitutes, the overall coffee taste and aroma would seem somewhat weak (if you ask me).

    Still, no matter the brew, the White Chocolate Mocha that you’ll get to have will be quite enjoyable and refreshing; so don’t hesitate to work with what you’ve got.
  • Milk: 6 fl. oz. or 180 ml.

    You can use whole milk, half-and-half for a creamier drink, or plant-based milk (such as almond, soy, coconut, oat milk, etc.). It’s really up to you.

    Nevertheless, you should have in mind that even if you use plant-based milk, it’s a bit challenging to make a 100% vegan White Chocolate mocha latte.

    This is because of the white chocolate recipe component. I haven’t come across a vegan alternative to the white chocolate ingredient that complements this mocha coffee drink well enough.

    Please, drop me a comment below, if you have any recommendations!
  • White Chocolate Sauce: 2 tablespoons.

    I recommend using Monin’s white chocolate gourmet sauce (you can check it out on Amazon by clicking here).

    It’s my favorite and I’ve also seen it being incorporated in the making of a local café’s white chocolate mochas.

    Nevertheless, a friend of mine likes the Torani white sauce better. She’s a barista and we have similar tastes, so I definitely trust her opinion.

    If you’re not planning on using this sauce often, you may want to skip buying it.

    You can instead use 2 oz. or 60 grams of melted white chocolate chips (or standard white chocolate).

    If you’re planning on doing so, I recommend warming up the milk and mixing it well with the melted chocolate before continuing with the rest of the recipe. This way you’ll avoid the formation of chocolate clumps (which is common, since the drink is iced).

    If you do the mixing well, the white chocolate flavor will also be better distributed throughout the liquid.

    Here’s another thing that you may want to be aware of – most store-bought white chocolate sauce products contain sweetened condensed milk. At Starbucks, the white chocolate sauce contains sweetened condensed milk too.

    So in case you’re craving an iced white chocolate mocha, but you can’t seem to find any white chocolate sauce in the store nearby, you can use 2 tablespoons of sweetened condensed milk instead. The coffee drink you’ll get to have by doing so will be pretty similar to the white chocolate mocha that you usually order from a coffee shop.
  • Whipped Cream/shredded white chocolate/white chocolate drizzle: optional toppings.

Now that we’ve covered the ingredients, let’s move on to the recipe directions.

How to make an Iced White Chocolate Mocha: Recipe Instructions

Here’s how to make an Iced White Chocolate Mocha at home:

  1. Add the ice cubes to a glass.
  2. Add the white chocolate sauce.
  3. Pour the coffee in the glass.
  4. Pour the milk on top.
  5. Add shredded white chocolate or other topping to taste.

Here’s what the homemade White Chocolate iced mocha is going to look like:

You can use a straw to stir it and distribute the white chocolate flavor throughout the drink. Another option would be to mix the milk with the white chocolate sauce before pouring it over the ice. I recommend using a dink mixer – a device, which is really convenient and efficient for this purpose.

As I mentioned, you can top off your drink with whipped cream, white chocolate drizzle, and shredded white chocolate if you want extra sweetness:

With all being said, the beverage that you’ll get to have at home by following this recipe is going to be even better than Starbucks’. So I definitely recommend trying it out.

Related Recipe: How to make an Iced Honey Vanilla Latte

Yield: 1 serving

Iced White Chocolate Mocha

Iced White Chocolate Mocha

Find out how to make a delicious Iced White Chocolate Mocha at home. This refreshing coffee beverage is a perfect treat for anyone who needs to have something energizing and flavorful. If you like the Iced White Mocha at Starbucks, you will definitely love this drink, so don't hesitate to try it out!

Cook Time 5 minutes
Total Time 5 minutes


  • Espresso shot - single or a double *(see notes)
  • Milk - 6 fl. oz. (180 milliliters)
  • White Chocolate Sauce - 2 tablespoons *
  • Ice Cubes

Toppings (optional)

  • Whipped Cream
  • Shredded White Chocolate
  • White Chocolate Drizzle


  1. Add ice cubes to a glass.
  2. Add the white chocolate sauce, and then the milk. If you want you can mix them in advance and then pour the flavored milk over the ice cubes.
  3. Pour the coffee on top.
  4. Top off your drink with the desired toppings.


*If you don't have an Espresso machine, I recommend using 2 fl. oz. (60 milliliters) of coffee, brewed in a Moka pot. Of course, you can also use coffee from a Nespresso, or a Keurig maker, AeroPress, French press, or, say, cold brew concentrate. Nevertheless, the best alternative to espresso for homemade lattes and mochas is Moka pot coffee.

*I use Monin's White Chocolate Gourmet sauce. You can also use the White Chocolate Sauce by Torani. If you don't have any sauce, you can flavor your mocha with 2 oz. (60 grams) of melted white chocolate. Another option would be to use 2 tablespoons of sweetened condensed milk, as most white chocolate sauces (including the one from Starbucks) contain sweetened condensed milk.

Over to you

I hope you found my recommendations useful.

If you’re a fan of white chocolate, you might be interested in checking out the Woke Lark’s White Chocolate Mocha Frappuccino recipe.

It’s easy to DIY these fancy coffee drinks, so you shouldn’t hesitate to experiment with such beverages in the comfort of your home.

If you have any questions or other ideas that will make this how-to guide even better, drop me a comment below!

Leave a Comment

Skip to Recipe