Starbucks London Fog Drink

More Ways to Search: Recipe Index · Ingredients Index

This easy Copycat Starbucks London Fog 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 a hand-knitted sweater.

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

HOMEMADE STARBUCKS LONDON FOG TEA LATTE

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! 

WHAT’S IN A LONDON FOG?

  • Water: Pure, filtered water is best.
  • Tea: To make two London Fog tea lattes, 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 sweetener adds a pleasant caramel note to the final cup, but you can use any sweetener of your choice!
  • 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!

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

CAN YOU USE LOOSE-LEAF TEA?

Yes, you can! 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. You can also use a tea infuser for an even easier method.

earl gray tea in a glass mug

HOW TO MAKE A LONDON FOG

  1. Make the Tea. Place water in a tea kettle and bring it just to a boil. Then turn off the heat, drop the tea bag into the hot water, cover, and let stand 5 to 8 minutes.
  2. Sweeten and Heat the Milk. While the water is boiling and 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 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.
  5. Enjoy!

Pouring hot milk into earl grey tea

TIPS FOR THE BEST LONDON FOG LATTE

  • Using Vegan Milk: Frothing milk alternatives may not have as thick and creamy a result as you’d like. (Although this oat milk froths pretty well.)
  • Top with Whipped Cream or Coconut Cream: If you wish, you can top your London Fog with a few tablespoons of sweetened whipped cream or, for a vegan option, whipped coconut cream. Both makes this drink extra indulgent!
  • Extra Tea: If you want the tea taste to come through more strongly, try using two teabags’ worth of Earl Grey to the same amount of water.
  • Leftover Coffee Warning: 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.

overhead shot of starbucks london fog drink topped with frothy milk

SERVING SUGGESTIONS

  • Cookies: I love serving tea with a plate of crisp, light cookies. These Salted Caramel Thumbprint Cookies have a beautiful texture, while the warm flavors of chocolate and caramel contrast perfectly with the bright and creamy London Fog.
  • Cake: These little Neapolitan Cakelettes are the perfect treat to add some color and light to a dreary day. They are just so fun, and the classic Neapolitan triple flavor goes with just about anything!
  • Sandwiches: A platter of pretty sandwiches can be a snack or even a light lunch, perfect for tea or for tea lattes! You’ll love the bright colors and fresh flavors of my Strawberry Jam Cheese Wedges and Tea Sandwiches.

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

More Starbucks Copycat Latte Recipes

ENJOY!

Tools Used in this Recipe

5 from 10 votes
side close up shot of london fog tea latte in glass mug
Print

Starbucks London Fog Tea Latte

3 3 3
WW Freestyle: 3
Prep Time5 mins
Cook Time5 mins
Steeping Time5 mins
Total Time15 mins
A delightful tea latte made at home prepared with Earl Grey Tea and frothed sweetened milk.
Course: Drinks
Cuisine: English
Servings: 2
Calories: 77

Ingredients

  • 1 ½ cups water
  • 1 tea bag Earl Grey black tea
  • ¾ cup milk, you can use 2% milk, or any other milk, including oat or nut milk
  • 2 teaspoons light brown sugar, or to taste (or, use a sweetener of your choice)
  • 1 teaspoon pure vanilla extract
  • dried lavender flowers, for garnish, optional

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 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.
  • Optional: Garnish with dried lavender flowers or earl gray dry tea leaves. (open up a tea bag and sprinkle some of the tea leaves on top of the tea)
  • Serve hot.

Notes

  1. If you do not have a milk-frother or a French press, you can just skip the frothing part.
  2. You can also add caramel syrup to the milk before heating it up.
  3. Try adding a bit of ground cinnamon + a sprinkle of ground nutmeg - it's delicious!
Nutrition Facts
Starbucks London Fog Tea Latte
Amount Per Serving (1 cup)
Calories 77 Calories from Fat 27
% Daily Value*
Fat 3g5%
Saturated Fat 2g10%
Cholesterol 9mg3%
Sodium 50mg2%
Potassium 121mg3%
Carbohydrates 9g3%
Sugar 9g10%
Protein 3g6%
Vitamin A 148IU3%
Calcium 109mg11%
* Percent Daily Values are based on a 2000 calorie diet.
Keywords: starbucks copycat recipe, london fog drink, london fog recipe

Want To Save This Recipe?

17 Responses
  1. Shelley

    What a wonderfully cozy little pick-me-up! So easy to make my own at home – no need to head out to Starbucks (especially when the weather’s not great and I’d rather cozy up inside anyway lol)!

Leave a Reply

Recipe Rating




Get my eCookbooks!

Diethood Cookbooks

Download one of my cookbooks and get instant access to easy & delicious recipes you won't find on this site.

Amazon Affiliate Program

We are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.