London Fog Latte (Earl Grey Tea Latte)

A London Fog latte is a warm tea latte made with Earl Grey tea, steamed milk, vanilla, and a touch of sweetness. Make it easily at home with this step-by-step tutorial.

earl grey tea with milk in a clear glass topped with edible flowers

If you love Earl Grey tea, a London Fog latte is a must-try. This cozy tea latte combines bold black tea with creamy milk, vanilla, and just the right touch of sweetness.

It’s smooth, comforting, and surprisingly easy to make at home—perfect for slow mornings or an afternoon pick-me-up on a chilly day. Let’s make one!

Disclaimer: This post may contain affiliate links, which means if you decide to purchase any of the items linked in this post, I should earn a small commission. This creates no additional cost to you and helps support the work that goes into running The Fig Jar. Thank you! -Becky 

What is a London Fog Latte?

A London Fog latte is a warm tea latte made with Earl Grey tea, steamed milk, vanilla, and a touch of sweetness. It’s smooth, lightly floral, and comforting—similar to a coffee latte, but made with tea instead of espresso.

Unlike milk tea, which is typically sweeter and often served iced, a London Fog is traditionally served hot and has a lighter, more balanced flavor.

Why you’ll love this recipe

Warm, creamy, and comforting – the perfect cozy drink when you want something a little more special than plain tea

Balanced flavor – the citrusy notes of Earl Grey pair beautifully with vanilla and milk

Easy to make at home – no fancy equipment needed, just a few simple ingredients

Customizable – adjust the sweetness, milk, or tea strength to suit your taste

A great coffee alternative – a smooth, lightly caffeinated option without espresso

Ingredients for London Fog Latte

  • Earl Grey Tea bags or loose leaf tea
  • Hot water
  • Sugar – granulated cane sugar gives the best results
  • Milk of choice – my favorite to tea lattes is 2% as it has just enough creaminess without overpowering the tea. But if you have any plant-based milks you like or want to use whole or nonfat milk, give it a try!
  • Vanilla bean paste (affiliate link) or vanilla extract

How to Make a London Fog Latte

Start by boiling water and adding it to your mug with an Earl Grey tea bag. If you use loose-leaf tea, add your tea to a tea infuser. A general rule is to use one teaspoon of loose tea per 6oz of water.

Steep for 3-5 minutes.

Add sugar and stir until dissolved. You can also add vanilla bean paste (affiliate link) at this point if you’re using it. 

sugar being stirred into earl grey tea until dissolved

Warm your milk in a small pot on the stove until hot or in the microwave for 30 seconds to a minute. Use a milk frother (affiliate link) to make it foamy (if you’re feeling fancy)! 

Then add the hot milk to your tea.  

I just bought a bottle of dried edible flowers so I topped mine with a few for an extra special touch, but that’s definitely not required and does not affect taste.

These are the ones I bought and I love them! But there are cheaper options if you look around on Etsy!

Tips and substitutions

Make it dairy-free: Use oat milk, almond milk, or coconut milk for a creamy plant-based version. Oat milk works especially well for frothing.

Adjust sweetness: Start with a small amount of sugar, then adjust to taste. You can also use honey, maple syrup, or vanilla syrup instead.

Boost the vanilla flavor: Vanilla bean paste gives the richest flavor, but vanilla extract or vanilla syrup works just as well.

Stronger tea flavor: use an extra tea bag for a bolder London Fog.

Make it extra cozy: Froth your milk for a café-style finish at home.

flat lay view of an earl grey tea with milk
Print

London Fog (Earl Grey Latte) Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Learn how to make a London Fog latte at home with Earl Grey tea, milk, vanilla, and sugar. A simple, cozy tea latte that’s creamy and comforting.

  • Author: Becky Schmieg
  • Cook Time: 5 minutes
  • Total Time: 5 minutes
  • Yield: 1 1x
  • Category: Drinks
  • Cuisine: English

Ingredients

Units Scale

Instructions

  1. Steep tea bag in boiled water for 5 minutes.
    earl grey tea steeping in a mug
  2. Warm milk in the microwave or on the stove, froth if desired.
    warm milk being frothed for an earl grey latte
  3. Add sugar and vanilla bean paste to steeped tea and stir until dissolved.
    sugar added to earl grey tea
  4. Pour warmed/frothed milk over the tea and serve immediately.
    frothed milk being poured over a cup of earl grey tea to make earl grey tea with milk
  5. Enjoy!
    london fog drink in a clear glass mug

Did you make this recipe?

Share a photo and tag us on Instagram @thefigjar. We can’t wait to see what you’ve made!

Tried this recipe?

If you try this recipe, please leave a star rating below and let me know how it went. I’d love to hear from you! You can also find me on Pinterest!

More tea recipes

Earl Grey Milk Tea Recipe (With Boba)

Matcha Latte with Oat Milk

Iced Dirty Chai Latte

Ginger Mint Tea 

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star