London fog tea latte recipe: the Starbucks-style build at home

As an Amazon Associate, Barista Life earns from qualifying purchases.

A london fog is earl grey tea steeped strong, vanilla syrup, and steamed milk at a 2:1 tea to milk ratio: steep 2 earl grey bags in 8oz of just-boiled water for 5 minutes, stir in 2 tsp vanilla syrup, and top with 4oz of steamed, lightly frothed milk. Earl grey is a black tea, which Bigelow puts at 30 to 60mg of caffeine per 8oz cup (Bigelow caffeine guide), so two bags in one mug lands this drink in normal coffee-adjacent territory, not herbal-tea territory.

The build

How to make it

1. Steep 2 earl grey bags in 8oz just-boiled water for a full 5 minutes. Underdone tea is the number one london fog failure.
2. Remove bags and stir in the vanilla syrup while the tea is hot.
3. Steam or froth 4oz of milk to wet foam and pour it over the tea.
4. Optional: a drop of lavender syrup turns it into the cafe variant.

Why the double steep is not optional

Milk mutes tea. A single bag steeped politely disappears entirely under 4oz of steamed milk, which is why homemade london fogs so often taste like warm vanilla milk. Two bags at a full 5 minutes extract enough body and bergamot oil to cut through. Bergamot is the citrus oil that defines earl grey, and it is volatile: steep with a lid or saucer on the mug and it stays in the cup instead of evaporating off.

The vanilla, and what the cafe version does differently

Cafes build this with vanilla syrup, not extract; syrup sweetens and flavors in one move, and 2 tsp is the equivalent of about one pump. Make your own from our vanilla syrup recipe and the drink costs pennies. The honest note: a true fog uses steamed milk with fine foam, and pouring cold milk into hot tea drops the drink 15 degrees and kills the texture. A cheap frother fixes that permanently.

Caffeine, with sources

Two earl grey bags put the home version around 60 to 120mg depending on the tea, per Bigelow's 30 to 60mg per cup black tea range (Bigelow). The Starbucks version's own number is on our london fog caffeine page. The FDA cites 400 milligrams a day as an amount not generally associated with dangerous effects for healthy adults (FDA). Everything on this page is information, not health advice.

The two-item london fog kit

Good earl grey with real bergamot and a handheld milk frother cover the whole drink; add vanilla syrup if you skip the homemade version.

Related reading

• London fog caffeine, all sizes
• Homemade vanilla syrup
• Medicine ball copycat recipe
• Tea caffeine guide

FAQ

What is in a london fog? Strong earl grey tea, vanilla syrup, and steamed milk, classically at about 2:1 tea to milk. It was invented in Vancouver and Starbucks sells it as the Earl Grey Tea Latte.

How much caffeine is in a homemade london fog? Roughly 60 to 120mg if you use two bags, based on Bigelow's 30 to 60mg per 8oz cup range for black tea. One bag halves that but usually tastes washed out under the milk.

Can I make a london fog without a steamer? Yes. Heat milk to just below a simmer and whip it with a handheld frother for 15 seconds. The drink needs warm milk with light foam, not true espresso-machine microfoam.