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. As an Amazon Associate I earn from qualifying purchases.

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 and tasty recipe. 

London fog drink in a mug with saucer

About This London Fog Drink Recipe

  • A London Fog drink is an Earl Grey tea latte. It’s made with Earl Grey tea with frothed milk. It’s a delicious pick-me-up on a dreary day.
  • There are four parts to a London Fog drink: Earl Grey (black tea flavored with bergamot, a citrus fruit from Italy), milk, vanilla extract, and sugar. This drink, like the London Fog at Starbucks, has a hint of lavender.
  • Thought to have originated in Vancouver, it’s a popular drink in the Northwest.
  • Recipe includes how to make velvety, cafe-quality milk froth at home using a French press.

If you love Earl Grey, check out my Earl Grey Hot Chocolate, Iced Earl Grey Tea Latte, Earl Grey Chocolate Spread, and Earl Grey Salted Caramel recipes.

London Fog drink ingredients

Ingredient Notes

My Earl Grey Tea Pick

Photo Credit: Harney.com

My go-to Earl Grey tea. This blend has a some white tea, which makes it a bit more mellow than traditional Earl Grey.
SEE PRICE ON HARNEY.COM
4 photos showing steps to make an Earl Grey tea latte.

Steps to Make London Fog Tea Latte

Here’s a quick overview of the steps to make this drink. For full ingredients and instructions, scroll down to see the recipe.

  1. Make tea.
    Use an electric kettle with temperature setting to quickly and easily boil filtered water for tea or boil water on the stovetop. Combine tea, lavender buds, and hot water in a teapot. Cover and steep. While tea is steeping, make the frothed milk.
  2. Make frothed milk.
    Heat milk and pour into a French press. Pump French press plunger until milk doubles in volume.
  3. 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.

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.

Notes & Tips

  • 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!
  • No loose tea? Use 2 teaspoons of loose Earl Grey with 1 tea sachet or 1 tea bag.

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, since there’s caffeine in Earl Grey.

How else can I froth milk at home?

See 5 easy ways to froth milk at home.

EASY TEA RECIPES EBOOK
Filled with quick, easy, and delicious tea recipes.
GET EBOOK
PIN THIS
Want to save this London Fog drink recipe for later? Save it to your Pinterest board now!
SAVE TO PINTEREST

London Fog Drink (Earl Grey Tea Latte)

Author: Jee Choe
Make London Fog at home with this simple and tasty recipe. 
4.7 from 71 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

The nutrition information is an estimate calculated using an online nutrition calculator.

Keyword earl grey latte, london fog latte, tea latte
Did you make this recipe?Mention @ohhowcivilized and use hashtag #ohhowcivilized!

Free Tea Brew Cheat Sheets

Sign up for the Oh, How Civilized email list and get my tea cheat sheets!

23 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
  9. I’ve only used the battery powered milk frothers & skim milk seems to froth the best with them. I haven’t have much luck frothing 2% or whole milk.

    Reply
  10. 5 stars
    Thanks for the recipe Jee! I am happy to have found this blog. I made a few modifications based on what I have in the house. It can indeed be made “decaf” by using Bigelow’s decaf Earl Grey tea bags. Not the same as loose tea but I can’t do caffeine. I used raw sugar instead of brown sugar. I put the dried lavender buds in a tea ball and let it steep while the tea bag did. I also use a hand-held milk frother. I used to make mine with Starbuck’s caramel syrup but that’s really not necessary.

    Reply

Leave a Comment

RATE THE RECIPE: