food.fast Takeaway taste, kitchen prices
What are you spending?

  1. Home
  2. Copycat recipes
  3. Drinks
  4. Starbucks Java Chip Frappuccino Copycat Recipe

How to Make Starbucks Java Chip Frappuccino at Home

Blended Coffee That Does Not Separate Into Coffee and Ice

A blended drink that stays blended for more than ninety seconds.

Start cooking — the method What you need 5 min hands-on, then 4 hr waiting · serves 2
A tall glass of thick blended coffee drink flecked with chocolate pieces, topped with whipped cream and a chocolate drizzle

AI-generated illustration created for food.fast. It is not photographic evidence of a prepared batch.

Prep
5 min
No cooking
None
Rest / chill
4 hr
Makes
2large drinks
Difficulty
Easy
Per serving
396 kcal

Everybody who makes a blended coffee at home hits the same problem: it is excellent for about ninety seconds and then separates into a layer of pale foam on top of a pool of coffee-coloured water.

Coffee shops solve this with a base syrup containing a stabiliser - usually xanthan gum, sometimes guar. Its job is not flavour. It thickens the liquid phase enough that the melting ice cannot separate out, which keeps the drink homogeneous for the twenty minutes somebody takes to drink it.

A quarter teaspoon of xanthan gum costs almost nothing and is sold in any supermarket free-from aisle. It is the difference between a home Frappuccino and a disappointment, and almost no copycat recipe mentions it.

How this page shows its working

The method gives quantities, timings and observable cues rather than asking you to guess. The 5 cases in If it goes wrong explain likely causes and corrective action; 1 ingredient note explains choices that materially affect the result.

See the recipe verification standard · See how the cost is calculated

Xanthan gum, and how much is too much

Xanthan gum is a polysaccharide produced by bacterial fermentation, used across the food industry as a thickener and stabiliser. In a blended drink it does two things: it thickens the water phase so melted ice cannot pool out, and it holds solids - cocoa particles, chocolate pieces - in suspension instead of letting them sink.

A quarter teaspoon for two drinks is the quantity. That is a very small amount and it is deliberately so.

Too much is unmistakable and unrecoverable. Past about half a teaspoon at this volume the drink turns slimy and slightly slippery, in a way that is genuinely unpleasant and cannot be diluted out easily. If you are unsure, use less - an under-stabilised drink separates in three minutes instead of twenty, which is a much smaller problem.

Add it with the dry ingredients, never straight into liquid. Xanthan hydrates instantly on contact with water and forms gel lumps that a blender will not break up. Whisk it into the cocoa or sugar first, or sprinkle it in while the blender is running.

If you would rather not use it: half a small banana blended in gives some body and tastes of banana, and a tablespoon of instant pudding powder works and is a stranger ingredient. Or accept ninety seconds and drink it fast.

Coffee ice cubes, which fix the other half of the problem

Blending hot or even cold coffee with water ice means the drink gets weaker as it melts - the same arithmetic as any iced coffee, except worse, because a blended drink is mostly ice by volume.

Freeze strong coffee in an ice cube tray instead. The drink then has no dilution problem at all, and it is the single biggest improvement available.

Make them from double-strength brewed coffee or cooled espresso. They never freeze as hard as water ice because of the dissolved solids, so give them at least four hours, and use a silicone tray because they stain plastic.

A standard tray gives about 14 cubes and two drinks need about 8, so one tray is a batch and a half. Worth making whenever you have coffee left over.

Chopped chocolate rather than chips

Chocolate chips contain stabilisers that help them hold their shape, which in a blended drink means they stay as hard pellets that clog a straw. Roughly chopped dark chocolate breaks into a mixture of fine shards and small pieces, which is the texture the drink actually has. A bar of 70% is right - milk chocolate disappears against the mocha sauce.

How to make it, step by step

Make it

  1. Whisk the xanthan into the mocha sauce

    Never straight into the milk - it hydrates instantly and forms lumps a blender cannot break.

    About 1 min
  2. Everything except the chocolate into the blender

    Coffee cubes, milk, mocha sauce with the xanthan, vanilla syrup and salt. Blend for thirty to forty seconds until completely smooth with no visible ice shards.

    About 1 min
  3. Chocolate in, three short pulses

    Pulses, not blending. You want pieces, not chocolate milk.

    About 1 min
  4. Pour, cream, drizzle

    Into frozen glasses if you have them. Whipped cream and a drizzle of mocha sauce over the top.

    About 2 min

The rest of the range, from the same method

Every blended drink on a coffee shop menu is this base with something swapped.

  • Mocha Frappuccino - as written, without the chocolate pieces.
  • Caramel Frappuccino - caramel drizzle in place of the mocha sauce, and a drizzle on top.
  • Vanilla bean (no coffee) - milk ice cubes instead of coffee, no mocha, and raise the vanilla syrup to 4 tbsp with the seeds of half a pod.
  • Coffee Frappuccino - no mocha sauce, 3 tbsp vanilla syrup.
  • Matcha - milk ice, 2 tsp matcha whisked into a little hot water first, 3 tbsp vanilla syrup.

The xanthan and the frozen-rather-than-water ice apply to all of them. Those two decisions are the recipe; everything else is flavour.

Ways to change it once you have made it once

Without xanthan

Half a small banana blended in gives some body. It tastes of banana, which is a real trade.

Dairy free

Barista oat milk and oat ice cubes. Oat milk blends particularly well because of its own starch content.

Less sweet

Drop the vanilla syrup entirely. The mocha sauce carries enough sugar on its own and the drink is better for it.

What went wrong, and how to fix it

Each entry names a likely cause as well as a correction, so the advice remains useful when equipment, ingredients or batch size differ.

It separated after two minutes
Why it happened
No stabiliser.
What to do
A quarter teaspoon of xanthan gum, whisked into the sauce first.
It is slimy
Why it happened
Too much xanthan.
What to do
A quarter teaspoon for two drinks is the ceiling. Blend in more milk and accept a thinner drink.
Watery and weak
Why it happened
Water ice rather than coffee ice.
What to do
Freeze double-strength coffee in a tray. This is the biggest single improvement.
Lumps of gel
Why it happened
Xanthan added straight to liquid.
What to do
Whisk it into a dry or thick ingredient first.
The chocolate clogged the straw
Why it happened
Chocolate chips rather than chopped chocolate.
What to do
Chop a bar. Chips hold their shape by design.

Questions people actually ask about this recipe

Why does my blended coffee separate?
There is no stabiliser in it. A quarter teaspoon of xanthan gum thickens the liquid phase so the melting ice cannot pool out.
How much xanthan gum should I use?
A quarter teaspoon for two drinks. Too much makes it slimy and that cannot be undone.
Why coffee ice cubes rather than regular ice?
A blended drink is mostly ice by volume. Water ice dilutes it to nothing; coffee ice does not.
Chocolate chips or chopped chocolate?
Chopped. Chips contain stabilisers that keep them as hard pellets and they clog a straw.

Make these next

The recipes that go with this one, or that use what you have just made.

All recipes →
Starbucks

Starbucks Mocha Sauce Copycat Recipe

Cocoa, sugar and condensed milk cooked into something that clings. Eight minutes, and the reason home mochas taste thin.

11 min + wait Very easy Serves 16