London Fog (Vanilla Earl Grey Latte)
A London Fog is a lightly sweetened, vanilla-flavored Earl Grey tea latte. It’s the perfect afternoon pick-me-up and a great alternative to coffee.
I am most definitely a coffee drinker. I drink exactly 2 cups of coffee every morning, and occasionally an additional cup in the afternoon. Lattes are my coffee drink of choice.
But every so often, I find myself craving tea instead of coffee. Usually I’ll just brew a plain cup of tea, but If I have a few extra minutes, and feel like an extra special treat, I’ll make myself a London Fog.

What is a London Fog?
A London Fog is basically a latte made from strong Earl Grey tea and a hint of vanilla. It was invented in Vancouver, which is probably why I used to see them on coffee shop menus all the time when I lived in Canada, but never when I lived in Wisconsin.

How to make a London Fog
Making a London Fog is just as easy (if not easier) than making a coffee latte. First, you brew the tea (Earl Grey), ideally very strong. Then you froth and heat (or steam) the milk, and stir in the vanilla and sugar.
Alternatively, you can just use store-bought vanilla-flavored coffee syrup or sugar-free vanilla syrup, but since I never have that at home, I just use regular sugar and vanilla.
You will end up with a comforting, warm drink that’s both lightly vanilla-flavored and slightly sweet, with a hint of citrus from the tea. It’s a great pick-me-up if you’re not a coffee drinker or just feel like having something a little different.

London Fog Ingredients
- Earl Grey tea – For best results, use a high-quality loose tea, but using your favorite Earl Grey tea bags will work too.
- Milk – any milkfat percentage will work. Use a higher-fat milk for a creamier latte. You can also use your favorite dairy-free milk to make this recipe vegan and/or dairy-free.
- Sugar – Just regular old granulated sugar is fine here.
- Vanilla
- Or instead of sugar and vanilla, you can make this recipe even easier by using a vanilla coffee syrup (or a sugar-free version of the same).
Want more Latte Recipes?
London Fog Nutrition Notes
The nutrition information in the recipe below is calculated using 1% milk. Using a plant-based milk will likely result in slightly less fat and likely less protein, too. Use a plant-based milk alternative to make your London Fog vegan and/or dairy-free.
The nutrition calculations assume you are using 1 teaspoon of sugar. Using more sugar will result in a higher sugar (and calorie) content of your London Fog.
Equipment
Ingredients
Instructions
- Brew a strong, small cup of Earl Grey tea (you want to use no more than 1/2-1 cup of water, depending on the size of your mug – aim for having the mug only half full of tea). Strain tea or discard tea bag.
- While tea is steeping, froth 1/2 cup milk using an immersion blender, battery powered milk frother, or milk steamer. Stir in 1 teaspoon sugar and 1/4 teaspoon vanilla. Heat for 30-45 seconds in the microwave until hot (unless you used a milk steamer, in which case it will already be hot).
- Pour hot, frothed milk into the mug with your Earl Grey tea. Drink immediately.
Nutrition
Tried this recipe?
Please Consider Leaving a Review!



