This post may contain affiliate links.
White Chocolate Mocha Frappuccino is the sweet, creamy, blended iced coffee that tastes just like the Starbucks drive thru, for a fraction of the price. I whipped one up on a *sweltering August afternoon* instead of paying six dollars at the cafe, and it scratched the exact same itch as our batch mojitos on a hot day.
Melt white chocolate into hot espresso, blend with ice and cream, and top with whipped cream for a copycat frappuccino in 10 minutes.
White Chocolate Mocha Frappuccino Quick Look
- 🕐 Prep Time: 10 minutes
- 🍴 Cook Time: 0 minutes
- ⏳ Total Time: 10 minutes
- 🍽 Serving: 2 servings
- ⚡ Calories: 368kcal
- 🌶 Flavor Profile: Sweet creamy white chocolate with bold espresso, blended icy and cold
- ✋ Difficulty: Easy, on par with our cherry limeade
Quick Answer
Stir white chocolate chips into hot espresso until fully melted and smooth, then pour the mixture into a blender with ice and half and half. Blend until thick and icy, pour into two tall glasses, and top with whipped cream. The whole thing comes together in about 10 minutes for a creamy copycat Starbucks frappuccino at home.
Jump to:
- White Chocolate Mocha Frappuccino Quick Look
- Quick Answer
- Why This Recipe Works
- Why You’ll Love This Recipe
- Key Ingredients
- Variations and Substitutions
- How to Make White Chocolate Mocha Frappuccino
- Recipe Tips & Tricks
- Serving Ideas and Suggestions
- White Chocolate Mocha Frappuccino FAQs
- Other Recommended Copycat Drinks and Treats
- White Chocolate Mocha Frappuccino
Why This Recipe Works
Click to see the technique science
- Melting white chocolate into hot espresso is the secret. Stirring real white chocolate chips into the hot coffee creates a smooth white mocha sauce, which tastes richer and creamier than a pump of bottled syrup.
- Hot espresso melts the chocolate evenly. The heat of fresh espresso dissolves the chocolate completely with no grainy bits, so the base blends silky smooth.
- Half and half makes it creamy, not watery. Using half and half instead of just milk gives the frappuccino that thick, rich, cafe style body once it is blended with ice.
- Blending with plenty of ice gives the frozen texture. Pulsing the mixture with two cups of ice creates that signature thick, slushy frappuccino consistency you sip through a straw.
- You control the sweetness and strength. Making it at home lets you adjust the espresso and chocolate to taste, so it is never too sweet or too weak like a guessing game at the counter.
- Whipped cream on top finishes the copycat. A swirl of whipped cream is the final touch that makes it look and taste exactly like the drive thru version.
Why You’ll Love This Recipe
- Cheaper than the coffee shop. Skip the six dollar drive thru run and make two creamy frappuccinos at home for pennies with pantry ingredients.
- Ready in 10 minutes. Melt, blend, and pour. It is faster than waiting in the cafe line. The same easy treat energy as our homemade whipped cream.
- Customizable to your taste. Make it stronger, sweeter, dairy free, or boozy. Once you have the base down, the variations are endless.
Key Ingredients
- White chocolate chips: Real white chocolate chips melt into a creamy white mocha sauce. Use a good quality chip with cocoa butter for the smoothest melt and best flavor.
- Hot espresso: Freshly pulled hot espresso melts the chocolate and brings the bold coffee flavor. Strong brewed coffee or instant espresso works in a pinch.
- Half and half: The creamy base that gives the frappuccino its rich, thick body. Whole milk works for a lighter version, or use a dairy free creamer.
- Ice: Plenty of ice is what makes it a frappuccino. Two full cups blend into that thick, frozen, slushy texture.
- Whipped cream: The classic swirl on top. Use store bought or our stabilized whipped cream for a homemade finish that holds.
See recipe card for exact quantities.
Variations and Substitutions
- No espresso? Use strong brewed coffee, instant espresso dissolved in hot water, or cold brew concentrate for the coffee base.
- No white chocolate chips? Use white chocolate baking bar chopped fine, or 2 to 3 tablespoons of white chocolate sauce or syrup.
- Make it dairy free. Swap the half and half for oat, almond, or coconut creamer and use dairy free white chocolate and coconut whipped topping.
- Add a flavor twist. A splash of vanilla, caramel, or peppermint extract turns it into a fun seasonal frappuccino.
- Make it a mocha. Add a tablespoon of cocoa powder or chocolate chips for a half white, half dark mocha frappuccino, just like our chocolate espresso cake flavor combo.
How to Make White Chocolate Mocha Frappuccino
- Add the white chocolate chips to a glass and pour the hot espresso over the top.
- Stir until all the white chocolate chips are completely melted and the mixture is smooth.
- Pour the mixture into a blender and add the ice and half and half.
- Pulse until everything is icy and combined, then pour into 2 tall glasses and top with whipped cream.
Recipe Tips & Tricks
- Melt the chocolate fully first. Make sure every chip is melted into the hot espresso before blending so you do not get gritty chocolate bits in the drink.
- Use hot, fresh espresso. The hotter the coffee, the smoother the white chocolate melts. Cold coffee leaves the chocolate clumpy.
- Add the ice last. Pour the melted base into the blender first, then the ice, so the warm mixture does not melt the ice before blending.
- Blend until thick. Pulse just until the ice is broken down and the drink is thick and slushy. Over blending makes it watery.
- Adjust the consistency. Too thick? Add a splash more half and half. Too thin? Add a few more ice cubes and pulse again.
- Chill your glasses. A cold glass keeps the frappuccino frozen longer, the same trick we love for our batch mojitos.
- Serve immediately. A frappuccino is best the moment it is blended, before the ice starts to melt and separate.
Serving Ideas and Suggestions
A white chocolate mocha frappuccino is a treat all on its own, but it shines as part of a cozy coffee bar spread. Serve it alongside our copycat pumpkin cream cheese muffins for the full at home Starbucks morning.
For a weekend brunch or a hot afternoon pick me up, pair it with a slice of chocolate espresso cake or a handful of candied grapes. The creamy coffee and sweet treats are a match made in dessert heaven.
Want to make it a grown up drink? Add a shot of Baileys or vanilla vodka to the blender for a boozy frappuccino nightcap. Set up a blender bar at your next get together and let everyone build their own.
White Chocolate Mocha Frappuccino FAQs
A white chocolate mocha frappuccino is made with melted white chocolate, espresso, half and half or milk, and ice, all blended together and topped with whipped cream. This copycat melts real white chocolate chips into hot espresso for a rich, creamy white mocha base.
Yes, you can make a white chocolate mocha frappuccino without espresso. Use strong brewed coffee, instant espresso powder dissolved in hot water, or cold brew concentrate to get that bold coffee flavor in the base.
For the best white chocolate mocha frappuccino, melt real white chocolate chips into the hot espresso first instead of using syrup. The melted chocolate gives a richer, creamier flavor that tastes more like a homemade white mocha.
Make it dairy free by swapping the half and half for oat, almond, or coconut creamer, using dairy free white chocolate chips, and topping with coconut whipped topping. The method stays exactly the same.
A homemade white chocolate mocha frappuccino is best enjoyed fresh the moment it is blended, since the ice melts and separates as it sits. If you must store it, keep it in the freezer for up to an hour and re blend before serving.
Yes, you can make it less sweet by reducing the white chocolate chips and using unsweetened half and half or milk. Making it at home means you control exactly how sweet and how strong your frappuccino turns out.
Other Recommended Copycat Drinks and Treats
If this White Chocolate Mocha Frappuccino saved you a coffee run, drop a star rating and tell us how you customized yours. Snap a picture of that whipped cream swirl for Pinterest so everyone can skip the line too.
Craving more copycat cafe treats, our copycat Starbucks pumpkin cream cheese muffins bring that same coffee shop magic home with a tender spiced muffin and a sweet cream cheese center, the perfect pairing for your homemade frappuccino.
The perfect partner for this drink is a slice of our sour cream coffee cake with its cinnamon swirl.
When the craving turns boozy, shake up a cinnamon roll cocktail with RumChata and Fireball.
For a berry twist on coffee-shop drinks, our blueberry syrup recipe stirs into lattes, sodas, and lemonades.
Craving a coffee shop treat? Make this easy iced caramel latte at home.
For a sweet blended treat, make our copycat frosted lemonade.
Skip the coffee shop line and make this 5 minute Strawberry Acai Refresher at home.
Add this gorgeous pink lemonade to your warm-weather drink lineup.
Craving more coffee drinks? Make a batch of our homemade Kahlua coffee liqueur for your next happy hour.
Love a chocolatey coffee? Our Iced Mocha comes together in about 7 minutes.
Need a quick drink for guests? Our Vodka Cranberry is a no fuss classic.
White Chocolate Mocha Frappuccino
Ingredients
- ½ cup white chocolate chips
- 6 ounces hot espresso
- 2 cups ice
- ¾ cup half and half
- Whipped cream
Instructions
- In a glass, add the white chocolate chips with the hot coffee.½ cup white chocolate chips, 6 ounces hot espresso
- Stir to combine until all the chocolate chips are melted. You can also do this in a small saucepan over low heat on the stove, stirring until melted.
- Transfer the mixture to the body of a blender.
- Add the ice and half and half, and pulse until everything is icy and combined.2 cups ice, ¾ cup half and half
- Pour the creamy white chocolate mocha into 2 tall glasses and top with whipped cream if using.Whipped cream
Notes
- Easily double this recipe to make more, keep in refrigerator if you are serving in a short period of time.
- You can use milk chocolate chips in place of white if you prefer or do not have white chocolate chips on hand.
- Make sure you are using a high powered blender so the ice gets broken up.
- Strong coffee can replace the espresso in this recipe.
- Use any whipped cream you like, homemade or store bought.
- You can top this with chocolate shavings, chocolate chips, syrup and more.
Nutrition
Love This Recipe?
Follow @ThisSillyGirlsKitchen on Instagram and @danadevolk on Pinterest for more!
I added another cup or so of ice once I saw how thin it came out and it is still extremely thin and did not thicken up. Any suggestions?