✔ Updated · copycat recipe with the trick for a thick, smooth blend
This copycat Starbucks mocha Frappuccino is cold coffee, milk, chocolate sauce and ice blended thick and smooth, then crowned with whipped cream. It takes 5 minutes and tastes like the drink I order at the Starbucks near us on hot afternoons.
At a glance
The one tip that matters: The coffeehouse texture comes from a pinch of xanthan gum. It keeps the ice and liquid from separating, so the drink stays thick to the last sip.
Why You'll Love This Mocha Frappuccino
- Five minutes, from fridge to straw.
- Thick, not watery, thanks to strong coffee and one small pantry trick.
- Easy to tweak, with decaf, oat milk or a lighter hand on the sugar.
What You Need
- Strong coffee or espresso: chilled completely. Coffee ice cubes are even better.
- Milk: whole milk is closest to the coffeehouse drink; any milk works.
- Chocolate sauce: a thick mocha or fudge-style sauce gives the deepest flavor.
- Xanthan gum: optional, but it's my trick for a smooth, thick blend.
- Ice, whipped cream and a blender: a high-speed blender makes it silky.
Step-by-Step Photos
Here's how it comes together. Exact amounts, times and temperatures are in the recipe card below.
Tips for Success
- Brew it stronger than you drink it. Ice dilutes everything, so I use about double the usual coffee grounds. Weak coffee gives you a chocolate milkshake with a rumor of coffee.
- Coffee ice cubes are the pro move. Freeze leftover coffee in a tray and use a few cubes in place of some of the ice. More flavor, less water.
- Don't over-blend. The blender warms the drink as it runs. Stop the moment the ice is smooth.
- Xanthan gum is worth it. A tiny 1/8 teaspoon makes it thick and creamy like the coffeehouse version. Too much and it turns slimy, so measure it.
- Make it lighter. Use 2% milk, sugar-free chocolate syrup and skip the whipped cream. It's still very good.
- Caffeine note. This has about as much caffeine as a strong cup of coffee. Use decaf for an evening treat.
Copycat Starbucks Mocha Frappuccino
1
drink (16 oz)5
minutes0
minutes340
kcal5
minutesA copycat mocha Frappuccino inspired by Starbucks: chilled strong coffee, milk, chocolate sauce, a little sugar and ice blended thick and smooth, with a pinch of xanthan gum for that coffeehouse texture. Topped with whipped cream and a chocolate drizzle. Makes one 16 oz drink.
Ingredients
1/2 cup strong brewed coffee, chilled (or 2 shots espresso plus 1/4 cup cold water)
1/2 cup whole milk
3 tablespoons chocolate sauce, plus extra to drizzle
1 tablespoon granulated sugar or simple syrup
1/8 teaspoon xanthan gum (optional, for a smooth, thick blend)
1 1/2 cups ice cubes
whipped cream, to top
Directions
- Brew the coffee extra strong and chill it completely. Freezing it in an ice cube tray the night before is even better.
- Add the cold coffee, milk, chocolate sauce, sugar and xanthan gum to a blender, then add the ice on top.
- Blend on high for 30 to 45 seconds, just until smooth and thick. Stop as soon as the ice is gone, so the drink doesn’t thin out.
- Drizzle chocolate sauce inside a tall glass, pour in the Frappuccino, top with whipped cream and another drizzle of chocolate. Serve right away with a wide straw.
Notes
- Using a high speed blender is required to make this drink turn out exactly like the store bought version.
- Use store bought whipped cream if you want to save time making this recipe.
Like this recipe?
Follow us @recipefairy on Pinterest
Flavor Twists
- Java chip style: add 2 tablespoons chocolate chips before blending.
- White chocolate mocha: swap in white chocolate sauce.
- Mint mocha: add 1/4 teaspoon peppermint extract.
- Caramel mocha: drizzle the glass with caramel sauce instead of chocolate.
- Protein mocha: blend in a scoop of chocolate protein powder and an extra splash of milk.
More Copycat Coffee Drinks
Try my copycat Starbucks caramel Frappuccino or the vanilla bean Frappuccino for a caffeine-free treat. For something McDonald's-inspired, there's the McDonald's-style mocha frappe, and you'll find dozens more in my Starbucks copycat recipes.
Frequently Asked Questions
What is in a Starbucks mocha Frappuccino?
It's a blended drink of coffee, milk, ice, a sweet Frappuccino syrup base and mocha sauce, topped with whipped cream. This copycat uses strong brewed coffee, milk, chocolate sauce, a little sugar and a pinch of xanthan gum to get a very similar taste and texture.
How do you make a mocha Frappuccino at home without espresso?
Use 1/2 cup very strong brewed coffee, chilled, or dissolve 2 teaspoons instant coffee in 2 tablespoons hot water and top it up with cold water. Cold brew concentrate works too. The key is that the coffee is strong and completely cold.
Why is my homemade Frappuccino watery?
Usually the coffee was warm, there wasn't enough ice, or it blended too long. Chill the coffee fully, use 1 1/2 cups ice, blend just 30 to 45 seconds, and add a pinch of xanthan gum to hold it together.
Can I make it dairy-free?
Yes. Oat milk gives the creamiest result, and almond or soy milk work well too. Use a dairy-free chocolate sauce and a coconut or oat whipped topping, or skip the whipped cream.
Does a mocha Frappuccino have caffeine?
Yes. This homemade version has roughly the caffeine of a strong cup of coffee, depending on your coffee. Use decaf coffee for a caffeine-free mocha frap, which is how I make it in the evening.
