Pin It

Copycat Starbucks London Fog Tea Latte

Copycat Starbucks London Fog Tea Latte
Jump to Recipe
Prep 3 min Cook 5 min Serves 1 drink (Grande / 16 oz)
Quick answer: A Starbucks London Fog Tea Latte is two Teavana Earl Grey tea sachets (steeped in 4 oz of hot water — not a full cup), 4 pumps vanilla syrup, and 10 oz of steamed 2% milk with a light foam top. The Teavana tea Starbucks uses contains both bergamot and lavender, which is what makes the flavor more floral than standard Earl Grey. A Grande is 180 calories and only 40mg caffeine — far less than any espresso drink or even the Starbucks Chai Tea Latte. To copy it: double-concentrate the tea (2 bags in 4 oz water for 3–4 minutes), add 2 tablespoons of vanilla syrup, and top with 10 oz of steamed milk. The most common mistake is using one tea bag in a full cup of water — the result tastes like warm flavored milk with a tea rumor.

Copycat Starbucks London Fog Tea Latte

The Starbucks London Fog is a three-ingredient drink — Earl Grey tea, vanilla syrup, and steamed milk — but the tea must be brewed at double concentration or the flavor disappears into the milk. This guide covers exact pump counts, the lavender detail Starbucks quietly includes, and how to make the iced version without losing the bergamot.

Easy Prep: 3 min Cook: 5 min Total: 8 min1 drink (Grande / 16 oz) servings ~$4.20/serving
Prep3 min
Cook5 min
Total8 min
Servings
1
At home~$4.20/serving
vs
Restaurant~$18.90/serving
You save ~78%

Ingredients

Instructions

💡
Pro tip: This recipe tastes even better the next day. The flavors need time to meld together in the fridge.
❄️
Storage: Keeps in an airtight container in the fridge for up to 2 weeks. Freezer-friendly for up to 3 months.
~300-500 cal/serving

The Story Behind the Recipe

Copycat Starbucks London Fog Tea Latte

Prep: 3 min | Steep: 4 min | Serves: 1 (Grande / 16 oz) | Cost: ~$0.50 per drink vs. $5.50+ at Starbucks

The Starbucks London Fog is, at its core, three ingredients: Earl Grey tea, vanilla syrup, and steamed milk. No espresso. No syrups with a dozen components. No technique that requires professional equipment.

And yet it’s one of the easiest Starbucks drinks to get wrong at home — because the tea needs to be brewed at almost double concentration, and almost every home recipe buries that detail in the middle of a wall of text.

Here is the one thing you actually need to know: two tea bags go into 4 oz of water, not 8 or 10 oz. If you use a full cup of water, you’re making regular-strength Earl Grey tea, and when you add 10 oz of milk to it, the tea flavor becomes barely detectable. The Starbucks version tastes of tea because it’s a concentrate — strong tea, diluted by milk, not the other way around.

TL;DR
  • Two Teavana Earl Grey sachets (which contain bergamot + lavender) in 4 oz of hot water, steeped for 3–4 minutes
  • 4 pumps vanilla syrup (2 tablespoons) for a Grande; 3 pumps for a Tall
  • 10 oz of steamed 2% milk with a light, pourable foam on top
  • 180 calories, 40mg caffeine — the lowest-caffeine milk-based latte at Starbucks
  • The lavender in Starbucks’ tea is quiet but real — worth seeking out in your grocery store Earl Grey if you want the exact flavor

What makes a London Fog taste like a London Fog

Three things combine in this drink that don’t typically appear together:

Bergamot — the distinctive citrus oil that defines Earl Grey. It comes from the bergamot orange, a small citrus fruit grown almost exclusively in Calabria, Italy. The flavor is citrusy but bitter and floral, not bright and sweet like lemon — closer to the peel of a citrus fruit than the fruit itself. It’s what makes Earl Grey tea smell so distinctive when you open the box.

Lavender — the component that elevates a generic Earl Grey latte to something specifically Starbucks-adjacent. Most grocery-store Earl Grey teas don’t include lavender; they’re just black tea + bergamot. Starbucks uses Teavana sachets that add dried lavender flowers, which adds a second floral note that softens the sharpness of the bergamot. The effect is subtle — you may not consciously identify it as lavender — but side by side with a standard Earl Grey latte, the Starbucks version has a rounder, more complex quality.

Vanilla — the bridge between the floral tea and the dairy. Vanilla syrup is sweeter and more aromatic than plain sugar, and it connects the botanical notes of the tea to the richness of the steamed milk in a way that plain sweetener doesn’t.

The combination of bergamot + lavender + vanilla + milk is, genuinely, a well-considered flavor combination that rewards attention.


The lavender detail: grocery store vs. Starbucks

If you want to match the Starbucks flavor exactly, check the ingredients list on your Earl Grey tea box. You’re looking for “lavender” or “lavender flowers” in the list.

Earl Grey teas that include lavender:

  • Bigelow Earl Grey with Lavender (widely available, affordable)
  • Harney & Sons Earl Grey Supreme with Lavender (loose leaf; also in bags)
  • TWG London Breakfast Tea (high-end, available online)
  • The Republic of Tea Earl Grey with Lavender

Earl Grey teas that don’t include lavender (bergamot only):

  • Bigelow Earl Grey Classic
  • Tazo Earl Grey
  • Lipton Earl Grey
  • Stash Earl Grey

All of these work for a London Fog. Without lavender you get a slightly sharper, more bergamot-forward drink; with lavender you get something closer to the Starbucks version. Neither is wrong — it’s a preference question.

If you want lavender but only have standard Earl Grey: steep ¼ teaspoon of dried culinary lavender along with the tea bags. Do not use lavender essential oil (far too concentrated and bitter). Culinary lavender is available at most natural foods stores and Whole Foods.


Size guide: vanilla syrup pumps
SizeVolumeVanilla pumpsTea bagsBrew water
Short8 oz2 pumps1 bag2–3 oz
Tall12 oz3 pumps1 bag3 oz
Grande16 oz4 pumps2 bags4 oz
Venti hot20 oz5 pumps2 bags5 oz
Venti iced24 oz5–6 pumps2 bags5 oz

Note: The tea bag count stays at 2 from Tall through Venti. Only the brew water volume scales slightly for the Venti. The concentrate is still strong enough to read through more milk.

Half-sweet: 2 pumps in a Grande. Still clearly vanilla, just less sweet. Popular with people who want to taste the tea more.


The iced version

The iced London Fog is slightly different from just chilling the hot version:

  1. Brew the concentrate the same way (2 bags in 4 oz hot water, 3–4 minutes)
  2. Stir in the vanilla syrup while the tea is still hot — syrup dissolves more easily in warm liquid
  3. Fill a 16-oz glass with ice
  4. Pour the tea concentrate over the ice — the ice cools it immediately
  5. Add 10 oz of cold 2% milk, pour slowly
  6. Stir gently once

The iced version is 140 calories (vs. 180 for hot) because no foam is added and cold milk is slightly less dense by volume. Caffeine stays the same at 40mg.

The iced version with oat milk is the version that went viral on TikTok — the slightly sweet, earthy quality of oat milk against the floral tea is genuinely well matched.


A drink that is not from London

The London Fog originated in Vancouver, Canada, in the late 1990s. The woman credited with inventing it is Mary Loria, who ordered it at the Buckwheat Café: pregnant and wanting a coffee alternative that was gentle on her stomach, she asked for Earl Grey tea with steamed milk, then walked to the café’s add-in station and stirred in vanilla sugar to taste. She loved the result, kept ordering it at cafés around the city, and recommended it to others until it caught on. The name “London Fog” stuck because of the tea’s English associations (Earl Grey was developed in Britain in the early 1830s), but the drink itself is entirely Canadian.

A nice historical footnote: cafés in Scotland sometimes call the drink a “Vancouver Fog,” correctly attributing it to its actual city of origin. The rest of the world kept the misattribution.

Starbucks added the London Fog to their permanent menu in the mid-2010s as part of the Teavana integration (Starbucks acquired Teavana in 2012). It’s been a year-round item since — not a seasonal drink, not a limited release.


More Starbucks drinks without espresso

If you like the London Fog’s low-caffeine, tea-based profile, these are the closest options on the Starbucks menu:

And if you want espresso-based drinks:

More Starbucks copycat recipes.

Nutrition Facts

Per serving (1 drink (Grande / 16 oz) servings)
Calories180
Total Fat4g
Total Carbs29g
Dietary Fiber0g
Sugars29g
Protein7g
Sodium105mg

* Estimated values based on standard recipe preparation. Actual values may vary.

🥗

Make It Healthier

Love Starbucks London Fog Tea Latte but want a lighter version? Try these simple swaps:

  • Reduce to 2 pumps (1 tablespoon) of vanilla syrup — this is the most effective calorie cut, trimming about 50 calories and 15g of sugar. The bergamot and lavender flavor still comes through clearly; you just taste more of the tea.
  • Use nonfat milk — drops from 180 to about 130 calories. The foam is lighter and thinner, but the London Fog is a delicate enough drink that the difference in richness is less obvious than it would be in a milk-heavy latte.
  • Oat milk (Oatly Barista or Califia Barista Blend) is the most popular non-dairy swap — about 160–170 calories and a natural cereal sweetness that pairs exceptionally well with the floral bergamot-lavender-vanilla profile. Barista oat milk froths better than standard oat milk.
  • Use vanilla bean paste instead of vanilla syrup: dissolve ½ teaspoon vanilla bean paste directly into the hot tea instead of adding syrup. Adds vanilla depth with zero added sugar. The drink will need no sweetener if your Earl Grey tea is naturally sweet from lavender.
  • The iced London Fog (140 calories, 40mg caffeine) is the lowest-calorie Starbucks iced latte-style drink — lower than the Pink Drink, lower than the Iced Matcha Latte, lower than any espresso drink.

Equipment You'll Need

Handheld milk frother

An $8–12 electric frother creates the light, pourable foam the London Fog needs in about 15 seconds. No steam wand required. A mason jar shaken hard also works — heat the milk first, then shake for 20 seconds with the lid on tight.

Small measuring cup or scale

The 4-oz water measurement matters. Use a liquid measuring cup or weigh 120g of water. This is the critical step — too much water and the tea becomes invisible in the drink.

16-oz mug

A large mug gives you room to pour the steamed milk slowly without it spilling. The London Fog is a slightly bigger drink than it looks on paper — 4 oz tea + 2 tbsp syrup + 10 oz milk fills a 16-oz cup almost to the brim.

Frequently Asked Questions

What is a London Fog drink at Starbucks?

A London Fog Tea Latte is one of Starbucks' tea-based lattes — two Teavana Earl Grey sachets steeped in a small amount of hot water, mixed with vanilla syrup, and topped with steamed 2% milk and a light foam. It contains no espresso. The drink was not invented by Starbucks — it originated in Vancouver, Canada in the late 1990s, created by a customer named Mary Loria at the Buckwheat Café. Pregnant and looking for a coffee alternative that wouldn't upset her stomach, she ordered Earl Grey tea with steamed milk and added vanilla sugar to it herself; she liked it enough to keep ordering it around town, and the drink spread. The name 'London Fog' stuck because of the Earl Grey tea's British association (Earl Grey was developed in England in the 1830s), even though the drink itself is Canadian. Scottish cafés, in a nice bit of geographic correction, often call it a 'Vancouver Fog' instead.

How much caffeine is in a Starbucks London Fog?

A Grande London Fog Tea Latte has approximately 40mg of caffeine — the lowest of any Starbucks standard latte-style drink. For comparison: a Grande Chai Tea Latte has about 95mg, a Grande Latte (two espresso shots) has about 150mg, and even a Grande Green Tea Latte (Matcha) has about 80mg. The London Fog's low caffeine comes from its tea base — Earl Grey black tea brewed for 3–4 minutes releases significantly less caffeine than espresso extraction. It's a genuine option for people who want a warm milk-based drink with just a trace of caffeine, or who are reducing caffeine but not eliminating it entirely.

How many pumps of vanilla syrup does Starbucks use in a London Fog?

Starbucks vanilla syrup pump counts by size: Short (8 oz) = 2 pumps; Tall (12 oz) = 3 pumps; Grande (16 oz) = 4 pumps; Venti hot (20 oz) = 5 pumps; Venti iced (24 oz) = 5–6 pumps. Each pump is approximately ¾ teaspoon or 0.25 oz of syrup. To order it half-sweet (a popular customization): ask for 2 pumps in a Grande instead of 4. At home, 1 tablespoon of vanilla syrup = approximately 2 Starbucks pumps.

What kind of Earl Grey tea does Starbucks use for the London Fog?

Starbucks uses Teavana Earl Grey sachets, which are a proprietary blend containing black tea, bergamot oil, and dried lavender flowers. The lavender is subtle — you might not identify it as a separate flavor — but it adds a slightly floral, rounded quality to the bergamot that most standard grocery-store Earl Grey teas don't have. If you want the exact Starbucks flavor at home, look for an Earl Grey that lists lavender in the ingredients: Bigelow Earl Grey with Lavender, Harney & Sons Earl Grey Supreme with Lavender, or Stash Double Bergamot Earl Grey (heavier bergamot, no lavender but closer in character). A standard Earl Grey like Tazo or Bigelow Classic works fine — the drink is still delicious — but the floral note from lavender is the small detail that separates the Starbucks version from a generic Earl Grey latte.

What is the difference between a London Fog and a regular Earl Grey latte?

In practice, a London Fog and an Earl Grey latte are the same drink by different names — Earl Grey tea, vanilla syrup, and steamed milk. 'London Fog' is the name that became standard in Canadian coffee culture and eventually spread to Starbucks; 'Earl Grey latte' or 'Earl Grey tea latte' is the more descriptive generic name. Some independent cafés make subtle distinctions: a 'London Fog' might be specifically made with lavender-infused Earl Grey, while a plain 'Earl Grey latte' uses standard Earl Grey without lavender. Starbucks makes no such distinction — their single 'London Fog Tea Latte' uses lavender-infused Teavana Earl Grey.

Can you make a London Fog with oat milk at Starbucks or at home?

Yes — oat milk is one of the best milk substitutions for a London Fog. The natural mild sweetness of oat milk pairs well with the floral bergamot-lavender-vanilla profile, and barista-blend oat milk (Oatly Barista, Califia Barista Blend) froths into a smooth, creamy foam that works nicely with the light foam the London Fog needs. At Starbucks, request 'London Fog Tea Latte with oat milk' — this substitutes the default 2% milk with oat milk and is a common order. The iced version with oat milk is especially popular on TikTok. At home, barista oat milk froths better than standard carton oat milk — worth the small price difference.

Love this recipe? Share it!

Shop the tools

Gear matched to this recipe's equipment list. We may earn a small commission if you buy through these links — at no extra cost to you.

As an Amazon Associate, Copycat Spices earns from qualifying purchases.

Free PDF: our 12 most-wanted copycat recipes — instant download.

Ratings & Reviews

No ratings yet

Rate this recipe

Click a star to rate

Leave a Review

0/500

CS

Copycat Spices Test Kitchen

Every recipe on Copycat Spices is developed and tested in our home test kitchen. We reverse-engineer beloved restaurant dishes and refine each one until the flavors and the instructions work reliably for home cooks of all skill levels.

Learn more about our mission →