Black and White Mocha Frappuccino Recipe

These types of drinks are more of a treat or a sweet dessert than a day-to-day morning beverage. Nevertheless, every once in a while knowing how to make them comes in use, which is why I’ll share my take on the Black and White Frappuccino recipe. It’s a Starbucks’ iced and blended mocha that has both white and dark chocolate sauces in it. The Tuxedo and the Zebra Frappuccinos are basically the same as the black and white one. The only difference that will help you tell them apart are their toppings – each one is decorated differently. I topped off my black and white coffee frappe according to my taste and preferences, so feel free to do so too!

Have in mind that the cool and delicious DIY drink is quite calorie dense. A serving of the black and white mocha Frappuccino made with my ingredient recommendations contains 350 kcal if you add no toppings whatsoever. If you add the toppings that you see in the photo above, it’s calorie count will go up to around 440 kcal. Nevertheless, there are ways to lower the number of calories by making some recipe adjustments that I’ll touch on in the ingredients section.

So let’s dive in.


To make a homemade black and white mocha Frappuccino, you need the following ingredients:

  • Ice Cubes.

    If you’re wondering how many – well, fill your serving glass to the top. This way you will get nicely textured Frappuccino slurry after blending.
  • Half-and-half: 3 fl. oz. or 90 ml.

    I recommend using half & half when making Frappuccinos, as it will make them creamy and very satisfying. For extra creaminess, you can have the half-half substituted with heavy cream.

    Nevertheless, have in mind that this makes the drink more calorie dense, which you might want to avoid. Especially if you’re planning on having the black and white frappe more often. If that’s the case, feel free to substitute the half-and-half with whole, non-fat, or plant-based milk such as soy, almond, or coconut milk. By doing so you will significantly lower the calorie count. Your zebra Frappuccino won’t be as creamy, but, still, it will be very tasty.
  • Dark Chocolate Sauce: 1 tablespoon.

    I use Monin’s dark chocolate gourmet sauce when making dark chocolate mochas. I love its richness and ability to make a homemade coffee drink seem like it’s made at a sophisticated cafè. So if you’re often preparing mochas at home, you might be interested in checking out this gourmet chocolate sauce by Monin (visit this link to see it on Amazon). I have a large bottle with a pump and each pump equals one tablespoon (52 kcal).

    However, you can have 2 teaspoons of cocoa powder added to your Frappuccino instead. By doing so your homemade black & white frappe will have less added sugars and still have that dark chocolate flavor. If you do that, you will only count on the sweetness of the next 2 ingredients on the list.
  • White Chocolate Sauce: 1 tablespoon.

    Again, I use white chocolate gourmet sauce by Monin (click the link to check it out on Amazon). It suits my taste really well, which is why I also use quite a bit of it to top off my DIY black and white Frappuccino. There are some people who say that Torani’s white chocolate sauce is better. Nevertheless, I haven’t tried the latter yet so I can’t confirm such claims. I guess it all comes down to personal preference, so I recommend trying either one or the other. Especially if you love the white chocolate flavor as I do.
  • Sweetened Condensed Milk: 1 tablespoon.

    Feel free to skip this component if you want to lower your zebra Frappuccino’s calorie count. I add it because its flavor complements all the other ingredients well.
  • Instant Coffee: 2 teaspoons.

    If you have an espresso machine, you may want to use an espresso shot or a double ristretto shot instead.

    There are pros of using instant coffee. Firstly, it won’t alter the drink’s viscosity by making it more watery. After all, by using espresso you’re going to add a hot shot coming out of your espresso machine to the ice cubes in the blender. So it will melt some of them and make the frappe less viscous.

    It’s also worth mentioning that most Starbucks Frappuccinos are made with Frappuccino roast (often referred to as Frap Roast). In its essence, it’s instant coffee powder dissolved in room temperature water. So each coffee Frappuccino contains a certain number of Frap roast pumps. Therefore, if you’re used to having mocha Frappuccinos at Starbucks, by preparing your homemade drink with instant coffee, you won’t notice a significant difference in its taste compared to the original.
  • Whipped Cream: optional topping.
  • White and dark shredded chocolate: optional topping.

How to make a Black and White Frappuccino: Recipe Directions

To make a Black and White Mocha Frappuccino do the following:

  1. Pour all the ingredients in a blender.
  2. Blend until smooth consistency.
  3. Pour in a glass

You can sprinkle the homemade tuxedo frappe with shredded black and white chocolate and enjoy it as is.

On the other hand, you can add whipped cream and other toppings to the mocha Frappuccino.

As you see I topped off my DIY coffee drink with whipped cream, white chocolate sauce, chocolate syrup, and shredded chocolate (black and white).

If you follow precisely my recipe instructions, your Black and White Frappuccino with toppings will look like this:

Over to you

I hope you liked my copycat mocha Frappuccino recipe.

It is quite easy to follow, once you got all the ingredients at hand.

Drop me a comment below to share your thoughts, recommendations, and let me know whether you’ve tried making a black and white frappe at home.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)

You may also like

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Notify of