London Fog Drink (Earl Grey Tea Latte)

This post may contain affiliate links. As an Amazon Associate I earn from qualifying purchases.
JUMP TO RECIPE

Made with Earl Grey tea and warm milk, a London Fog drink is a delicious tea latte with hints of vanilla and lavender. Brown sugar adds a touch of sweetness. Make this London Fog drink at home with this simple and tasty recipe.

London Fog drink with dried lavender garnish in a grey mug.

Recipe Highlights

  • A London Fog drink is an Earl Grey tea latte. It’s made with Earl Grey tea and frothed milk.
  • 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.
  • Velvety, cafe-quality milk froth is made at home using my trick of using a French press.

If you love Earl Grey, check out my London Fog Frappuccino, Earl Grey Hot Chocolate, Iced Earl Grey Tea Latte, Earl Grey Chocolate Spread, and Earl Grey Salted Caramel recipes. See how to make Earl Grey tea properly.

Ingredient Notes

London Fog drink ingredients.
  • Earl Grey tea
    Earl Grey is the star of this drink and it can’t be called a London Fog without it. Use loose tea or tea sachets instead of tea bags for a better quality cup of tea.
  • Water
    Use filtered water to make tea if possible.
  • Brown sugar
    White sugar works too but brown sugar adds a richer sweetness due to the molasses.
  • Vanilla extract
    A flavor enhancer that makes tea lattes extra delicious.
  • Dried lavender buds
    The standard London Fog drink recipe is made without lavender so feel free to take this out.
  • Milk
    Any kind you prefer.
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

Step-by-Step Instructions

Four photo collage showing steps to make an Earl Grey tea latte.

For full ingredients and instructions, scroll down to see the recipe.

  1. Combine tea, lavender buds, and hot water in a teapot. Cover and steep.
    Use an electric kettle with temperature setting to quickly and easily boil filtered water for tea or boil water on the stovetop. While tea is steeping, make the frothed milk.
  2. Heat milk and pour into a French press. Pump French press plunger until milk doubles in volume.
    If you don’t have a milk frother, a French press makes excellent frothy milk perfect for tea lattes.
  3. Strain tea leaves and pour tea into a cup. Stir in sugar and vanilla extract.
  4. Pour frothed milk from the French press into the cup.

Expert 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!
  • Be careful not to boil the milk since it can easily burn. Use low heat and let the milk come to a simmer then turn off the heat.
  • To microwave the milk, heat 30 seconds at a time in a microwave-safe cup.

RELATED: Starbucks Iced London Fog Tea Latte Copycat

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 drink?

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 since it’s made with black tea.

What is Victoria Fog?

Victoria Fog is a variation on London Fog where the Earl Grey tea is taken out and replaced with lavender tea. A Cape Town Fog is where the Earl Grey is substituted with rooibos. Tokyo Fog is a tea latte made with matcha instead of Earl Grey and a Dublin Fog is made with Irish breakfast tea instead of Earl Grey.

Pouring frothed milk into a cup with Earl Grey tea.

Did you make this and love it? Please leave a 5-star rating below or a review in the comments section!

Want to save this recipe to Pinterest for later? Pin it now to your Pinterest board!

Easy London Fog Drink (Earl Grey Tea Latte)

Author: Jee Choe
Make London Fog at home with this easy and tasty recipe. 
4.7 from 95 votes
Prep Time 3 mins
Steep Time 5 mins
Total Time 8 mins
Course Drinks
Yield1 serving

INGREDIENTS
 

INSTRUCTIONS
 

  • 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.
    While tea is steeping, make the frothed milk.
  • Heat milk and pour into a French press. Pump French press plunger until milk doubles in volume.
    Heat milk on the stovetop by simmering on low then turning off the heat. Keep careful watch to make sure the milk doesn't come to a boil. Stir occasionally.
    Fill the French press halfway with milk. You want to leave room since the milk will double in volume.
  • Strain tea leaves and pour tea into a cup. Stir in sugar and vanilla extract.
  • Pour frothed milk from the French press into the cup.
    Garnish with dried lavender buds.

NOTES

  • You can take out the dried lavender if you wish since the drink is still delicious without it.
  • 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.
  • Be careful not to boil the milk since it can easily burn. Use low heat and let the milk come to a simmer then turn off the heat.
  • To microwave the milk, heat 15 seconds at a time in a microwave-safe cup.
  • Any milk you prefer can be used. But know that not all milk will froth as well as whole or 2% milk.
  • Make sure to hold down the lid of the French press so that you don’t make a mess when pumping.
  • Always add vanilla extract last since you don’t want it to cook down and evaporate. The flavor will be weaker if it’s hot for too long.
  • You can use white sugar if you don’t have any brown sugar but the brown sugar adds a richer sweetness due to the molasses.
  • Loose tea, tea sachets, or tea bags can be used to make this drink but I recommend using loose tea or tea sachets since the quality is a lot better. Tea bags contain the lowest quality tea.
  • Victoria Fog is a variation on London Fog where the Earl Grey tea is taken out and replaced with lavender tea. A Cape Town Fog is where the Earl Grey is substituted with rooibos. Tokyo Fog is a tea latte made with matcha instead of Earl Grey and a Dublin Fog is made with Irish breakfast tea instead of Earl Grey.

NUTRITION

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

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

  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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

Leave a Comment

RATE THE RECIPE: