White Chocolate Mocha Frappuccino (Starbucks)

This post may contain affiliate links. Please read my disclosure policy.

White Chocolate Mocha Frappuccino goes above and beyond your usual frappe. With white chocolate syrup, dulce de leche, and espresso, it’s an ultra rich and creamy, blended coffee house drink that’s fabulous any time of the year!! 

starbucks frappuccino recipe.

There’s nothing like that white chocolate frappuccino from Starbucks™! It’s sweet, smooth, and so refreshing. It’s like a dessert in a cup!.

ingredients for white chocolate mocha frappuccino.

White Chocolate Mocha Frappuccino

Treat yourself without the drive thru journey by making a Starbucks white chocolate mocha right at home!

Believe it or not, you can get that icy yet creamy texture and toasted white chocolate flavor with a few simple ingredients.


For our Starbucks copycat frappuccino, I’ve curated a scrumptious homemade white chocolate syrup of cream, white chocolate chips, and dulce de leche.

It’s so, so delicious—don’t hesitate to add a couple of extra spoonfuls to your drink!

Ingredient Notes and Substitutions

  • White Chocolate Chips – Big chips, little chips, candy bar chunks – any of them will do! It’s all the same when it’s melted down for the syrup. 
  • Heavy Cream – This actually goes into our syrup, not in the frappe on its own!

    Your best substitute is coconut milk – this is a really common Starbucks ingredient, so it won’t be out of place in your white mocha frappuccino! 
  • Dulce de Leche – This gives the drink a delicious toasted flavor. You should be able to find it ready-to-use in the Mexican foods section of your grocery store.
  • Espresso – Without a grinder and a French press or espresso machine, it can be hard to make this at home. You can get espresso premade from the grocery store.

    Make sure it’s cool before adding it to the blender!
  • Whole Milk – You can use an alternative such as oat or almond milk. Or you can sub in half and half or heavy cream for a thick, creamy frappe! 

Starbucks Frappuccino Recipe Tips

  • Got a Sweet Tooth? Add just a pump of vanilla coffee syrup for a sweeter drink.

    Alternatively, you can replace the milk in the frappe with a coffee creamer of your choice – I recommend white chocolate or French vanilla flavor.
  • Like a Creamier Frappe? Rather than using ice, partially freeze whole milk or heavy cream.

    You’ll avoid ice crystals and prevent the drink from becoming watery as it sits at room temp. 
  • Prefer a hot latte? Make this Starbucks frappuccino recipe into a warm coffee drink by steaming the milk and leaving out the ice! Just pour ¼ cup of the syrup into your cup, add the espresso, and pour the steamed milk overtop.

    Don’t forget the whipped cream and sanding sugar topping!
  • Short on Time? This copycat Starbucks frappuccino recipe involves making a white chocolate syrup If you want to cut down on the prep time, you can substitute a store bought syrup.

Serving a White Mocha Frappuccino

I don’t recommend freezing the drink for later. Even if you blend it back up, the texture changes and flavors become dull.

If you’re not serving right away, it’s okay to put it in the freezer for 15 to 30 minutes. 

If you have an hour or so between prep and serve, then wait to add the whipped cream and red sugar garnish until just before serving.

Otherwise, the whipped cream will fall flat – quite literally – and ruin your presentation.

White Chocolate Mocha Frappuccino FAQ

What is in a Starbucks white chocolate mocha frappuccino?

The original Starbucks frappuccino recipe is made with a specialty Starbucks white chocolate frappuccino roast coffee, milk, and ice.

To get the same flavor without their specialty brew, I’ve made this copycat recipe with white chocolate syrup containing white chocolate, dulce de leche, and cream. The two drinks taste extremely similar – and you don’t need a specific coffee blend to make it!

Does the white chocolate mocha frappuccino have coffee?

It does – the original contains a specialty roast coffee, while our homemade version contains two shots of espresso.

How much caffeine is in a white mocha frappuccino?

We’re looking at around 130 mg of caffeine between the two espresso shots in this homemade white chocolate mocha frappuccino. So it’s pretty caffeinated! 

starbucks frappuccino recipe in glass.

Enjoy!
With love, from our simple kitchen to yours. 

Don’t miss a thing! Follow us on
Facebook | Twitter Pinterest | Instagram 


white mocha frappuccino with sprinkles.

starbucks frappuccino recipe closeup

White Chocolate Mocha Frappuccino

Donna Elick
White Chocolate Mocha Frappuccino is a creamy cold blended coffee drink. My copycat Starbucks frappuccino recipe takes 15 minutes to make!
5 stars from 1 review
Tried this recipe?Please comment and review!
Prep Time 10 mins
Cook Time 5 mins
Total Time 15 mins
Course Drink
Cuisine American
Method Blender, Stovetop
Servings 2 (Grande size)

Ingredients
 

For Toasted White Chocolate Syrup

  • 1/2 cup white chocolate chips
  • 1/2 cup heavy whipping cream
  • 1/3 cup dulce de leche

Frappuccino

  • 1/2 cup toasted white chocolate syrup, See Notes
  • 1 cup whole milk
  • 2 shots espresso, cooled
  • 3 cups ice

Garnish

Instructions
 

  • To the top bowl of a double boiler simmering over low heat, add the white chocolate chips and heavy cream. As the chocolate begins to melt, whisk the mixture until smooth.
  • Add the dulce de leche to the chocolate mixture and continue heating and stirring until combined and smooth. Set aside to cool.
  • In a high powered blender, combine ½ cup white chocolate syrup, whole milk, espresso, and ice. Blend until the mixture is fully combined and thick, but smooth.
  • Divide frappuccino between two large glasses. Garnish with whipped cream and a sprinkle of red sugar crystals. Serve immediately.

Donna’s Notes

This recipe yields about 1 cup toasted white chocolate syrup. Using ½ cup in the frappuccino adds sweetness and a subtle flavor. For a stronger white chocolate flavor, use up to ¾ cup syrup.
You can also add a pump of vanilla syrup for more sweetness.
Substitute a store bought white chocolate syrup if you don’t want to make your own. The dulce de leche lends the toasted flavor. You can add a spoonful of dulce de leche directly to the blender if you use store bought white chocolate syrup.
To prevent the ice from melting, be sure the espresso and the white chocolate syrup are cool before adding to the blender.
To make a hot drink: Add ¼ cup toasted white chocolate syrup to the bottom of each glass. Add espresso. Steam milk and pour over the top. Top with whipped cream and sanding sugar.

Nutrition

Serving: 1 | Calories: 518cal | Carbohydrates: 34g | Protein: 8g | Fat: 40g | Saturated Fat: 25g | Cholesterol: 91mg | Sodium: 121mg | Sugar: 34g | Fiber: 0.1g | Calcium: 290mg | Iron: 0.2mg

All nutritional information is based on third party calculations and is only an estimate. Each recipe’s nutritional value will vary depending on the ingredients used, measuring methods, and portion sizes.

Tried this recipe?Let us know how it was!
white chocolate mocha frappuccino recipe.

Originally published September 2022

Disclosure: Posts may contain affiliate links. If you purchase a product through an affiliate link your price will remain the same and The Slow Roasted Italian will automatically receive a small commission. Thank you for supporting us, it helps us keep creating new recipes.

The Simple Kitchen cookbook affiliate linked banner

One Comment

  1. 5 stars
    Would much rather make these at home. They are way better and you can make them for your whole family and not pay $55 at starbucks. Definitely saved money making these !

Leave a Reply

Your email address will not be published.

Recipe Rating