Enjoy a 10% discount on all orders over $60

Classic Hot London Fog Latte

Experience the comfort of a Hot London Fog Tea Latte at home. This easy tea recipe combines Earl Grey tea, frothy milk, and vanilla for a warm, soothing drink perfect for any time of day.

December 11, 2023
London Fog Tea LattePhoto By Canva
Difficulty Easy
Servings 1 people
Preparation 5 mins
Cooking 10 mins
Total 15 mins


  • 1 cup of boiling water
  • 1/2 cup of milk
  • 1 Earl Grey tea bag or 2 teaspoons of loose-leaf Earl Grey tea
  • 1 tablespoon of vanilla syrup
  • Lavender buds for an aromatic twist (optional)


Brewing the Tea

  1. Place the Earl Grey tea bag or loose-leaf tea in a cup. Pour boiling water over it and let it steep for 3-5 minutes, depending on how strong you like your tea.
  2. After steeping, remove the tea bag or strain the loose-leaf tea.

Preparing the Frothed Milk

  1. In a small saucepan, heat the milk over medium heat until it's warm but not boiling. Alternatively, you can heat it in the microwave.
  2. Use a milk frother to froth the warm milk until it's creamy and has soft peaks. If you don't have a frother, you can vigorously whisk or shake the milk in a jar.

Assembling the London Fog Latte

  1. Pour the vanilla syrup into the brewed tea and stir well.
  2. Gently pour the frothed milk into the cup with the tea. Hold back the foam with a spoon and then scoop it on top.
  3. If using, sprinkle a few lavender buds on top for an extra layer of aroma and flavor.
Nutrition Facts
Serving Size 1 London Fog Tea Latte
Serves 1
Amount Per Serving
% Daily Value*
Protein 5 g10%
Total Fat 2 g2.6%
*The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.


  • Use a high-quality Earl Grey tea for the best flavor. The distinctive taste of bergamot in Earl Grey is key to this latte's unique profile. For more, check out our ‘Types of Tea’ article.
  • Avoid over-steeping your Earl Grey tea as it can become bitter. Usually, 3-5 minutes is sufficient.
  • You can use any type of milk, but full-fat milk froths better. For a dairy-free version, almond or oat milk are great alternatives. For more, check out our ‘Types of Milk’ article.
  • Adjust the amount of vanilla syrup according to your sweetness preference. You can also use homemade vanilla syrup for a more natural flavor.
  • If you don’t have a frother, shaking warm milk vigorously in a jar or using a whisk can create a decent froth.
  • A pinch of culinary lavender adds a lovely aroma and complements the bergamot flavor, but it's optional.
  • This recipe makes one serving, but it can easily be doubled or adjusted as needed.
Rate This Recipe

Embrace the warmth and comfort of a London Fog Latte recipe, a classic drink that combines the robust flavor of Earl Grey tea with the creamy richness of frothed milk and a hint of vanilla. Originating from the Pacific Northwest, this latte has gained popularity for its unique flavor and soothing qualities. It's the perfect beverage for a relaxing evening or a peaceful morning.

What Is London Fog Tea Latte?

The London Fog drink, also known as the London Fog Tea Latte,is a delightful and comforting beverage that combines Earl Grey tea, steamed milk, and vanilla syrup. The name "London Fog" is often associated with the drink's slightly mysterious and aromatic nature.

A London Fog Latte is typically served hot. This latte offers a perfect blend of the bold, citrusy notes of Earl Grey tea and the creamy sweetness of steamed milk, all elevated by a hint of vanilla. The result is a soothing and fragrant tea latte that has gained popularity for its unique flavor profile.

Whether enjoyed on a chilly day or as a comforting treat, the London Fog Tea Latte has become a beloved choice for tea enthusiasts and those looking to explore delightful beverage options.

The classic London Fog Tea Latte is a beautiful amalgamation of the robust, citrusy notes of Earl Grey tea and the creamy richness of steamed milk. The addition of vanilla syrup adds a sweet, aromatic layer that complements the tea's bergamot essence. The drink's name, “London Fog,” is a nod to the foggy weather often associated with London, and it perfectly captures the cozy, comforting essence of the beverage. It's like a warm, gentle embrace in a cup, ideal for foggy, rainy days or whenever a soothing,

London Fog Tea Latte Variations

The London Fog Tea Latte, with its delightful blend of Earl Grey tea, milk, and vanilla, offers a canvas for various creative variations. While there are variations and iced versions of some tea lattes, the traditional London Fog Latte is enjoyed as a hot beverage.

Here are some ideas to add a twist to this classic drink:

  • Vegan London Fog: Use plant-based milk like almond, soy, or oat milk instead of dairy milk. Many of these alternatives froth well and add their unique flavor to the drink.
  • Honey Lavender London Fog: Incorporate a hint of floral sweetness by adding a spoonful of lavender-infused honey. This pairs beautifully with the bergamot flavor of Earl Grey.
  • Chai London Fog: Replace Earl Grey tea with a strong brew of Chai tea for a spicier version. The spices in Chai, like cinnamon and cardamom, offer a warm and invigorating twist.
  • Chocolate London Fog: Add a chocolatey dimension by whisking cocoa powder into the milk as you heat it. This creates a comforting chocolate Earl Grey blend.
  • Iced London Fog: Cool down on a hot day with an iced version of the London Fog. Simply chill the brewed tea and pour over ice, adding cold frothed milk and vanilla syrup.
  • Pumpkin Spice London Fog: Stir in a touch of pumpkin spice mix or syrup into the brewed tea for a fall-inspired variation. This is especially delightful during the autumn months.
  • Caramel London Fog: Swap out vanilla syrup for caramel syrup for a richer, deeper sweetness that complements the Earl Grey tea wonderfully.
  • Matcha London Fog: For a green tea version, whisk matcha powder into the steamed milk. This not only adds a vibrant color but also a unique, earthy flavor.

Hot London Fog Latte vs Iced London Fog Latte

The difference between a hot and iced London Fog Latte is their preparation methods. The hot version is made with a base of Earl Grey tea served at a warm temperature. Steamed milk, whether dairy or non-dairy, is added, along with a sweetener like vanilla syrup or honey. On the other hand, the iced version is made with Earl Grey tea at a cold or room temperature. Served over ice, it becomes a refreshing beverage, with cold milk and a sweetener completing the ensemble.

Both versions are made with Earl Grey tea, frothed milk, and a touch of sweetness.

How To Make Starbucks London Fog Tea Latte At Home?

Making a Starbucks-style London Fog Tea Latte at home is quite simple. Here's a basic copycat recipe:

Starbucks London Fog Tea Latte Recipe (Copycat)


  • 1 Earl Grey tea bag
  • 1 cup hot water
  • 1/2 cup steamed milk
  • 1-2 tablespoons vanilla syrup (adjust to taste)
  • Optional: a sprinkle of lavender or a lavender syrup for extra flavor


  1. Steep the Earl Grey tea bag in hot water for about 3-5 minutes, or according to the package instructions.
  2. While the tea is steeping, heat and froth the milk. You can use a milk frother or heat the milk on the stovetop and whisk it until frothy.
  3. Remove the tea bag from the water and add the vanilla syrup.
  4. Pour the steamed milk into the tea.
  5. Optional: Add a sprinkle of lavender or a splash of lavender syrup for a unique twist.
  6. Stir well and enjoy your homemade London Fog Tea Latte!
  7. Adjust the tea strength, sweetness, and milk ratio according to your preference.

How To Make An Iced London Fog Latte?

To make an Iced London Fog Latte,

  • Brew the Tea: Place the Earl Grey tea bag in a cup. Pour hot water over the tea bag and let it steep for about 3 to 5 minutes.
  • Sweeten the Tea: Remove the tea bag and add vanilla syrup or honey to sweeten the tea. Adjust the sweetness to your liking.
  • Cool the Tea: Allow the tea to cool to room temperature. You can speed up the process by placing it in the refrigerator.
  • Prepare a Glass with Ice: Fill a glass with ice cubes.
  • Assemble the Iced London Fog: Pour the cooled, sweetened Earl Grey tea over the ice.
  • Add Milk: Pour milk over the tea. You can use any type of milk you prefer, whether dairy or non-dairy. Briefly stir to combine.
  • Serve and Enjoy: Garnish with dried lavender buds or a slice of lemon. Iced London Fog Latte is ready to be enjoyed!

What's The Difference Between A London Fog And A Chai Tea Latte?

The main difference between a London Fog and a Chai Tea Latte lies in the type of tea used and the flavor profile.

London Fog:

  • Tea Type: Earl Grey tea is the star of a London Fog. Earl Grey is a black tea flavored with oil of bergamot, giving it a distinctive citrusy and floral aroma.
  • Flavor Profile: London Fog has a more delicate and mildly citrusy flavor compared to the bold and spiced profile of chai.

Chai Tea Latte:

  • Tea Type: Chai is a blend of black tea and various spices, including cinnamon, cardamom, ginger, and cloves.
  • Flavor Profile: Chai Tea Lattes are known for their robust, spicy, and warming flavor. The spices in chai provide a more complex taste compared to the simpler profile of Earl Grey.

While both are tea lattes and can be made with steamed milk, the choice between a London Fog and a Chai Tea Latte often comes down to personal preference for the type of tea and flavor intensity. If you enjoy a fragrant, citrusy tea, you might lean toward a London Fog. If you prefer a spicier and more robust flavor, a Chai Tea Latte might be your preference.

How To Serve London Fog Tea Latte?

To serve London Fog Drink,

  • Select the Right Cup: Choose a large, comfortable mug that's perfect for wrapping your hands around. A clear glass mug can also be a great choice to showcase the beautiful layers of the tea latte.
  • Preheat Your Cup: Before pouring in your tea latte, preheat the cup with some hot water. This keeps your drink warmer for longer, especially on chilly days.
  • Garnish Thoughtfully: For an extra touch of elegance, garnish the top of your latte. A sprinkle of cinnamon or nutmeg, a twist of lemon peel, or a few lavender buds can add visual appeal and enhance the flavor.
  • Serve with a Small Spoon: Include a small spoon for stirring, especially if you've added syrups or garnishes.

What To Serve with London Fog Tea Latte?

London Fog Tea Latte pairs well with a variety of baked goods and light snacks.

Here are our delicious recipes that you can serve with London Fog Drink:

Is a London Fog Latte Caffeinated?

Yes, a London Fog Drink is typically caffeinated. It's made with Earl Grey tea, which contains caffeine. The caffeine content can vary depending on factors like the specific type and brand of tea used, but in general, Earl Grey tea has a moderate amount of caffeine. If you're looking for a non-caffeinated option, you might consider using a decaffeinated tea or a caffeine-free alternative.

Recipe byPetite Gourmets

Did you make this recipe?

Tag @PETITEGOURMETS using the hashtag #PGRECIPES and share on Instagram. We'll feature you on our site.

Shop on Petite Gourmets