Sweet, creamy, and blended with Earl Grey tea, a London Fog Latte is a tasty twist on a black tea latte. My version adds soothing brown sugar lavender simple syrup for a special lavender aroma & delicate flavor.

Glass mug of tea topped with a white foam and a lavender flower.

A London Fog Latte is a delicious tea-based hot drink that is made by mixing Earl Grey tea, frothed milk, and vanilla syrup. Many London Fogs variations at coffee shops have additional flavorings, such as lavender and honey.

I’ve found that those who love this recipe are also big fans of this iced chai latte with matcha cold foam or my iced matcha latte with lavender cream.

This drink has all the great flavor of Earl Grey tea – refreshing citrus from the bergamot oil and the malty taste of black tea. This is mixed with the creamyness of the milk and sweet vanilla flavor.

Is there Sugar in a London Fog?

London Fog is a sweet drink, but it depends on how much simple syrup you add. It can also be sweetened with honey or sugar substitutes if you like. It’s a great idea to make a London Fog yourself at home, so that you can control how much sugar goes in.

If you’re craving a sweet treat infused with London Fog goodness, try my recipe for London Fog Gelato Ice Cream. It’s incredible!

What is in a London Fog at Starbucks?

A Starbucks London Fog contains milk, an infused mix of black tea, bergamot essence, lavender flowers, and finally, vanilla syrup. It’s fairly simple and totally re-creatable at home with this recipe.

You may also love this item from the 2024 Spring menu, Iced Lavender Cream Oatmilk Matcha Latte.

How to Make a London Fog Latte

Step 1: Lavender Simple Syrup

You will need the following ingredients to make the lavender syrup:

Ingredients for lavender syrup including lavender, water and sugar.

Add a quarter cup of brown sugar and a quarter cup of water to a saucepan. Turn the heat to medium and stir until the sugar is completely dissolved.

Remove the syrup from heat, then add the flowers from two stems of lavender and vanilla extract. Let the whole mixture steep for 30 minutes. Keep in a sealed container in the refrigerator until ready to use.

Dark syrup in a slender glass jar with a few stems of lavender sticking out.

Step 2: London Fog Tea

Gather your ingredients, including your pre-made lavender syrup.

Ingredients for an earl grey tea latte including lavender simple syrup.

Start by bringing 3/4 cup of water to a boil. Then, steep the Earl Grey tea bag in the boiling water.

Tea steeping in a small jar next to a milk in a milk frother.

Once steeped, remove the teabag from the water and proceed with your heated (or non-heated for iced) dairy or non-dairy milk and up to one tablespoon of the lavender simple syrup using one of the following methods:

Metal Whisk

Add the milk or non-dairy milk to the tea and whisk until frothy in a “W” or “M” shaped pattern. Pour over ice if you prefer an iced latte. Sweeten with the lavender simple syrup.

Blender

Add the milk or non-dairy milk and steeped tea to a high-speed blender. Run the blender for one minute until you have a smooth frothy liquid. Pour over ice if you prefer an iced latte. Sweeten with the lavender simple syrup.

Jar with Lid

Add the milk or non-dairy milk and the steeped tea to a jar. Seal, and shake until well mixed and frothy. If you prefer an iced latte, add the ice before shaking. This method works great as an iced latte since the solid ice tends to help shake it up well. Sweeten with the lavender simple syrup.

Frother or Handheld Frother

Add the milk or non-dairy milk and the steeped tea to the glass. Use your frother to froth the mixture. (You will do this directly in the glass/mug if using a hand frother.) If making an iced latte, add ice after. Sweeten with the lavender simple syrup.

Steamer/Espresso Machine

Steam the milk using your steamer or espresso machine. Add the milk or non-dairy milk over the steeped tea. Pour over ice and stir it if you prefer an iced latte. Sweeten with the lavender simple syrup. Drink and enjoy!

Top view of a tea latte with foam and lavender.

More Barista-Quality Drinks

Try these fantastic beverages at home next!

London Fog Latte with Lavender Simple Syrup

5 from 7 votes
Print Recipe Save
Sweet, creamy, and blended with Earl Grey tea, this London fog latte is a tasty twist on a black tea latte. My version adds in soothing brown sugar lavender simple syrup for a very special essence & flavor.
Prep Time5 minutes
Cook Time5 minutes
Resting Time30 minutes
Total Time40 minutes
Course: Drinks
Cuisine: American
Servings: 1
Calories: 80kcal

Ingredients

Lavender Simple Syrup

  • 1/4 cup water
  • 1/4 cup sugar I prefer brown sugar, but granulated and turbinado also work
  • 2 fresh lavender stems stem removed
  • 1/2 tsp vanilla extract optional

Earl Grey London Fog Latte

  • 1 earl grey teabag
  • 1 tbsp lavender simple syrup
  • 1/3 cup non-dairy milk heated (oat milk recipe here)
  • 3/4 cup water

Instructions

Lavender Simple Syrup

  • Add 1/4 cup turbinado + 1/4 cup water to a sauce pan. Turn to medium heat and stir until dissolved. Remove from heat, add the two lavender flowers and vanilla extract, and let steep for 30 minutes. Keep in a sealed container in the refrigerator.

Earl Grey Latte

  • Bring 3/4 cup of water to boil.
  • Steep the tea in the water. If making a hot latte, heat the milk over low heat without bringing it to a boil. If making an iced latte, no need to heat it. Then continue using one of the following methods:

Metal Whisk

  • Add the milk or non-dairy milk to the tea and whisk until frothy in a “W” or “M” shaped pattern. Pour over ice if you prefer an iced latte. Sweeten with the lavender simple syrup.

Blender

  • Add the milk or non-dairy milk and steeped tea to a high-speed blender. Run the blender for one minute until you have a smooth frothy liquid. Pour over ice if you prefer an iced latte. Sweeten with the lavender simple syrup.

Frother

  • Add the milk or non-dairy milk and the steeped tea to the glass. Use your frother to froth the mixture. (You will do this directly in the glass/mug if using a hand held frother.) If making an iced latte, add ice after. Sweeten with the lavender simple syrup.

Steamer or Espresso Machine

  • Steam the milk using your steamer or espresso machine. Add the milk or non-dairy milk over the steeped tea. Pour over ice and give it a stir if you prefer an iced latte. Sweeten with the lavender simple syrup.

Jar

  • Add the milk or non-dairy milk and the steeped tea to a jar. Seal, and shake until well mixed and frothy. If you prefer an iced latte, add the ice before shaking. This method works great as an iced latte, since the solid ice tends to help shake it up well. Sweeten with the lavender simple syrup.

Notes

You can skip the blender/frother/steamer and just add the milk to the steeped tea.
You can use regular lavender simple syrup, too, by purchasing it or making it with cane or granulated sugar, instead.

Nutrition

Calories: 80kcal | Carbohydrates: 13g | Protein: 2g | Fat: 2g | Saturated Fat: 1g | Sodium: 53mg | Potassium: 111mg | Fiber: 1g | Sugar: 12g | Vitamin A: 309IU | Vitamin C: 6mg | Calcium: 110mg | Iron: 1mg
Did you try this recipe?I’d love to hear what you think! Leave a Review to let us know how it came out, if you have a successful substitution or variation, or anything else.

2 Comments

  1. I’m really interested in making this. Can I use my own Lavender, from my garden to make the syrup? I don’t use any pesticides and I just dry it in my house.

5 from 7 votes (7 ratings without comment)

Leave a Reply

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.