White Chocolate Mocha Frappuccino Recipe (Starbucks Copycat)

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!! 

 

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!.

If you’re a fan of Starbucks coffee drinks, add this to your radar. You’ll be hooked after the first time making it! 

This simple drink recipe has so much flavor, it’s sure to be your newest absolute favorite drink. 

When it comes to a coffee beverage full of rich flavors, this is one of my favorite drinks! 

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! Or try this peppermint mocha copycat, the perfect drink at home for the holidays.

For a unique flavor spin, try my Maple Latte Recipe!

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

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

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

Other Delicious Drink Recipes

White Chocolate Mocha Frappuccino Recipe (Starbucks Copycat)

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 2 reviews

Cook ModePrevent your screen from going dark

Tried this recipe?Please comment and review!

Print Recipe Pin Recipe

Prep Time 10 minutes mins

Cook Time 5 minutes mins

Total Time 15 minutes mins

Course Drink

Cuisine American

Method Blender, Stovetop

Servings 2 (Grande size)

Equipment

• double boiler
• blender
• whisk

Ingredients

 

1x2x3x

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

• ▢ whipped cream
• ▢ red sanding sugar crystals

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!

Originally published September 2022, updated and republished December 2024

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.