The London Fog is one of those drinks that feels more sophisticated than it is to make. It’s an Earl Grey tea latte — brewed strong, sweetened with vanilla, and topped with a thick layer of steamed or frothed milk. Warm, floral, and slightly sweet.
It originated in Vancouver (not London, despite the name) and became the drink that tea lovers ordered at coffee shops before tea lattes were mainstream.
What Is a London Fog Latte?
A London Fog is an Earl Grey tea latte made with:
- Strongly brewed Earl Grey tea — the bergamot oil gives it that distinctive floral, citrusy flavor
- Vanilla syrup or extract — adds sweetness and rounds the bergamot
- Steamed or frothed milk — creates the “latte” texture
Some recipes add lavender syrup (which enhances the floral quality) or use lavender Earl Grey tea specifically. Some add honey instead of vanilla. The classic version is fairly simple and relies on quality Earl Grey.
Ingredients
For 1 serving (12–16oz):
- Earl Grey tea: 2 tea bags (or 2 teaspoons loose leaf) — steep time and bag count matters, so don’t shortcut this
- Hot water: 120ml (½ cup) for steeping
- Milk: 180ml (¾ cup) — whole milk for the creamiest result; oat milk is the best dairy-free alternative
- Vanilla syrup: 1–2 tablespoons (or ½ teaspoon vanilla extract + 1 tsp sweetener)
- Optional: 1 tablespoon lavender simple syrup for the London Fog Lavender variation
Tea quality note: The flavor of a London Fog depends entirely on the Earl Grey you use. A good loose-leaf Earl Grey has real bergamot oil coating the leaves — this gives a bright, citrusy floral note. Many grocery-store tea bags use artificial bergamot flavor, which tastes flat and slightly synthetic. Brands worth using: Harney & Sons, Fortnum & Mason, Stash, or any local tea shop loose-leaf.
Equipment
- Small saucepan or kettle (for steeping tea)
- Milk steamer (espresso machine steam wand) — or a milk frother, or microwave + hand frother
- Cup or mug (at least 360ml capacity)
The Recipe
Classic London Fog Latte
Time: 5 minutes
Heat water to 90–95°C (195°F). Don’t use boiling water directly on Earl Grey — boiling water makes black tea bitter. If you just boiled, let it sit 30 seconds.
Steep tea strongly. Add 2 tea bags to 120ml of hot water. Steep for 4–5 minutes. This is more concentrated than a normal cup of tea — you want a strong base that stands up to the milk.
Add vanilla. While the tea is still hot, stir in 1–2 tablespoons of vanilla syrup (or ½ teaspoon vanilla extract + sugar/sweetener to taste). Taste and adjust sweetness. The tea should be sweet enough that it’s pleasantly sweet on its own, because the milk will dilute it.
Steam or froth the milk. Heat 180ml of milk to 65–68°C (150–155°F). If using a steam wand, texture it to a smooth microfoam — not the stiff foam of a cappuccino, but a silky, thick consistency. If using a frother, heat the milk first (microwave 30–40 seconds), then froth.
Pour the milk. Pour the steamed milk into the tea concentrate. Hold back the foam with a spoon and pour the liquid milk first, then spoon the foam on top.
Finish. Optional: a tiny sprinkle of dried lavender, a pinch of vanilla powder, or a very light dust of cinnamon. Serve immediately.
Vanilla Syrup for London Fog (Quick Recipe)
If you don’t have vanilla syrup, here’s how to make a small batch:
- 60ml (¼ cup) water
- 60g (¼ cup) white sugar
- 1 teaspoon vanilla extract
Combine water and sugar in a small saucepan over medium heat. Stir until sugar dissolves completely (2–3 minutes). Remove from heat, add vanilla extract, stir. Cool before use. Keeps in the fridge for 2 weeks in a sealed jar.
Honey alternative: Dissolve 1 tablespoon honey in the hot tea instead of vanilla syrup. This gives a more mellow sweetness with subtle honey notes — slightly different from the classic but equally good.
Milk Choices
| Milk | Flavor | Froth Quality | Notes |
|---|---|---|---|
| Whole milk | Rich, slightly sweet | Excellent | Classic choice |
| Oat milk | Neutral, slightly oaty | Very good | Best dairy-free option |
| Almond milk | Light, slightly nutty | Fair | Thinner texture |
| Coconut milk | Sweet, tropical | Good | Changes flavor profile significantly |
| Soy milk | Neutral, beany | Good | Can curdle if tea is too acidic |
| 2% milk | Good, lighter | Good | Solid everyday choice |
Variations
London Fog Latte with Lavender
Add 1 tablespoon of lavender simple syrup instead of (or in addition to) vanilla syrup. Use lavender Earl Grey tea if you can find it — the layered floral quality is remarkable. Some coffee shops call this a “London Fog Garden” or “Lavender London Fog.”
Lavender simple syrup: Same as vanilla syrup recipe above, but add 2 tablespoons of culinary dried lavender to the saucepan while heating, strain out the lavender before bottling.
Iced London Fog
- Brew tea concentrate as above (2 bags in 120ml water, 5-minute steep)
- Add vanilla syrup and stir
- Pour over a full glass of ice
- Add cold milk (no frothing needed — shake or stir)
- Optionally top with cold foam: blend cold milk + pinch of vanilla
The iced version is thinner and lighter than the hot version — closer to iced tea than a latte. It’s refreshing in summer.
Dirty London Fog
Add a shot of espresso to the classic recipe. This turns it into a caffeinated-doubled drink — espresso + black tea + milk. The bergamot and espresso flavors work surprisingly well together. Use only 1 tea bag if adding espresso to avoid over-caffeination.
Honey Vanilla London Fog
Replace vanilla syrup with 1 tablespoon raw honey + ½ teaspoon vanilla extract. Honey’s floral notes complement the bergamot in Earl Grey in a way that white sugar doesn’t. Add the honey to the hot tea and stir until dissolved.
Starbucks London Fog Copycat
The Starbucks version uses their Earl Grey bags (2 per drink), vanilla syrup (3 pumps for a grande), and steamed milk with a layer of foam. To replicate exactly:
- 2 Starbucks Earl Grey tea bags (or Teavana brand) steeped 3 minutes
- 3 teaspoons of vanilla simple syrup (adjust to taste)
- Steamed whole milk with a thick foam layer
- No lavender in the standard version
The main difference between the Starbucks version and homemade is the steaming technique and tea strength — theirs steeps very briefly, which makes it milder. Steeping 4–5 minutes at home gives a bolder Earl Grey flavor that many prefer.
Troubleshooting
“My tea tastes bitter” — You used boiling water or steeped too long (over 6 minutes). Earl Grey, like most black teas, turns bitter with oversteeping or too-hot water. Use 90–95°C water and stick to 4–5 minutes.
“The bergamot flavor is weak” — Low-quality tea bags. Try loose-leaf Earl Grey from a dedicated tea shop. The bergamot oil concentration varies significantly between brands.
“The milk sank to the bottom” — Pour the liquid milk slowly over the back of a spoon to create a gentle flow. For a proper layer, pour frothed foam on top after the liquid milk.
“It tastes too floral/perfumey” — Reduce to 1 tea bag, or try a lower-bergamot Earl Grey blend. Some people are sensitive to bergamot; half-strength tea makes it more approachable.
“My foam dissolved immediately” — Milk wasn’t hot enough, or you let it sit too long after frothing. Froth right before pouring and pour immediately. Also, whole milk holds foam better than lower-fat milks.