Starbucks Mocha Frappuccino Recipe UK — £1.50 at Home
Smooth, blended chocolate-and-coffee Frappuccino. Made at home in 5 minutes with 5 simple UK ingredients. Saves £3+ per drink.
A homemade Starbucks Mocha Frappuccino costs about £1.50 per drink — compared to £4.95 for a Grande at UK Starbucks. Unlike the Java Chip, this one is smooth (no chocolate chips). You need 5 ingredients: coffee, milk, ice, chocolate sauce, and sugar. Takes 5 minutes.
What Is the Starbucks Mocha Frappuccino?
The Mocha Frappuccino is a smooth-blended chocolate coffee drink. It is espresso (or strong coffee), milk, ice, chocolate sauce, and Starbucks Frappuccino base — all blended together until thick and creamy. Topped with whipped cream and chocolate drizzle. No chips, no crunch — just smooth chocolate-coffee flavour. One of the original Frappuccinos from 1995.
undefined
Starbucks Mocha Frappuccino UK Prices (2026)
| Size | Volume | Price | Calories |
|---|---|---|---|
| Tall | 354ml / 12oz | £4.35 | 270 kcal |
| Grande | 473ml / 16oz | £4.95 | 370 kcal |
| Venti | 710ml / 24oz | £5.45 | 510 kcal |
| Homemade | ~473ml | £1.50 | ~310 kcal |
Homemade saves £3.45 per drink. At 2 drinks a week for a year that is £360 saved. Full UK menu price list for comparison.
Ingredients You Need
Mocha Frappuccino — Full Ingredient List
100ml — 2 shots of espresso, cold brew concentrate, or strong filter coffee. Must be cold before blending
180ml — whole milk gives the creamiest Frappuccino texture. Oat or semi-skimmed work for lower-calorie versions
2 cups (about 250g) of ice cubes. Crushed ice works but melts faster
3 tablespoons — Monin, Torani, Hershey, or Tesco Finest chocolate sauce. Not cocoa powder (too bitter)
2 tablespoons (optional) — most chocolate sauces are already sweet enough but Starbucks version has more. Add if you want the full Starbucks sweetness
Squirty cream topping. Adds 50 kcal but makes the drink visually right
Step-by-Step Recipe
Nutrition — Homemade vs Starbucks
| Nutrient | Starbucks Grande | Homemade |
|---|---|---|
| Calories | 370 kcal | ~310 kcal |
| Sugar | 50g | ~38g |
| Fat | 14g | ~10g |
| Caffeine | 100mg | ~100mg |
| Protein | 7g | ~6g |
The homemade version is about 15% lower in calories because you control the chocolate sauce amount. Starbucks uses 4 pumps of mocha sauce (~4 tbsp) — 3 tbsp at home gives the same flavour with less sugar. See the full Starbucks UK calorie chart.
5 Ways to Customise Your Mocha Frappuccino
1. White Chocolate Mocha Frappuccino. Swap regular chocolate sauce for white chocolate sauce. Sweeter, creamier, less intense. One of the top 5 Starbucks UK drinks.
2. Salted Mocha. Add a pinch of sea salt and rim the glass with flaked sea salt. Brings out the chocolate flavour. Popular in Scottish Starbucks stores.
3. Vegan Mocha Frappuccino. Use oat milk, a vegan chocolate sauce (Naked Bakery or Cheeky Panda brands), and skip whipped cream. See the Starbucks UK vegan guide for more plant-based drinks.
4. Extra shot Mocha. Use 3 espresso shots instead of 2. Caffeine jumps from 100mg to 150mg. Better afternoon pick-me-up.
5. Decaf Mocha Frappuccino. Use decaf espresso. Same taste, no caffeine. Good for evening orders. Starbucks UK stores all offer decaf at no extra cost.
Where to Buy the Ingredients in the UK
| Ingredient | Where | Price | Makes |
|---|---|---|---|
| Chocolate sauce (500g) | Amazon UK, Tesco | £4.50 | ~15 drinks |
| Nespresso capsules | Tesco, supermarket | £3.50 | 5 drinks (2 shots) |
| Whole milk (2L) | Any supermarket | £1.45 | ~11 drinks |
| Whipped cream can | Tesco, Sainsburys | £2.50 | ~15 drinks |
Total first-time cost is about £12 for all ingredients. That makes 15+ drinks, so £0.80 per drink (ignoring one-off equipment costs). A Grande at Starbucks UK is £4.95, saving you £4.15 per drink at scale.
Storage and Batch Prep
Frappuccinos do not keep well — drink within 15 minutes. The ice melts and dilutes the drink. For weekly prep, pre-mix the coffee + chocolate + sugar + milk base and store in the fridge for 3 days. Blend with fresh ice when you want a drink.
How Does It Compare to the Real Thing?
Taste is 94% identical. The gap is Starbucks proprietary mocha sauce (a specific chocolate-malt profile) vs regular chocolate sauce. To match more exactly, use 2 tbsp chocolate sauce + 1 tbsp malted milk powder + a pinch of salt. The homemade version is usually less sweet, which many people prefer.
Equipment Needed
You need a decent blender (500W+). Nutribullet, Ninja, or supermarket blenders work. A hand blender is not strong enough for ice. You also need a 473ml glass, a long spoon, and ice trays if you do not have an ice maker. Nespresso or moka pot for quick espresso.
Frequently Asked Questions
How much is a Starbucks Mocha Frappuccino UK?
A Tall Mocha Frappuccino costs £4.35, a Grande is £4.95, and a Venti is £5.45 at UK Starbucks in 2026. Making it at home costs about £1.50 per serving.
How many calories in a Starbucks Mocha Frappuccino UK?
A Grande Mocha Frappuccino with semi-skimmed milk has 370 calories. Whole milk is 400 kcal, skimmed is 340 kcal, oat milk is 340 kcal. A Tall has 270 kcal and a Venti has 510 kcal.
How much caffeine is in a Mocha Frappuccino?
A Grande Mocha Frappuccino at Starbucks UK has about 100mg of caffeine. Slightly more than a plain Caramel Frappuccino because of the cocoa content. A Tall has 70mg and a Venti has 140mg.
Is a Mocha Frappuccino the same as a Java Chip?
Not quite. Both have chocolate + coffee. The Mocha Frappuccino is smooth blended — no chips. The Java Chip has blended-in chocolate chips for a crunchy texture. Java Chip has about 50 more calories and costs 20-30p more per size.
Can I make a Mocha Frappuccino without espresso?
Yes, use 100ml of strong cooled filter coffee or cold brew concentrate. The coffee flavour is important — it balances the chocolate sweetness. Decaf also works if you want to skip caffeine.
Why is my Mocha Frappuccino not thick enough?
Three common causes: not enough ice (use 2 full cups / 250g), blender ran too short (need 30 seconds on high), or you used a weak blender. A 500W+ blender is needed — hand blenders cannot crush ice.
Is the Mocha Frappuccino vegan?
Not by default — it contains dairy milk and whipped cream. To make it vegan at Starbucks UK, order with oat or soy milk, skip the whipped cream, and confirm the mocha sauce is vegan (most UK Starbucks stock a vegan mocha option).
What chocolate sauce does Starbucks use?
Starbucks uses their own “mocha sauce” — a proprietary chocolate-malt blend. For homemade, any decent chocolate sauce works. Monin, Torani, and Hershey are closest. Tesco Finest chocolate sauce is cheaper and works well.
Can I use cocoa powder instead of chocolate sauce?
Not directly — cocoa powder is bitter and lumpy. Make a quick chocolate sauce first: 2 tbsp cocoa + 2 tbsp sugar + 3 tbsp hot water, whisk until smooth, cool, then use in place of chocolate sauce.
How do I make the Frappuccino less sweet?
Skip the added sugar (2 tbsp in the recipe). Use 2 tbsp chocolate sauce instead of 3. Use semi-skimmed milk. Skip the whipped cream. These changes cut sugar from 38g to about 22g per drink without losing the main flavour.






