Starbucks London Fog Drink

5 from 13 votes
Pin RecipeJump to RecipeComments

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

This easy copycat of Starbucks London Fog Drink recipe brings the classic drink to your kitchen. Made with Earl Grey tea and steamed milk, the flavors of vanilla and bergamot in this drink are as cozy as can be!

side close up shot of london fog tea latte in glass mug


 

I love making this classic London Fog when I want to treat myself to some “me” time. All I need is a good book, a cozy nook, and a steaming mug of this drink. The frothy steamed milk takes an ordinary cup of Earl Grey and makes it extra special, and a tiny bit of pure vanilla extract elevates the drink to pro-barista perfection! If you’ve never had a London Fog, you’re in for a treat – it’s basically an Earl Grey tea latte with some sweet, frothy milk and a dash of vanilla.

Ingredients For London Fog

  • Water: Pure, filtered water is best.
  • Tea: You’ll need one Earl Grey tea bag or the equivalent amount of loose tea leaves.
  • Milk: I use 2% milk, but any other will work, including oat or nut milk. 
  • Light Brown Sugar: This adds a pleasant caramel note to the drink.
  • Vanilla: For the best flavor, use pure vanilla extract.
  • Dried lavender flowers or dried tea leaves: For garnish. This is optional, but it does look pretty.

How To Make A London Fog

  1. Make the Tea. Drop the tea bag into hot water, cover, and let stand for 5 to 8 minutes.
  2. Sweeten and Heat the Milk. While the tea is steeping, place milk in a heat-resistant mug and stir in the brown sugar and vanilla. Heat up the milk in the microwave for about 1 minute or until hot but not boiling. You can also heat up the milk in a saucepan set over medium-high heat.
  3. Froth the Milk. To froth the milk, you will need a milk frother or a French press. Using a frother, froth the milk for two minutes or until foamy. To use a French press, add the milk to the French press and pump the plunger until the milk is doubled and frothy.
  4. Assemble the London Fog. Pour the hot tea into 2 heat-resistant glass mugs. Slowly pour in the milk, holding back the froth with a long spoon; then spoon the froth on top. If you like, you can garnish with earl gray dry tea leaves. Just open up a tea bag and sprinkle some of the tea leaves on top of the London Fog.
overhead shot of starbucks london fog drink topped with frothy milk

Recipe Tips And Variations

  • Clean Coffee Maker: If you do use a French press to froth the milk, be sure to wash it well first to remove any lingering coffee flavor and grounds.
  • Using Vegan Milk: Frothing milk alternatives may not have as thick and creamy a result as you’d like. Although this oat milk froths fairly well.
  • Whipped Cream or Coconut Cream: Top your London Fog with a few tablespoons of sweetened whipped cream or, for a vegan option, whipped coconut cream.
  • Extra Tea: If you want the tea taste to come through more strongly, try using two teabags of Earl Grey to the same amount of water.
  • Using Loose Leaf Tea: Just measure the loose-leaf tea into your kettle rather than dropping in tea bags. When it’s time to pour the tea, pour it through a fine mesh strainer, sieve, or tea strainer if you have one.

Serving Suggestions

side shot of london fog tea topped with frothed milk and lavender leaves

More Starbucks Copycat Recipes

Pin this now to find it later

Pin It
5 from 13 votes

Starbucks London Fog Tea Latte

London Fog is a delightful tea latte prepared at home with Earl Grey Tea and frothed sweetened milk.
Prep Time: 5 minutes
Cook Time: 5 minutes
Steeping Time: 5 minutes
Total Time: 15 minutes
Servings: 2

Ingredients 

Want to save this recipe?
Enter your email below and we’ll send the recipe straight to your inbox!
Please enable JavaScript in your browser to complete this form.

Instructions 

  • Place water in a tea kettle and bring to a boil. Turn the burner off.
  • Remove the lid of the tea kettle and drop in the tea bag; cover and let stand 5 to 8 minutes.
  • In the meantime, place milk in a heat-resistant mug and stir in the brown sugar and vanilla.
  • Heat up the milk in the microwave for about 1 minute or until hot. Do not boil. Watch it very closely. You can also heat up the milk in a saucepan set over medium-high heat. I use my glass measuring cups for this part and just heat up the milk in the microwave.
  • Remove milk from heat or from the microwave.
  • To froth the milk you will need a milk-frother or you can use a French Press.
  • Using a frother, froth the milk for two minutes or until frothy. To use a French Press, add the milk to the French Press and pump the plunger until the milk is doubled and frothy.
  • Pour the hot tea in 2 heat-resistant glass mugs.
  • Slowly pour in the milk, holding back the froth with a long spoon; then, spoon the froth on top.
  • Optionally, garnish with dried lavender flowers or earl gray dry tea leaves.
  • Serve hot.

Notes

  • Earl Grey Tea: Grab the good stuff—quality is key. That classic bergamot kick is what makes this drink cozy and delicious.
  • Vanilla: Starbucks uses vanilla syrup, but a splash of vanilla extract gets the job done.
  • Milk: Use any milk you like, including plant-based milk.
  • Sweetness: Skipping the sweetener is your call, but the brown sugar brings everything together.
  • Garnish: Open up a tea bag and sprinkle some of the tea leaves over the top of the tea.
  • If you do not have a milk-frother or a French press, you can skip the frothing part. Simply warm up some milk and stir it well so the sugar dissolves. It won’t froth up, but it’ll still do wonders for your drink.
  • You can also add caramel syrup to the milk before heating it up.
  • Try adding a bit of ground cinnamon + a sprinkle of ground nutmeg to the drink – it’s delicious!

Nutrition

Serving: 1cup | Calories: 77kcal | Carbohydrates: 9g | Protein: 3g | Fat: 3g | Saturated Fat: 2g | Cholesterol: 9mg | Sodium: 50mg | Potassium: 121mg | Sugar: 9g | Vitamin A: 148IU | Calcium: 109mg

Nutritional info is an estimate and provided as courtesy. Values may vary according to the ingredients and tools used. Please use your preferred nutritional calculator for more detailed info.

Did you make a recipe? Leave a rating
5 from 13 votes (1 rating without comment)

Leave a comment

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

Recipe Rating:




19 Comments

  1. Deanna says:

    I’ve been obsessed with London Fogs lattes recently and I found your recipe to curb my trips to Starbucks! It’s amazing and all the products used are really inexpensive!! Thank you!!!

  2. Anna says:

    Yup, this recipe is good. I heated up the milk on the stove and added lavender. I will definitely use a strainer as I pour it into the preheated cup, next time. Thank you!