White Chocolate Mocha Frappuccino: Copycat Recipe

It’s quite convenient knowing how to make your favorite drink at home; it’s also cheaper and often tastes just as good (if not better).

My take on this White Chocolate Mocha Frappuccino recipe is perfect for those of you who love having one at Starbucks. Even if you’re not a fan of this coffee chain, you will love the taste of the homemade coffee frappe that I’m about to teach you how to make.

The cool White Chocolate Frappuccino that you see on the photo above doesn’t only look good. It’s also sweet and creamy, and greatly satisfying. Before we continue with the how-to guide, let’s talk calories.

A serving of the DIY Mocha Frappuccino contains close to 330 kcal.

If you add whipped cream and white chocolate drizzle on top its calorie count will go up to 400 kcal. Nevertheless, you can make recipe adjustments that will lower this number (I will touch on them later).

Now that we’ve cleared this out, let’s dive in!


Check out the following White Chocolate Mocha Frappuccino ingredients that you’re going to need:
White chocolate mocha frap ingredients

  • Ice Cubes. No matter what Frappuccino you make, you’re going to need ice.

    Take your serving glass and fill it to the top with ice cubes. This amount is needed to make sure that you’re going to get the signature slurry texture.
  • Instant coffee – 2 teaspoons.

    Of course, you can use an espresso shot, coffee brewed in a Moka pot, or cold brew concentrate.

    Nevertheless, this type of blended beverage at Starbucks is made with a certain number of Frappuccino Roast pumps. Frap Roast, in its essence, is an instant coffee powder, dissolved in room temperature water. Therefore, if you want to replicate the taste of the original, use instant coffee.
  • Half & half: 3 fl. oz. or 90 ml.

    You may want to replace this ingredient with heavy cream to take your homemade Frappuccino’s creaminess to the next level.

    On the other hand, you can substitute it with whole milk or nonfat milk, to lower the calorie content.

    For example, if you use whole milk, a serving of a White Chocolate Mocha Frappuccino will contain 230 instead of 330 calories (if you have it without toppings). Nevertheless, it will be a bit more watery.
  • Sweetened Condensed Milk – 1 tablespoon.

    I add it for extra sweetness and it complements all the other ingredients excellently.

    With that being said, you can skip it and your drink’s calorie count will go down to around 280 kcal.
  • White Chocolate Mocha Sauce – 2 tablespoons.

    I’ve been using Monin’s white chocolate gourmet sauce for quite a while and I’m happy with its taste (you can click the link to see it listed on Amazon). They use the same sauce in a local cafè for their white mochas.

    A friend of mine who’s a barista told me that Torani’s white sauce is also pretty good and she even likes it better than Monin’s.

    If you don’t want to use a sauce, you can make your Frappuccino with melted white chocolate.

    You’re going to need around 2 oz. or 60 grams.

    Nevertheless, since you’re also adding ice to the blender, the melted chocolate tends to harden because of the lower temperature.

    So its flavor wouldn’t be evenly distributed throughout the blended beverage and you’ll have tiny chocolate pieces in your drink.

    You may be able to avoid that by mixing the half-and-half with the melted chocolate and warming them up together before adding to the blender.
  • Xanthan Gum – 1/4 of a teaspoon (optional).

    Ever wondered why isn’t your homemade Frappuccino drink as thick as the one that you get at Starbucks?

    Well, it’s because of the thickening agent they use – Xanthan Gum. Even if you don’t use it, you’ll love your homemade white chocolate mocha frap.

    Nevertheless, if you insist on having a thicker beverage, adding half a teaspoon of xanthan gum to your drink may be a good idea.

    If you’re interested in this recipe component, you can check out the price of this Xanthan gum by USA Flava on Amazon by clicking here. This product works great in smoothies and homemade Frappuccinos. Even an eighth of a teaspoon will make a difference in your drink’s thickness.
  • Toppings: Whipped cream and shredded white chocolate (optional). You might as well add white chocolate drizzle on top of the whipped cream for a bit of extra flavor.

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

How to Make a White Chocolate Mocha Frappuccino – Instructions

To make a White Chocolate Mocha Frappuccino, do the following:

  1. Pour all of the ingredients in a blender.Making white chocolate mocha frappuccino step 1
  2. Blend until smooth.
    Making white chocolate mocha frappuccino step 2
  3. Pour the drink in a glass and enjoy!Making white chocolate mocha frappuccino step 3

On the following photo you can see the homemade White Chocolate Mocha Frappuccino served in a glass and sprinkled with shredded white chocolate:
Homemade white chocolate mocha frap with white chocolate sprinkle

As I mentioned it can also be topped off with whipped cream, white chocolate drizzle, and shredded white chocolate, as seen on the following photo:
Adding toppings to white mocha frappe
For the making of this white chocolate coffee frappe, you need to have a blender.

I use a NutriBullet and I’m quite happy with its performance.

It’s perfect for such iced blended beverages, as it’s capable of producing a smooth slurry (unlike other blenders that I’ve tried). You can check out its price on Amazon by clicking here.

With that being said, the Frappuccino that you get to have by following this recipe is extremely tasty and satisfying.
A glass with DIY white chocolate mocha frappuccino

Yield: 1

White Chocolate Mocha Frappuccino: Copycat Starbucks

White Chocolate Mocha Frappuccino: Copycat Starbucks

A Copycat Starbucks White Chocolate Mocha Frappuccino, that you may even find tastier than the original. It's quite easy to follow this recipe. By doing so, you'll get to have a delicious frozen coffee drink. So why not occasionally treating yourself with a White Chocolate Mocha Frap in the comfort of your place?

Prep Time 2 minutes
Cook Time 2 minutes
Total Time 4 minutes


  • Instant Coffee Powder - 2 teaspoons *
  • Ice Cubes - a full glass *
  • Half-and-half - 3 fl. oz. (90 milliliters)
  • White Chocolate Mocha Sauce * - 2 tablespoons
  • Swetened Condensed Milk * - 1 tablespoon
  • Xanthan Gum - 1/4 teaspoon (optional, serves as a thickening agent)
  • Whipped cream as a topping
  • Shredded white chocolate (optional, as a topping)


  1. Pour all of the ingredients (except for the toppings) into a blender.
  2. Blend until smooth.
  3. Pour the drink into a glass.
  4. Add whipped cream and other toppings of choice (white chocolate sauce and/or shredded white chocolate).


* Feel free to use a double espresso shot instead of instant coffee. Nevertheless, the hot espresso (or other brewed coffee) will melt the ice and will make your drink more liquidy. Using 2 fl. oz. of cold brew concentrate is also an option.

*Make sure you add enough ice. You can do that by using your serving glass, fill it up to the top with ice cubes, and then add them to the blender.

* I always use the white chocolate gourmet sauce by Monin. You can also use it as a topping. As an alternative to this sauce, you can use 2 oz. or 60 grams of melted white chocolate. However, once added to the blender, melted white chocolate tends to harden into small lumps, because of the ice, which is why I prefer the sauce.

*You can skip the sweetened condensed milk. I always add it whenever I make the white chocolate mocha frappe, as it adds extra sweetness, and its flavor compliments all the other flavors nicely. Furthermore, in case you don't have white chocolate sauce, you can make a copycat White Chocolate Mocha Frappuccino with 2 to 3 tablespoons of sweetened condensed milk.

Over to you

I hope you liked my how-to guide on making a White Chocolate Mocha Frappuccino.

I made sure to include the most important recipe recommendations that will help you understand the basics.

Making such blended frappes is, in fact, quite easy, so I dare you to try preparing one at home. You may think it contains too many calories, but we don’t treat ourselves with such beverages on a daily basis. So we might as well enjoy them to the fullest.

Drop me a comment below if you have any questions, or you have something to share.

Leave a Comment

Skip to Recipe