London Fog Latte (Earl Grey Tea Latte)

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

This post contains affiliate links. 

London Fog Drink

There are four parts to a London Fog drink. It’s Earl Grey tea, milk, vanilla extract, and sugar.

Basically, a London Fog is an Earl Grey tea latte dressed up with vanilla and sugar. It’s perfect pick-me-up on a dreary day.

Thought to have originated in Vancouver, it’s a popular drink in the Northwest.

London Fog Tea Latte at Starbucks

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.

Theirs is made with black tea, bergamot essence (black tea and bergamot make up the Earl Grey flavor), lavender flowers, vanilla syrup, and steamed milk.

My version of London Fog has frothed milk made using a French press, brown sugar, vanilla extract, and a hint of lavender.

Making a London Fog with Loose Tea vs Tea Bags

The more I learned about tea, the less I used tea bags. Tea in tea bags are almost always inferior to loose tea.

But for a recipe like this where milk and other favor enhancers like vanilla extract and sugar are involved, you can definitely use tea bags.

In a recipe that calls for loose tea, replace 1 teaspoon of tea with 1 tea bag.

I’m using one tablespoon of Earl Grey tea which is the same as three teaspoons. Three teaspoons equates to three tea bags.


London fog drink ingredients

What I Used to Make This London Fog

How to make earl grey tea latte

How to Make a London Fog (Earl Grey Tea Latte)

The first part is brewing the tea. Because I’m adding lavender, I’m brewing that with the Earl Grey tea.

Free Tea Quick Guides

Join my free email list to get quick visual tea guides!

How to make earl grey latte

Pour boiling water (212°F if you’re using an electric kettle with a water temperature setting) in a cup with the Earl Grey tea and lavender.

RELATED: Best Electric Kettles for Tea

Earl grey tea latte

Steep for 8 minutes.

While you’re waiting for the tea to steep, make the frothed milk for the latte.

RELATED: How to Froth Milk at Home

How to froth milk

Frothing Milk Using a French Press

I like to use my milk frother but you can froth milk at home just as easily using a French press.

Heat milk on the stovetop. Let it simmer on low until it gets hot — you should see small bubbles forming along the sides of the pan. Keep careful watch to make sure the milk doesn’t come to a boil.

Take the hot milk and pour it into a French press.

RELATED: Chai Latte

Froth milk using French press

Use the plunger to pump air into the milk, moving it up and down until the milk doubles in volume.

Set aside.

Earl Grey tea latte

Combine the brown sugar and vanilla extract.

RELATED: Chamomile Tea Latte

Earl Grey latte

Strain out the tea into the sugar and vanilla extract. Stir to make sure the brown sugar is completely dissolved.

London Fog drink recipe

Now it’s time to combine the tea and the frothed milk to make the London Fog drink.

Pour the tea into a mug, filling it halfway.

RELATED: Matcha Latte

London Fog drink

Pour in the frothed milk.

How to make london fog drink

Look how luscious and velvety that milk is!

Sprinkle on some dried lavender and it’s done.

RELATED: Rooibos Latte

London Fog recipe

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.
London Fog Drink (Earl Gret Tea Latte)

London Fog Drink (Earl Grey Tea Latte)

London Fog Drink (Earl Grey Tea Latte)

Yield: Makes 2 servings

Make London Fog at home with this simple yet tasty recipe. 



  1. Boil water and steep Earl Grey tea and dried lavender for 8 minutes.
  2. While waiting for tea to steep, heat milk in a saucepan on low until small bubbles start to form along the sides. Take off heat and pour milk into a French press.
  3. Pump the French press plunger until milk doubles in volume. Set aside.
  4. Strain out and discard the tea leaves and lavender. Stir in sugar and vanilla extract into the tea.
  5. Divide the tea into two tea cups.
  6. Pour on top the frothed milk into both cups.
  7. Garnish with dried lavender.


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 tea bags. Use three tea bags instead of a tablespoon of loose tea.

You Might Also Like...


  • Isaac Waddington
    12 months ago

    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

    • Oh, How Civilized
      12 months ago

      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.

  • 10 months ago

    So I stumbled onto this, and made it on a whim, so good, I’m so excited I get one of these almost everyday, now I’m wondering what else I can do. Thanks so much.

    • Oh, How Civilized
      10 months ago

      Hi Amanda, so happy you made it and liked it!

  • beth wofford
    10 months ago

    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!

    • Oh, How Civilized
      10 months ago

      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!

  • Michelle N
    10 months ago

    Just made this and it was delicious! I love your recipes.

  • Firmine Salomon
    10 months ago

    So easy. I must try!!!

  • Kelly
    8 months ago

    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!

    • Oh, How Civilized
      7 months ago

      Hi Kelly, happy you tried making it! I use a smaller French press when froth milk for one cup.

  • Laura
    5 months ago

    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.

  • R
    2 months ago

    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.

    • Oh, How Civilized
      2 months ago

      Hi R, I have and it definitely doesn’t foam as well as regular milk. Have you tried frothing it with a French press?

    • Katie
      1 month ago

      It’s the fat in the milk that creates the froth. Skim milk doesn’t froth that great either.

      • Oh, How Civilized
        1 month ago

        Thanks for the tip, Katie!

Leave A Comment