London Fog Tea Latte (Earl Grey Latte)

This post may contain affiliate links. Please read my disclosure policy.

DIY London Fog Tea Latte (Earl Grey Latte) |

I have been a tea drinker my entire life. But it wasn’t until a few years ago that I was first introduced to the wonderfulness that is a London Fog tea latte.

Oh my goodness, have you all tried it??

Traditionally (and at Starbucks), London Fog lattes are made by combining sweetened earl grey tea with some steamed milk and vanilla syrup. So simple! But when I recently ordered one at a local Kansas City coffee shop, I realized that theirs had a hint of another ingredient that kicked this latte up a big notch — lavender!

I absolutely love the combination of earl grey tea and lavender in this lavender cheesecake, so it should have come as no surprise that it would make a tea latte all the more wonderful. But oh my goodness, it suddenly made sweetened tea with milk taste like the most luxurious, relaxing drink. So comforting!

But paying $4 for said comfort? Totally not necessary. So this holiday season, I figured out how to make my own 5-minute homemade version for about $0.25, and am now completely hooked. It’s so easy!

DIY London Fog Tea Latte (Earl Grey Latte) |

The ingredients are super simple. You just need:

  • an earl grey tea bag (or two)
  • milk (any kind will work)
  • sugar (I used regular granulated, but you could substitute other sweeteners)
  • vanilla extract
  • lavender (optional, but highly recommended!)

DIY London Fog Tea Latte (Earl Grey Latte) |

In addition to being wonderfully fragrant, the lavender is so beautiful! I buy a bag from our neighborhood seed and spice store each year, and use it for everything from cooking, to flavoring water, to making little pouches to toss with clothes in the dryer, and now…tea!

DIY London Fog Tea Latte (Earl Grey Latte) |

To make a london fog latte recipe, simply brew a cup of strong earl grey tea along with a pinch of lavender. Then strain the tea, and combine it with some steamed milk, and stir in your desired amount of sweetener and a dash of vanilla. And a warm, comforting, delicious London Fog drink is yours to enjoy.

DIY London Fog Tea Latte (Earl Grey Latte) |

Trust me, I think you will love this one. :)London Fog Tea Latte (Earl Grey Latte) |

clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

London Fog Tea Latte (Earl Grey Latte)

  • Prep Time: 2 minutes
  • Cook Time: 3 minutes
  • Total Time: 5 minutes
  • Yield: 1 serving (about 12 ounces) 1x


This London Fog tea latte recipe is so simple to make homemade, and it is full of rich, comforting flavor.


  • 1 cup (8 oz.) strongly-brewed earl grey tea, brewed with 1/2 teaspoon dried lavender
  • 1/2 cup (4 oz.) steamed milk* (any kind)
  • 1 Tbsp. granulated sugar**, or more or less to taste
  • 1/4 tsp. vanilla extract, store-bought or homemade


  1. Brew earl grey tea and lavender together, and steep for 3 minutes (or according to tea instructions).  Remove tea bag and strain out the lavender.  Stir in remaining ingredients until combined.  Serve warm.


*If you — like me — do not have a milk steamer, you can just heat the milk in the microwave or in a saucepan over medium-low heat until it is simmering but not boiling. (Very important – do not let the milk boil!)

**You can use any kind of sweetener for this tea

Leave a Reply

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

Recipe rating

174 comments on “London Fog Tea Latte (Earl Grey Latte)”

  1. Yummy. I highly recommend steeping with the lavender. The Starbucks Earl Grey tea bags include lavender essence.

    • So yummy on a winter day! The Stash tea brand makes “Breakfast in Paris” teabags that feature Earl grey, vanilla and lavender. Delish.

  2. Pingback: September Update – Kristi Rose, Writer Girl

  3. 5 stars
    Just made this delicious tea latte, and will heading to my local market later today to pick up some lavender to add when I make it tomorrow (or a little later on this evening). Thank you so much!

  4. 5 stars
    If you love lavender and don’t have it readily available you can use Stash Breakfast in Paris which is pretty much Earl Grey with lavender added.

    LOVE the London Fog / Earl Grey latte. Thanks for the recipe!!

  5. 4 stars
    i just made it a couple of minutes ago; really nice recipe! Thank you for sharing. I’ll try adding lavender next time.

  6. Pingback: 2017 Rewind – My Favorite Things | tinselandtrim

  7. Pingback: Homemade Tea Recipes

  8. 5 stars
    I’ve been wondering how to make my London Fog taste more like the ones I’ve had at coffee shops. This recipe is delicious – thank you!

  9. I am going to try this first thing tomorrow! I cannot wait!

    I have a question about the tea you used in the picture. What brand is that? It looks like a tea I had in Kenya. I would love to find it in the US, but I don’t remember the brand. And DOUBLE bergamot?!? That sounds divine!!

    • She got the double bergamot from stash tea. It is super yummy. I get all my tea from them.

  10. Thank you for sharing your easy to make London Fog.

    Angela A

    • I first tried one of these at a local hole in the wall deli and also…immediately fell in love! They used hazelnut syrup in their version…I have a Mr. Coffee brand cafe latte machine that let’s you steep the loose tea in from the top like a drip coffee maker and froth and steam the milk in a glass pitcher simultaneously. I also had lavender jelly in the fridge so I used that as my sweetener/lavender component. Came out nice! I think the loose tea always kicks it up a notch.

  11. I live in KC and currently can’t stop my London Fog addiction – though my bank account would appreciate it if I did. Which coffee shop did you get it from with the lavender in it?

    • I live in KC too and was wondering the same thing? Did you ever figure this out?

    • The shop I go to is in Lee’s Summit at Gusto (near Longview). They have a tremendous selection of delicious fogs, NCL using the London Fog. My current favorite is the Black Pearl Fog. Mmmmmm.

  12. Pingback: Wedding Favor Idea: Tea Blends - Wedding Inspiration

  13. Pingback: Ill – Melanie Jeanne

  14. Starbucks used to use Tazo Earl Grey tea to make their London Fog, but apparently Tazo made a special blend just for Starbucks that had lavender in the tea bags. You could actually see the lavender. If you tried to buy Tazo Earl Grey at the store, it did not contain the lavender, so that’s why I said it must have been a special blend for Starbucks. When they bought Teavana, they started using their Earl Grey tea to make the London Fog. It evidently doesn’t have the lavender in it, as it is a bit different. It’s good but not as good. Miss that and I’ve purchased many London Fogs. I have found some other places that put lavender in their Earl Grey. I agree that lavender makes a difference.

  15. What coffee shop did you get this from in Kansas City?

  16. I finally asked the Starbucks manager why I can not get the exact same taste and texture of my London Fog drink. She said their milk is different in that it has nut butter in it (I ask for almond milk) which off the shelf almond milk doesn’t have. Makes the drink much creamier. Any ideas on how to get that???

  17. 4 stars
    Easy and yummy!

  18. Love the recipe! I live close to KC, what coffee shop did you get the London Fog with Lavender? I would love to stop by and try it.

  19. 5 stars
    This recipe is so delicious and really quick and easy to make! I definitely recommend.

  20. 5 stars
    Hi I am an individual who has trouble sleeping so I tried this tea as a way to relax and I have to say it was amazing.
    Thanks for putting it up on the net!

  21. 5 stars
    Hi! Tried this recipe before and LOVED it!! I was wondering, if I don’t have milk readily available, could I use something in place like heavy cream or half and half ?? Or would it be best to wait until I get milk?

    Thanks so much for sharing this great recipe!

  22. I love London Fogs w/lavender, but they always use syrups. Thank you for a homemade healthier alternative. Going to make one today!

    I recommend Numi Earl Grey w/Bergamot. A true, authentic London Fog uses an Earl Grey w/ bergamot. I learned that from the coffee house that created the drink in WA!

  23. I’m Lactose intolerant vut i made this using some sweetened vanila almond milk and my goodness it was just as good!

  24. My favourite!!

  25. I can’t wait to make it at home. I had one at brunch this morning and they had a bit of lemon in theirs, along with lavender, it was magnificent.

  26. The coffee shop you’re referring to wouldn’t be Gusto! in Lee’s Summit would it? If so, I agree! Incredible ❤️

  27. What a wonderful idea. Why have I never thought about it? Thank you so much. Can I use non-dairy milk for this recipe? almond milk for example?

  28. Just made for myself and husband on a cold damp morning. Perfect!

  29. Really enjoyed this lovely recipe. Thought it would be difficult to make it on my own. I don’t have lavender on hand but will get some to try it next time or get the Stash tea I see mentioned in the comments. I haven’t experimented with different milks yet either but I think it would be fun to try! So far I’ve made this recipe with only oat milk since that’s what I have on hand.

  30. Thank you for sharing your lovely recipe. The tea turned out beautifully. Even better than from my favorite cafe. I’ll be enjoying this creamy treat often. It was quick and easy to make with excellent results. Rich, creamy and decadent. BK

  31. I’ve been a lover of hot tea for a long time and Earl Grey is maybe my #2 favorite tea. I recently tried a London Fog (made with almond milk) at a local coffee shop on my college campus. Definitely too expensive to purchase regularly, but now I should be able to make one whenever I want! I’m going to give this a try!!

  32. I use lavender syrup in mine and leave out the sugar. I also substitute vanilla almond milk for the milk and vanilla. Makes it easier to do at work every day!

  33. The lavender really sets this recipe apart from other London fog drinks that I have had. This was really delicious! Thanks for sharing!

  34. The most strangest but delicious latte, ever. I drink mine by the mason jar, topped with arosol cream.

  35. If you are a fan of honey, you can add it into this latte. I always ask to add honey when I order this at Starbucks, and it makes it even more delicious.

  36. I used russian earl grey as that is what I had on hand. Russian earl grey has notes of citrus, so i didn’t use the lavender. But the basic recipe is still pretty amazing! and I love that I can adjust sweetness Starbucks is way too syrupy for my palette. Will definately try lavender, when I have regular earl grey!

  37. This is a great recipe! I love the ratio of milk to water! If you are using granulated sugar, I recommend using A LOT less sugar. I used a tablespoon and a half because 2 seemed like too much, and it was still very sweet for me. I also recommend putting a little cinnamon on top of your frothed milk! It gives it a little extra flavor and spice!

  38. May I use a drop or two of lavender essential oil in this?

  39. On a Vitamix forum, someone makes this with ‘Earl Grey tea, a couple dates, a splash of vanilla, and cashew butter.’ It is so good!
    They didn’t list how much butter, but it’s something to play with.

  40. I used sweet earl grey without the lavender but everything else the was soo good! Highly recommended for sure! I’ve had 2 London fogs today already!

  41. absolutely fantastic!!

  42. What about using lavender simple syrup as your sweetener?