London Fog Latte Recipe – Easy Starbucks Copycat

Posted on May 7, 2026

Difficulty

Prep time

Cooking time

Total time

Servings

A London Fog recipe transforms your kitchen into a cozy cafe with just a few simple ingredients: Earl Grey tea, steamed milk, and vanilla. This creamy, comforting drink offers the perfect balance of floral bergamot notes and silky sweetness that makes it ideal for chilly mornings or afternoon pick-me-ups.

You don’t need fancy equipment to create this beloved coffeehouse favorite at home. The recipe comes together in minutes and costs a fraction of what you’d pay at a cafe.

Why You’ll Love This Recipe

This London Fog delivers cafe quality results without the hefty price tag or the need to leave your house. The combination of flavors creates a drink that’s both soothing and energizing.

  • Ready in under 10 minutes from start to finish
  • Costs less than a dollar per serving compared to $5+ at coffee shops
  • Naturally lower in caffeine than coffee but still provides a gentle boost
  • Completely customizable to your sweetness and milk preferences
  • Requires only basic kitchen tools you already own

My Experience Making This Recipe

I first made this recipe on a rainy Saturday morning when I was craving something more interesting than my usual coffee. The aroma of bergamot filling my kitchen as the tea steeped instantly transported me to a cozy English tea room.

My partner walked into the kitchen and asked if I’d ordered something from a cafe. The frothy milk on top looked so professional that even I was impressed with myself.

Now this drink has become my go-to when I want something special but don’t want to get dressed and drive anywhere. I’ve made it for friends who were skeptical about tea lattes, and every single one asked for the recipe before leaving.

Recipe Overview

  • Recipe Name: London Fog
  • Servings: 1
  • Prep Time: 2 minutes
  • Cook Time: 5 minutes
  • Total Time: 7 minutes
  • Course: Beverage
  • Cuisine: British-inspired
  • Calories per Serving: 120

Equipment You Will Need

  • Kettle or small saucepan for boiling water
  • Mug or teacup (12-16 ounce capacity)
  • Small saucepan for heating milk
  • Milk frother, French press, or whisk
  • Fine mesh strainer or tea infuser
  • Measuring spoons
  • Spoon for stirring

Ingredients for London Fog Recipe

  • 1 Earl Grey tea bag or 1 tablespoon loose leaf Earl Grey tea
  • 6 ounces hot water (just under boiling, around 200°F)
  • 1 cup milk (whole milk, 2%, or your preferred variety)
  • 1 tablespoon vanilla syrup or 1/2 teaspoon vanilla extract plus 1 teaspoon sugar
  • Optional: 1 tablespoon honey or sweetener of choice
  • Optional: 1/4 teaspoon dried lavender for extra floral notes

Ingredient Notes and Substitutions

  • Earl Grey tea: The bergamot oil in Earl Grey gives this drink its signature citrusy floral flavor. You can substitute English Breakfast or Lady Grey tea, but the taste will be different.
  • Milk: Whole milk creates the creamiest texture and best froth. Oat milk or almond milk work well as dairy-free alternatives, with oat milk providing the closest texture to dairy.
  • Vanilla syrup: This adds both sweetness and vanilla flavor in one ingredient. If using vanilla extract, add your preferred sweetener separately since extract alone isn’t sweet.
  • Honey: Honey adds a different depth of sweetness compared to sugar and pairs beautifully with Earl Grey. Maple syrup, agave, or regular sugar work as substitutes.
  • Lavender: Culinary lavender amplifies the floral notes already present in Earl Grey. Skip it if you find floral flavors overwhelming, or the drink will taste like perfume.

How to Make London Fog Recipe

Step 1: Boil the Water

Heat your water to just under boiling, around 200°F. If you don’t have a thermometer, bring water to a boil and let it sit for 30 seconds.

Water that’s too hot will scorch the delicate Earl Grey leaves and create bitter flavors instead of the smooth, floral taste you want. This temperature allows the bergamot oils to release properly without turning harsh.

Step 2: Steep the Tea

Place the Earl Grey tea bag in your mug and pour the hot water over it. Let it steep for 4 to 5 minutes for a strong, robust tea base.

A strong tea concentration is important because you’ll be adding milk, which will dilute the flavor. Under-steeping results in a weak, milky drink without the distinctive Earl Grey character.

Step 3: Heat the Milk

While the tea steeps, pour your milk into a small saucepan over medium heat. Warm it until it reaches about 150°F to 160°F, with small bubbles forming around the edges but not boiling.

Heating the milk slowly prevents scorching and develops a naturally sweet flavor. Boiled milk tastes flat and can develop an unpleasant skin on top.

Step 4: Froth the Milk

Remove the milk from heat and froth it using your preferred method. A handheld frother takes about 30 seconds, while whisking vigorously for a minute also works surprisingly well.

Frothed milk adds that luxurious cafe texture and helps incorporate air, making the drink feel lighter. Even without perfect microfoam, you’ll still get a creamy, satisfying result.

Step 5: Add Sweetener to Tea

Remove the tea bag from your mug and stir in the vanilla syrup and honey if using. Mix thoroughly until everything dissolves completely.

Adding sweetener before the milk ensures even distribution throughout the drink. Sweetener added on top of milk tends to sink to the bottom and creates an unbalanced flavor.

Step 6: Combine Tea and Milk

Pour the frothed milk slowly into the tea, holding back the foam with a spoon. Once the liquid milk is added, spoon the remaining foam on top.

This technique gives you that beautiful layered look with a crown of foam. Dumping everything at once still tastes good but won’t have the same visual appeal.

Step 7: Optional Lavender Infusion

If using dried lavender, add it to the tea during the steeping process in Step 2. Strain it out along with the tea leaves before adding milk.

Lavender adds a sophisticated floral dimension but can quickly become overpowering. Start with just a pinch your first time and adjust to taste in future batches.

Step 8: Serve Immediately

Enjoy your London Fog right away while it’s hot and the foam is still pillowy. Give it a quick stir before drinking to blend the layers.

The drink loses its magic as it cools and the foam deflates. This is a treat best enjoyed fresh, not reheated later.

Pro Tip: Use a good quality Earl Grey tea for the best results. Cheap tea bags often contain mostly dust and produce a flat, one-dimensional flavor, while premium Earl Grey has robust black tea leaves properly infused with real bergamot oil that creates complex, aromatic depth.

London fog recipe

Tips for the Best London Fog Recipe

  • Steep your tea covered to trap the aromatic oils that give Earl Grey its signature scent and prevent them from evaporating into the air.
  • Use a kitchen thermometer when learning to heat milk properly, then you’ll develop an intuition for the right temperature by sight and sound.
  • Make homemade vanilla syrup by simmering equal parts sugar and water with a split vanilla bean for 5 minutes, then cooling and storing it for up to a month.
  • Froth your milk in a French press by pumping the plunger up and down rapidly for 30 seconds if you don’t have a dedicated frother.
  • Double the tea bag or use loose leaf tea for a more concentrated brew that stands up better to the milk.
  • Pre-warm your mug with hot water before adding the tea so your drink stays hot longer and doesn’t lose temperature when poured.

Common Mistakes to Avoid

  • Steeping the tea for too short a time creates a weak base that gets completely lost under the milk, resulting in vanilla-flavored warm milk instead of a proper tea latte.
  • Boiling the milk creates a scorched flavor and causes the proteins to break down, preventing proper frothing and leaving you with flat, oddly-textured milk.
  • Using stale tea produces a dull, cardboard-like taste because bergamot oil loses its potency over time, especially in tea that’s been sitting in your cupboard for over a year.
  • Adding cold milk straight from the fridge shocks the hot tea and drops the temperature dramatically, giving you a lukewarm drink that’s disappointing.
  • Skipping the vanilla entirely misses the point of a London Fog, which is specifically the marriage of Earl Grey and vanilla, not just a regular tea latte.

Serving Suggestions

A London Fog pairs beautifully with breakfast pastries or afternoon treats. The floral notes complement both sweet and savory options without overwhelming them.

  • Serve alongside buttery scones with clotted cream and jam for a proper British tea experience
  • Pair with lemon pound cake or shortbread cookies that echo the citrus notes in the bergamot
  • Enjoy with a breakfast sandwich or avocado toast for a satisfying morning meal
  • Accompany with dark chocolate or chocolate biscotti that contrasts beautifully with the floral tea
  • Serve after brunch as a lighter alternative to heavy dessert coffee drinks

Variations to Try

  • Iced London Fog: Steep the tea stronger and longer, then pour over ice with cold frothed milk. The cold version is refreshing in summer and the vanilla flavor becomes even more pronounced.
  • Honey Lavender London Fog: Use honey as your only sweetener and add a small pinch of culinary lavender. This creates a more sophisticated, floral-forward drink that feels fancy without extra effort.
  • Dirty London Fog: Add a shot of espresso to your finished drink for extra caffeine and depth. The coffee adds richness without overpowering the delicate Earl Grey flavor.
  • Coconut London Fog: Replace the vanilla syrup with coconut syrup and use coconut milk. This tropical twist plays surprisingly well with bergamot and creates a creamy, exotic variation.
  • Maple Cinnamon London Fog: Swap vanilla for maple syrup and add a pinch of cinnamon. This fall-inspired version tastes like a cozy sweater in drinkable form.

Dietary Adaptations

  • Gluten-free: This recipe is naturally gluten-free as long as your tea brand doesn’t use any gluten-containing additives, which is rare but worth checking on flavored teas.
  • Dairy-free: Use oat milk for the best texture and froth, or try almond milk for a lighter option. Coconut milk works but adds strong coconut flavor that competes with the bergamot.
  • Vegan: Follow the dairy-free adaptation and ensure your sweetener is vegan. Most vanilla syrups are vegan, but some honey obviously isn’t, so use maple syrup or agave instead.
  • Low-carb/Keto: Use unsweetened almond milk or coconut milk and replace the sweetener with stevia or monk fruit sweetener. The drink still works but will be less sweet and creamy than the traditional version.

Storage and Reheating

Refrigerator

Honestly, London Fog doesn’t store well as a finished drink because the milk separates and the foam completely disappears. You can refrigerate leftovers in an airtight container for up to 24 hours if necessary.

  • Store the tea and milk mixture in a sealed jar or container
  • Expect the texture to change significantly with the foam gone
  • Consume within one day for food safety

Freezer

Freezing a finished London Fog is not recommended at all. The milk will separate badly and the texture becomes grainy and unpleasant when thawed.

  • You can freeze brewed Earl Grey tea in ice cube trays for iced versions
  • Frozen tea cubes last up to 3 months
  • Use these cubes for iced London Fogs without dilution

Reheating

Reheating a London Fog is possible but the results are mediocre compared to making it fresh. Gentle reheating prevents further separation but won’t restore the foam.

  • Reheat in a saucepan over low heat, stirring constantly
  • Microwave on 50% power in 30-second intervals to prevent scorching
  • Re-froth with fresh warm milk on top to improve texture
  • Accept that it won’t taste as good as a freshly made version

Nutrition Information

Nutrition Information (Per Serving)
Nutrient Amount
Calories 120
Total Fat 4g
Saturated Fat 2.5g
Carbohydrates 16g
Fiber 0g
Sugar 15g
Protein 6g
Sodium 95mg
Cholesterol 15mg

Nutritional values are estimates based on whole milk and vanilla syrup with honey. Your actual values will vary based on the specific milk and sweeteners you choose.

Frequently Asked Questions

Can I make a London Fog without a milk frother?

Absolutely, just pour warm milk into a jar with a tight lid and shake vigorously for 30 to 45 seconds. You can also whisk the warm milk rapidly in a bowl for about a minute to create foam.

Can I prepare London Fog ahead of time?

You can steep the tea ahead and refrigerate it, then reheat and add fresh frothed milk when ready to serve. Making the complete drink ahead doesn’t work well because the milk separates and the foam disappears.

Why is my London Fog bitter?

Your water was too hot or you steeped the tea too long, extracting harsh tannins from the tea leaves. Stick to 200°F water and a 4 to 5 minute steep time for balanced flavor.

What’s the difference between a London Fog and a regular latte?

A London Fog uses Earl Grey tea instead of espresso as its base, giving it a floral, citrusy flavor profile rather than the bold, roasted taste of coffee. It also contains less caffeine, about 40mg compared to 60-80mg in a latte.

Can I use decaf Earl Grey tea?

Yes, decaf Earl Grey works perfectly and still delivers all the bergamot flavor. The taste difference is minimal, making this a great evening drink option when you want something cozy without the caffeine.

Why won’t my milk froth properly?

Skim milk or old milk often won’t froth well because fat and fresh proteins are needed for stable foam. Use milk that’s at least 2% fat and check the expiration date for best results.

How can I make my London Fog stronger?

Use two tea bags or double the loose leaf tea, and reduce the milk to 3/4 cup instead of a full cup. This creates a more concentrated tea flavor that punches through the milk.

Final Thoughts

Making your own London Fog at home is easier than you probably thought and tastes just as good as the cafe version. Once you nail the basic technique, you’ll find yourself experimenting with different teas, milk types, and flavor additions.

The beauty of this drink is its simplicity and the fact that you probably have everything you need already sitting in your kitchen. Give it a try the next time you want something comforting and a little special without leaving the house.

London Fog tea latte

London Fog

A London Fog recipe transforms your kitchen into a cozy cafe with just a few simple ingredients: Earl Grey tea, steamed milk, and vanilla. This creamy, comforting drink offers the perfect balance of floral bergamot notes and silky sweetness that makes it ideal for chilly mornings or afternoon pick-me-ups.
Prep Time 2 minutes
Cook Time 5 minutes
Total Time 7 minutes
Servings: 1 serving
Course: Drinks and Beverages
Cuisine: British
Calories: 120

Ingredients
  

Main
  • 1 Earl Grey tea bag or 1 tablespoon loose leaf Earl Grey tea
  • 6 ounces hot water just under boiling, around 200°F
  • 1 cup milk whole milk, 2%, or your preferred variety
  • 1 tablespoon vanilla syrup or 1/2 teaspoon vanilla extract plus 1 teaspoon sugar
  • 1 tablespoon honey or sweetener of choice optional
  • 1/4 teaspoon dried lavender for extra floral notes optional

Equipment

  • Kettle or small saucepan for boiling water
  • Mug or teacup (12-16 ounce capacity)
  • Small saucepan for heating milk
  • Milk frother, French press, or whisk
  • Fine mesh strainer or tea infuser
  • Measuring spoons
  • Spoon for stirring

Method
 

  1. Heat your water to just under boiling, around 200°F. If you don't have a thermometer, bring water to a boil and let it sit for 30 seconds.
  2. Place the Earl Grey tea bag in your mug and pour the hot water over it. Let it steep for 4 to 5 minutes for a strong, robust tea base.
  3. While the tea steeps, pour your milk into a small saucepan over medium heat. Warm it until it reaches about 150°F to 160°F, with small bubbles forming around the edges but not boiling.
  4. Remove the milk from heat and froth it using your preferred method. A handheld frother takes about 30 seconds, while whisking vigorously for a minute also works.
  5. Remove the tea bag from your mug and stir in the vanilla syrup and honey if using. Mix thoroughly until everything dissolves completely.
  6. Pour the frothed milk slowly into the tea, holding back the foam with a spoon. Once the liquid milk is added, spoon the remaining foam on top.
  7. If using dried lavender, add it to the tea during the steeping process in Step 2. Strain it out along with the tea leaves before adding milk.
  8. Serve immediately while hot and the foam is still pillowy. Give it a quick stir before drinking to blend the layers.

Notes

Use a good quality Earl Grey tea for the best results. Cheap tea bags often contain mostly dust and produce a flat, one-dimensional flavor, while premium Earl Grey has robust black tea leaves properly infused with real bergamot oil that creates complex, aromatic depth. Steep your tea covered to trap the aromatic oils. Double the tea bag or use loose leaf tea for a more concentrated brew that stands up better to the milk.

You might also like these recipes

Leave a Comment

Recipe Rating