Vegan London Fog (Earl Grey) Latte Recipe

The London Fog Latte, also known as Earl Grey Tea Latte gained quite a lot of popularity after its addition to the Starbucks menu.

To have this tasty beverage you don’t actually need to visit a coffee shop as you can easily DIY it at home.

In this post, you will find a London fog latte recipe that comes with a comprehensive step-by-step how-to guide with photos.

My take on this tasty latte contains all the essential ingredients of the Starbucks version, including earl grey, lavender tea, and vanilla syrup, so it’s pretty much a Starbucks copycat drink.

Nevertheless, I prefer having my London Fog vegan, as I always feel better after opting for a dairy-free alternative.

So I made sure to include proper ingredient recommendations for those who prefer their drink vegan too.

Before I move on, it’s worth noting that the London Fog does contain caffeine, as it has black tea in it.

In terms of calories, if you follow this Woke Lark recipe precisely, you will end up with a latte that contains 150 kcal per serving.

You’re on a keto diet? Click here to check out how to make a low-carb London Fog latte, which contains only 1 net carb per serving!

Now, without further ado, let’s move on to the ingredients.


To make a vegan London Fog Latte at home, you need the following ingredients:

  • Earl Grey Tea – 1 tea bag or 1 teaspoon of loose leaf tea.

    Earl Grey tea is basically black tea, flavored with bergamot oil.

    Bergamot oil is extracted from the rinds of bergamot oranges and gives a nice citrusy flavor to the tea.

    On its own, bergamot oil is used in aromatherapy to alleviate stress and there is evidence that it may have anti-anxiety properties.

    At the same time, because of the fact that it’s made with black tea, Earl Grey tea usually contains around 40 mg of caffeine per serving (amount may vary depending on the brand and the steeping time).

    Therefore the homemade London Fog has the ability to raise your energy levels.

    So apart from being delicious, your cozy DIY latte will have some other beneficial properties that you can easily take advantage of by having a cup at home.
  • Lavender Tea – 1 teaspoon.

    In terms of taste, the Lavender Tea compliments all the other recipe components very well.

    Furthermore, there are many studies which suggest that Lavender may have the ability to improve our mood and lower our stress levels.

    To be fair, it’s much more convenient to use a loose leaf tea mix of lavender and earl grey tea when making a London Fog Latte.

    You can check out this bag of organic tea mix if you plan on making a London Fog latte on a regular basis. I prefer having them separately as I use them for other recipes as well.

    In this post, I will show you how I make my DIY latte when the earl grey and the lavender aren’t mixed up in advance.
  • Water – 4 fl. oz. or 120 ml.

    The water is necessary as you’ll need to steep the lavender and the Earl Grey tea in it.

    You can, in fact, have them infused directly in milk while heating it on the stove, but I don’t think this will allow for proper tea infusion.

    This is why I infuse the tea in water and then add the milk to achieve best results.
  • Almond Milk – 6 fl. oz. or 180 ml.

    I like using Almond Milk when making this Earl Grey latte.

    Of course, feel free to use the milk that suits your taste and needs best.

    If you’re not looking for a vegan drink, just use whole milk instead.

    Almond milk isn’t the best in terms of its ability to froth, but with a milk frother like this one, you will achieve great results.

    If you don’t have such a device, and you’re not planning on getting this type of drink mixer soon, you may want to use soy milk instead.

    It’s easier to froth soy milk, which is why it’s most baristas’ top pick when making plant-based lattes.

    Still, even if your milk isn’t well-frothed, your homemade London fog will taste amazing. With that being said, I prefer having mine with a nice layer of fluffy milk foam on top.
  • Vanilla Syrup or Maple Syrup – 2 tablespoons.

    The London Fog Latte at Starbucks is made with vanilla syrup.

    For my homemade coffee and tea drink recipes, I use this vanilla syrup by Monin (click the link to check it out on Amazon).

    I like adding two tablespoons per serving, but if you want to lower the calorie count, a tablespoon is sufficient to add enough sweetness and vanilla flavor to your latte.

    A tablespoon contains around 45 to 50 calories, so by adding just one, your homemade drink will contain 100 kcal instead of 150 kcal.

    If you’re not interested in getting a Monin Syrup, feel free to use another sweetener and a few drops of vanilla extract.

    You can also check out my post on the best sugar-free syrups for coffee, where you can find skinny vanilla syrups that contain less than 4 calories per serving.

    Lately, I’ve been enjoying my DIY London Fog with maple syrup instead of the vanilla one.

    The latte that you see in all of the photos in this post is actually made with maple syrup and it’s very delicious. So if you want to make a vegan latte at home, but you don’t have vanilla syrup at hand, you can use a maple one. The London Fog Latte will still turn out great!

On the following photo you can find the vegan London Fog Latte recipe ingredients:

Now let’s move on to the directions.

How to make a London Fog Latte – Step-by-Step Guide

Now that you know all the ingredients, it’s time to reveal how an Earl Grey Tea Latte is actually made.

To make a London Fog Latte do the following:

  1. Add water to a saucepan and pour lavender tea in it.
    directions: step 1
  2. Bring water to a boil on low to medium heat.
    directions: step 2
  3. Put in a tea bag of Earl Grey tea, and let it steep for 3 to 5 minutes.
    directions: step 3
  4. While the tea is steeping, pour milk into a saucepan.
    directions: step 4
  5. Add Vanilla syrup and bring to a simmer.
    directions: step 5
  6. Froth the warmed-up and sweetened almond milk.
    directions: step 6
  7. Remove the Earl Grey tea bag.
    directions: step 7
  8. Pour the tea into a serving cup.
    directions: step 8
  9. Pour the frothy milk on top.
    directions: step 9

And there you have it. Your delicious vegan London Fog Latte is ready.

You can sprinkle it with a few lavender blossoms to make it look even better.
Homemade London Fog Served in a Cup

As I already mentioned, the process of making is easier when you have a loose leaf tea mix of lavender and Earl Grey tea. If you have some available, just steep it in off-the-boil water for 3 to 5 minutes while you’re preparing the milk.

This latte recipe usually takes me 5 minutes to make.

There’s no better feeling than preparing a cup of London Fog on a rainy day and enjoying it in the comfort of my home while watching a movie.

I highly recommend treating yourself with one of those whenever you’ve got the chance.

It’s also pretty similar to the Starbucks London Fog latte, so if you’re a fan of it, keep in mind that you can recreate this tasty beverage at home and save some time and money.

Yield: 1 serving

London Fog (Earl Grey Tea) Latte Recipe

London Fog (Earl Grey Tea) Latte Recipe

This London Fog Latte is perfect for anyone who wants to enjoy a delightful cozy drink at home. It's made with Earl Grey tea, dried lavender flowers, almond milk, and vanilla syrup. The combination of all of the aforementioned components results in a yummy latte that you'll definitely love.

Cook Time 5 minutes
Total Time 5 minutes


  • Earl Grey Tea - 1 tea bag
  • Dried Lavender Flowers - 1 teaspoon *(see notes)
  • Water - 4 fl. oz. (120 milliliters)
  • Almond Milk - 4 fl. oz. (120 milliliters)
  • Vanilla or Maple Syrup - 2 tablespoons
  • Vanilla extract (optional) * - 1/2 teaspoon


  1. Pour the water into a saucepan and add the dried lavender flowers.
  2. Bring water to a boil on medium heat.
  3. Strain the dried lavender flowers.
  4. Put in a tea bag of Earl Grey tea into the lavender-infused hot water.*
  5. Let the Earl Grey tea steep for 3 to 5 minutes.
  6. While the tea is steeping, add almond milk to a saucepan.
  7. Add Vanilla syrup to the milk and bring it to a simmer. In case you use Maple syrup, add half a teaspoon of vanilla extract to the milk.
  8. Use a milk frother or a whisk to froth the warmed-up flavored milk.
  9. Remove the Earl Grey teabag. In case you use an Earl Grey Lavender tea mix, strain the tea leaves.
  10. Pour the tea into a cup.
  11. Pour the frothy milk on top.


* You can also use an Earl Grey Lavender tea mix. If you do so, steep 1 to 2 teaspoons of the tea mix in off-the-boil water for 3 to 5 minutes.

*If you don't have Vanilla syrup at hand, sweeten your London fog latte with maple syrup and add half a teaspoon of vanilla extract. You can also use vanilla-flavored Almond milk.

Nutrition Information:

Serving Size:

8 fl. oz. (240 milliliters)

Amount Per Serving: Calories: 150

I hope you liked my recipe. Leave me a comment below if you have any questions!

Leave a Comment

Skip to Recipe