Skip to Content

Iced London Fog Latte Recipe

Learn how to make an Iced London Fog Latte at home with this step-by-step tutorial and recipe! I included two versions: Classic iced latte and sweet cream!

A diptych showing two ways to make an iced London Fog Latte at home.

If you’re looking for a highly flavorful drink to add into your tea rotation, may I suggest an Iced London Fog Tea Latte.

The Earl Grey tea is good and pungent, and my recipe calls for 2 tea bags to ensure the flavor shines through (we don’t want barely-flavored iced tea lattes here!).

Plus I included two ways to make this drink: the classic iced Earl Grey tea latte, and a second version featuring a delicious vanilla sweet cream (the second version is my personal favorite).

Are you ready to learn how to make them? Okay, let’s get started!

Quick aside: If you prefer a hot drink, make sure to check out my Hot London Fog Tea Latte recipe!

Video Tutorial

Here’s a video tutorial in case you learn better by watching a demonstration. The full written tutorial and recipe card are below!

Ingredient Notes: Traditional Iced Latte

All of the ingredients needed for a traditional iced London Fog latte.

For the traditional iced latte version, here’s what you’ll need:

  • Earl Grey Tea Bags: As I mentioned before, I use 2 tea bags to ensure the flavor is strong enough. You should be able to find Earl Grey tea bags at most grocery stores. I like black tea Earl Grey, but I’m sure you could experiment with another variety. Make sure that bergamot oil is in the ingredient list!
  • Lavender: This is optional, but it does add an extra layer of flavor. Make sure you source organic, food grade lavender flowers! Use just half a teaspoon for a touch of lavender flavor, or a full teaspoon for a bolder flavor.
  • Boiling Water: I wanted to make this into a tea concentrate to avoid a watery iced latte, so I only use ½ cup of water to brew the tea.
  • Ice Cubes: I like to use a medium-sized ice cube for this drink, but any size will do!
  • Vanilla Syrup: Starbucks uses vanilla syrup to sweeten and flavor their version, so use that for the most accurate recreation. See the Substitutions section at the end of this post for some ideas for what to use instead. You can use a store-bought syrup or my Homemade Vanilla Syrup.
  • Milk: Starbucks uses 2% milk for their version, but I like to use whole milk for a creamier, richer flavor.
  • Cream: Starbucks doesn’t include any cream in their version, so skip this and use more milk if you prefer a leaner drink.

Step-by-Step Instructions

Placing lavender buds in a mesh tea steeper.

Place the lavender in a tea strainer and close tightly.

If you don’t own a tea strainer, you could simply place the lavender in the boiling water, then strain it through a fine mesh sieve when it’s done brewing.

A collage of 4 photos showing the process of making the tea for a traditional iced London Fog latte.

Pour ½ cup of boiling water into a heat safe glass or measuring cup.

Add the tea bags and lavender to the hot water.

Cover and allow to steep for 5 minutes.

A 4 photo collage showing the steps to putting together an iced London Fog latte.

Add the ice cubes to a 12 to 16 ounce glass. Pour the milk and cream on top.

Add 1 to 3 teaspoons of vanilla syrup and mix well.

Squeezing out the earl grey tea bags after brewing.

When the tea is done steep, remove the lavender and squeeze out the tea bags.

Yes, I know this is controversial. I like to squeeze the bags to extract more flavor. If you are completely opposed to this, just skip it!

Pouring the brewed tea concentrate over the milk/cream/ice mixture in the glass.

Pour the brewed tea over the milk/cream/vanilla syrup mixture in the glass.

Serving

An iced London Fog in a transparent glass on a white countertop with a window in the background.

Serve immediately.

You can either mix everything together, or keep the layers separate. It’s mostly an aesthetic preference between stirring and not stirring.

Ingredient Notes: Sweet Cream Cold Foam Version

All of the ingredients to make an iced Earl Grey with sweet cream cold foam.

Now it’s time for the sweet cream version (my personal favorite)! You’ll be using all of the same ingredients as the classic iced latte, but in different ratios.

The main difference is you’ll be brewing the tea with more water, and you’ll use a higher ratio of cream.

Also, you’ll use the syrup to sweeten both the tea and the sweet cream.

Brewing the earl grey tea for the cold foam version.

Pour the boiling water into a heat proof glass or measuring cup, but this time use ⅔ cup. I chose this amount to mimic the flavor strength of cold brew.

Add the lavender (in a tea strainer) and tea bags to the boil water.

Cover and allow to steep for 5 minutes.

Remove the lavender and squeeze out the tea bags (or don’t if you prefer).

Pouring the brewed tea over the ice in the glass.

Pour the brewed tea over 1 cup of ice in a 16 ounce glass.

Adding the vanilla syrup to the iced tea in the glass.

Add 1 teaspoon of vanilla syrup and stir well.

Making the Sweet Cream:

A collage of 4 photos showing the steps to making the sweet cream cold foam.

Place the vanilla, cream, and milk in a small glass or measuring cup.

Whip with a handheld milk frother until it increases in volume and thickens somewhat.

You don’t want to over-mix it, otherwise it will become very thick and won’t mix well with the rest of the drink.

Pouring the sweet cream on top of the brewed tea in the glass.

Pour the sweet cream over the tea/ice mixture.

An iced London Fog latte in a glass with cold foam slowly melding into the drink.

Look how beautiful that is!

Serve immediately.

What a wonderful way to still enjoy your daily cup of tea during the warmer months!

Make-Ahead:

You could brew up a double batch (or an even bigger batch) of tea, then store what you don’t use in an airtight container in the refrigerator for the next day.

Substitutions:

  • Vanilla Syrup: If you don’t have any vanilla syrup on hand, make sure to check out my Vanilla Syrup Substitute post. You could also use ¾ teaspoon of sugar or another dry sweetener for each “pump” of syrup. If you opt for a liquid sweetener such as maple syrup, honey, or agave nectar, you can substitute at a 1:1 ratio and add a bit of vanilla extract.
  • Milk: For the classic iced latte version, you can substitute your favorite plant based milk and creamer for the milk and cream. I personally prefer oat milk over almond milk or coconut milk for iced drinks, but if you love one of those, by all means use it! Now the sweet cream version relies on the cream to thicken the mixture, so a plant-based alternative probably won’t work as well there.
  • Lavender Flowers: If you have a hard time sourcing lavender flowers, you could always try using a lavender syrup for part or all of the sweetener. You should be able to find one at most grocery stores. Another option would be to purchase a lavender Earl Grey tea.
An iced London Fog latte in a glass with cold foam slowly melding into the drink.

What’s in a Starbucks Iced London Fog Latte?

The Starbucks Iced London Fog is made from ice, milk (2% is the standard), tea, water, and vanilla syrup.

Here is the full ingredient list:

Ice, Milk, An infusion of [water, black tea, bergamot essence, lavender flowers], Vanilla Syrup [sugar, water, natural flavors, potassium sorbate, citric acid]

How Much Sugar is in the Starbucks Iced London Fog?

A tall Starbucks iced London Fog Latte contains 19 grams of sugar. The Grande has 25 grams of sugar, and a Venti has 37 grams of sugar.

How Much Caffeine is in the Starbucks Version?

A tall Starbucks iced London Fog Latte (which is made with only 1 tea bag) has around 40 milligrams of caffeine. For comparison, a tall Iced Caffè Latte contains 75 milligrams of caffeine, or a little under double the amount of the iced tea latte.

So while this drink has less caffeine than an espresso-based drink, it still has a pretty good amount. I sometimes use a decaf Earl Grey tea, so in that case it’s caffeine-free.

Price Comparison (How much money you’ll save making it at home):

A tall Starbucks Iced London Fog Latte will cost around $4.95 before tax and tips (it will probably be closer to $6 when all is said and done).

My homemade version will cost you just $1.25 if you use a similar quality of ingredients as Starbucks. Of course if you opt for organic milk, cream, and tea, the price will go up. But it will still be more affordable than the non-organic Starbucks version!

More Tea Recipes

Recipe Card

Yield: 1 serving

Iced London Fog Latte Recipe

Pouring the sweet cream on top of the brewed tea in the glass.

Learn how to make a delicious London Fog latte at home two ways!

Prep Time 10 minutes

Ingredients

Iced Latte Version:

  • ½ teaspoon organic food grade lavender buds (optional, see note)
  • 2 Earl Grey tea bags
  • ½ cup boiling water
  • ¾ cup ice cubes
  • ¼ cup whole milk
  • ¼ cup heavy cream
  • 1 to 3 teaspoons vanilla syrup (see note)

Sweet Cream Version

  • 2 Earl Grey tea bags
  • ½ teaspoon organic food grade lavender buds (optional, see note)
  • ⅔ cup boiling water
  • 1 teaspoon vanilla syrup
  • 1 cup ice cubes
  • 3 tablespoons heavy cream
  • 1 tablespoon whole milk
  • 1 tablespoon vanilla syrup

Instructions

For the Iced Latte Version:

  1. Place the lavender in a tea strainer and place in a heat-proof glass. Add the two tea bags beside it. Pour the ½ cup boiling water on top. Cover and allow to steep for 5 minutes. Squeeze out the tea bags and discard the lavender.
  2. Place the ice cubes in a 12 to 16 oz. glass. Add the milk, cream, and vanilla syrup. Give it a good stir.
  3. Pour the brewed tea on top, and serve immediately.

For the Sweet Cream Version:

  1. Place the lavender in a tea strainer and place in a heat-proof glass. Add the two tea bags beside it. Pour the ⅔ cup boiling water on top. Cover and allow to steep for 5 minutes. Squeeze out the tea bags and discard the lavender.
  2. Place the ice cubes in a 16 ounce glass. Pour the brewed tea on top. Add the 1 teaspoon of vanilla syrup and stir well.
  3. Place the heavy cream, milk, and 1 tablespoon of vanilla extract in a small glass or measuring cup. Use a handheld milk frother to mix until it increases in volume and thickens slightly.
  4. Pour over the tea mixture in the glass and serve immediately.

Notes

  • Lavender: This is optional, but it does add a nice floral flavor to the drink. The Starbucks version of this drink includes lavender, so keep that in mind if you're wanting to recreate that flavor. Make sure your lavender is organic and edible!
  • Vanilla Syrup: The amount of syrup you use is totally dependent on how sweet you like your iced lattes! You can use a premade syrup, or make your own using my recipe to save money!
  • Nutrition Facts: Nutritional info is calculated off of the iced latte version.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:

Yield:

1

Amount Per Serving: Calories: 267Sodium: 49mgSugar: 11gProtein: 3g

Did you make this recipe?

Please share a photo and tag me on Instagram!

Skip to Recipe