Easy London Fog Drink (Earl Grey Tea Latte)

This post contains affiliate links, which means I may receive a small commission, at no cost to you, if you make a purchase through a link.

With an Earl Grey tea base, London Fog is a tea latte with warm milk, vanilla extract, and sweetened with sugar. Make London Fog at home with this simple yet tasty recipe. 

London fog drink in a mug with saucer

London Fog Drink

A London Fog drink is an Earl Grey tea latte. It’s a delicious pick-me-up on a dreary day.

  • There are four parts to a London Fog drink: Earl Grey tea, milk, vanilla extract, and sugar.
  • Thought to have originated in Vancouver, it’s a popular drink in the Northwest.
  • Starbucks has London Fog tea latte on the menu but you can order an Earl Grey tea latte and you’ll get the same thing.
  • Make cafe quality milk froth at home using a French press.

RELATED: 5 Easy Steps to Make Earl Grey Properly

Earl Grey

Earl Grey is black tea leaves flavored with bergamot, a citrus fruit from Italy.

You can’t make a London Fog drink without Earl Grey, it’s the star ingredient.

My Earl Grey Pick:

London Fog Variations

  • Tokyo Fog: Substitute Earl Grey with matcha.
  • Cape Town Fog: Substitute Earl Grey with rooibos.
  • Victoria Fog: Substitute Earl Grey with lavender tea.
  • Dublin Fog: Substitute Earl Grey with Irish breakfast tea.

Questions You May Have

What’s in a Starbucks London Fog?
Black tea, bergamot essence (black tea and bergamot make up the Earl Grey flavor), lavender flowers, vanilla syrup, and steamed milk.

What’s in this London Fog?
Earl Grey, brown sugar, vanilla extract, and dried lavender buds. What makes my London Fog so great is the perfect froth I create using a French press.

Is there caffeine in this drink?
Yes, there’s caffeine in Earl Grey.

Can I use tea bags or tea sachets instead of loose tea?
Yes! This recipe uses 1 tablespoon of Earl Grey to make 2 cups of London Fog. Instead of 1 tablespoon of loose tea, you can use 2 tea sachets or 3 tea bags.

How else can I froth milk at home?
See 5 easy ways to froth milk at home.

London Fog Tea Latte Tips

  • Adjust recipe to 2 teaspoons of loose Earl Grey per cup if you want a strong brew.
  • If you want to froth milk like a pro at home, another option is to use an electric milk frother which heats milk and froths at the same time.
  • If you don’t have or love lavender, feel free to make it without. It’s still delicious!

Free tea brewing cheat sheets

Join my email list to get these tea brewing cheat sheets!

London Fog drink ingredients

What You’ll Need

How to Make it

There are two parts to this drink:

  • Earl Grey tea
  • Frothed milk

STEP 1: Boil water.

Boil water on the stovetop or use an electric kettle with a temperature setting (water set to 208°F).

I always recommend filtered water when making tea. The better the water tastes, the better the tea will taste.

STEP 2: Combine tea, lavender buds, and hot water in a teapot. 

For each cup of London Fog, use 1.5 teaspoons of Earl Grey.

STEP 3: Cover teapot and steep for 5 minutes.

While tea is steeping, make the frothed milk.

STEP 4: Heat milk.

Heat milk on the stovetop by simmering on low until it gets hot. Keep careful watch to make sure the milk doesn’t come to a boil. Stir occasionally.

STEP 5: Pour hot milk into a French press.

STEP 6: Pump French press plunger until milk doubles in volume.

Time to assemble the drink!

STEP 7: Strain tea leaves and pour tea into a cup.

STEP 8: Stir in sugar and vanilla extract.

STEP 9: Pour frothed milk from the French press into cup with tea.

London Fog drink in a mug

OPTIONAL: Garnish with dried lavender buds. 

Related

London Fog Drink (Earl Grey Tea Latte)

Author: Jee Choe
Make London Fog at home with this simple yet tasty recipe. 
4.6 from 60 votes
Prep Time 5 mins
Steep Time 5 mins
Total Time 10 mins
Course Drinks
Yield1 serving

INGREDIENTS
 

INSTRUCTIONS

MAKE TEA

  • Boil water.
    Boil water on the stovetop or use an electric kettle with a temperature setting (water set to 208°F). Use filtered water for a better tasting tea.
  • Combine tea, lavender buds, and hot water in a teapot. 
  • Cover teapot and steep for 5 minutes.

FROTH MILK

  • Heat milk.
    Heat milk on the stovetop by simmering on low until it gets hot. Keep careful watch to make sure the milk doesn't come to a boil. Stir occasionally.
  • Pour hot milk into a French press.
  • Pump French press plunger until milk doubles in volume.
    Move the plunger up and down to pump air into the milk.

ASSEMBLE DRINK

  • Strain tea leaves and pour tea into a cup.
  • Stir in sugar and vanilla extract.
  • Pour frothed milk from the French press into cup with tea.
    Optional: Garnish with dried lavender buds.

NOTES

  • You can take out the dried lavender if you wish — the drink is still delicious without it.
  • I used loose Earl Grey tea but you can easily swap it with a tea sachet.

NUTRITION

Calories: 154kcal | Carbohydrates: 17g | Protein: 6g | Fat: 6g | Saturated Fat: 3g | Cholesterol: 18mg | Sodium: 90mg | Potassium: 242mg | Sugar: 18g | Vitamin A: 296IU | Calcium: 207mg
Keyword earl grey latte, london fog latte, tea latte
Did you make this recipe?Mention @ohhowcivilized and use hashtag #ohhowcivilized!

20 thoughts on “Easy London Fog Drink (Earl Grey Tea Latte)”

  1. Just so you know, I worked at Starbucks and Teavana for a long time and there’s zero lavender in the Teavana Earl Grey. The Starbucks London Fog is just Earl Grey Tea, hot water, steamed milk and vanilla syrup. No lavender at all

    Reply
    • Hi Isaac, I didn’t think the Starbucks had lavender in their London Fog but according to their site, lavender flowers are listed as an ingredient as a part of the tea infusion that also includes black tea, water, and bergamot essence.

      Reply
  2. I would appreciate it so much if you would give us the tea measurement in grams, instead of a TBL. It’s more accurate and I enjoy using my scale for my tea recipes – thanks!

    Reply
    • Hi Beth, I agree that grams are much more accurate than tablespoons, but with most of my recipes, it doesn’t need to be so exact and not a lot of people have scales to work with which is why I opted to write out the recipes in tablespoons. But I’ll think about it for future recipes!

      Reply
  3. Just tried this and it’s great! I normally order a London Fog at any coffee shop I go to so it’s nice to be able to make it at home. I was only making one (for myself) and used the French press method to froth the milk. It was a bit tricky with less milk but did the job well enough. Thanks for the recipe!

    Reply
  4. I love Earl Grey and stumbled across this recipe when looking for some new tea bags. Oh. My. God. Delicious. I don’t understand why this isn’t a thing in actual London, never seen it anywhere. Will be making this for everyone I know.

    Reply
  5. Have you ever tried frothing almond or coconut milk? I haven’t been able to make them foaming and I wonder if I’m just doing something wrong.

    Reply
  6. As usual, ☕ALL HAIL, THE TEA QUEEN, THE BEAUTIFUL, BRILLIANT JEE!!☕
    This is, far and away my latte – and earl grey – fave!!
    **Side note: Shortcut: tried the recipe w/ Harney & Sons “Victorian London Fog” tea (Black tea, lavender buds, vanilla); Brown sugar; Using the french press (milk). Voila! London Fog Latte! *HOWEVER, yours was the best. Harney (Amazing flavored teas!) used vanilla flavour – your natural vanilla makes your recipe the winner. ☕

    Reply
  7. Quick question: at first in the step-by-step it says 1 tablespoon for every 2 cups of water, but then the recipe calls for 1 tablespoon for 1 1/4 cups of water… confused as to how much it is!

    Reply
    • Hi Moe, thanks for catching that! Will fixE It’s 1 tablespoon to make 2 cups of London Fog and you’ll need 1 1/4 cup of water total to make the 2 cups.

      Reply
  8. This is really good and easy also if you don’t have a french press or a electric frother you can heat the milk to a simmer and put it in a stand mixer or hand mixer and whip it in till it doubles in size.

    Reply

Leave a Comment