Easy London Fog Drink (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

London Fog Drink

There are four parts to a London Fog drink: Earl Grey tea, milk, vanilla extract, and sugar. It’s a delicious pick-me-up on a dreary day.

  • A London Fog is an Earl Grey tea latte dressed up with vanilla 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.
  • Cafe quality milk froth can be made at home using a French press — I’ll show you how easy it is.

RELATED: 5 Easy Steps to Make Earl Grey Properly

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.

What is Earl Grey?

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

You can’t make a London Fog drink without Earl Grey, 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.

RELATED: Chai Latte from Scratch

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.

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 I’m a huge fan of.
  • If you don’t have or love lavender, feel free to make it without. It’s still delicious!

Free Tea Quick Guides

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



London fog drink ingredients

What You’ll Need

How to make earl grey tea latte

How to Make It

There’s two parts to this drink:

  • Earl Grey tea
  • Frothed milk

STEP 1: Boil water.

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

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

How to make earl grey latte

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

For each cup of water, use 1 1/2 teaspoons of Earl Grey. To make two cups, use 1 tablespoon of tea. (1 tablespoon is the same as 3 teaspoons.)

RELATED: How to Make Lavender Tea Properly

Earl grey tea latte

STEP 3: Cover teapot and steep for 5 minutes.

Don’t brew the tea for longer than 5 minutes since it’ll just make your tea bitter.

Earl Grey latte

STEP 4: Strain tea leaves and stir in brown sugar and vanilla extract.

I strain out the tea leaves and pour the tea into another glass container. Stir to make sure the brown sugar is completely dissolved.

RELATED: Earl Grey Hot Chocolate

How to froth milk

STEP 5: Heat milk.

(You can make the frothed milk while the tea is steeping.)

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 6: Pour hot milk into a French press.

Once you see the milk form small bubbles along the sides of the pan, take the hot milk off the stovetop and and pour it into a French press.

Froth milk using French press

STEP 7: Pump French press plunger.

Move the plunger up and down to pump air into the milk. The milk should double in volume.

RELATED: Chamomile Tea Latte

London Fog drink recipe

Time to bring the tea and frothed milk together!

STEP 8: Pour tea into two cups.

Pour the tea into a teacup, filling it halfway.

London Fog drink

STEP 9: Pour in frothed milk from the French press.

LOOK AT THAT FROTH!!!

YES, you can totally recreate the same froth at home!

London Fog recipe

OPTIONAL: Garnish with dried lavender buds. 

Perfection.

 
 
How to Make a Delicious London Fog Drink!
 
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. 

Instructions

  1. MAKE TEA:
    Boil water.
    Boil 1 1/4 cups of water on the stovetop or use an electric kettle with a temperature setting, setting the water temperature to 208°F.
    (Filtered water is best.)
  2. Combine tea, lavender buds, and hot water in a teapot. 
  3. Cover teapot and steep for 5 minutes.
  4. Strain tea leaves and stir in brown sugar and vanilla extract.
  5. 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.
  6. Pour hot milk into a French press.
    Once you see the milk form small bubbles along the sides of the pan, take the hot milk off the stovetop and and pour it into a French press.
  7. Pump French press plunger.
    Move the plunger up and down to pump air into the milk. The milk should double in volume.
  8. ASSEMBLE DRINK:
    Pour tea into two cups.
  9. Pour in frothed milk from the French press.
    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 tea bags. Use 3 tea bags instead of 1 tablespoon of loose tea.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

You Might Also Like...

17 Comments

  • Isaac Waddington
    1 year 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
      1 year 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.

  • 1 year 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
      1 year ago

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

  • beth wofford
    1 year 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
      1 year 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
    1 year ago

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

  • Firmine Salomon
    1 year ago

    So easy. I must try!!!

  • Kelly
    1 year 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
      11 months ago

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

  • Laura
    10 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
    7 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
      7 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
      6 months ago

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

      • Oh, How Civilized
        6 months ago

        Thanks for the tip, Katie!

  • Jess
    2 weeks ago

    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. ☕

    • Oh, How Civilized
      1 week ago

      Haha, thanks, Jess!

Leave A Comment