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

London Fog Drink

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

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.

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

This post contains affiliate links. 

What I Used to Make My 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.

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: Chai Latte

Earl grey tea latte

Steep for 8 minutes.

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

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: How to Froth Milk at Home

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.

Never Miss a Post!

Subscribe to get the latest posts, recipes, and news to your email.

Powered by ConvertKit

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 lavender and it’s done.

RELATED: Rooibos Latte

London Fog recipe

Yield: Makes 2 servings

London Fog Drink (Earl Grey Tea Latte)

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


  • 1 1/4 cup milk (any you prefer)
  • 1 1/4 cup water
  • 1 tablespoon earl grey loose tea (3 tea bags)
  • 1 tablespoon brown sugar
  • 2 teaspoons vanilla extract
  • 1/2 teaspoon dried lavender + extra for garnish


  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.

Never Miss a Post!

Subscribe to get the latest posts, recipes, and news to your email.

Powered by ConvertKit

You Might Also Like...


  • Isaac Waddington
    1 day 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
      24 mins 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.

Leave A Comment