• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Proportional Plate
  • RECIPES
  • LIFESTYLE
  • DESIGN
  • ABOUT
  • SUBSCRIBE
menu icon
go to homepage
  • RECIPES
  • LIFESTYLE
  • DESIGN
  • ABOUT
  • SUBSCRIBE
    • Instagram
    • Pinterest
    • YouTube
  • search icon
    Homepage link
    • RECIPES
    • LIFESTYLE
    • DESIGN
    • ABOUT
    • SUBSCRIBE
    • Instagram
    • Pinterest
    • YouTube
  • ×
    Home » Recipes » Drinks

    London Fog Latte with Lavender

    Published: Jun 10, 2020 Modified: Jul 26, 2020 by Candice

    JUMP TO RECIPE PIN RECIPE

    Sweet, creamy, and blended with Earl Grey tea, this London fog latte is a tasty twist on a black tea latte. My version adds in soothing brown sugar lavender simple syrup for a very special essence & flavor.

    Cup of tea latte topped with a lavender flower.

    What is a London Fog and Where is it From?

    A London Fog Latte is a delicious tea-based hot drink that's made by mixing Earl Grey tea, frothed milk and vanilla syrup. Many London Fogs variations at coffee shops have additional flavorings, such as lavender and honey.

    Don't let the name mislead you - this drink is actually said to have originated in Vancouver, British Columbia. The British connection is clear with the inclusion of Earl Grey tea, as well as the fact that Canada and the UK are both part of The Commonwealth, so there's probably a historical connection there!

    Why is it Called a London Fog?

    The 'London Fog' is most widely assumed to refer to the heavy, misty fog that famously covers the streets of London, England from time to time. The drink looks similar to fog, its a light grey-lavender color and the frothy milk has a misty quality. You may also hear the drink called an Earl Grey Latte, Earl Grey Crème or similar.

    What Does a London Fog Latte Taste Like?

    This drink has all the great flavor of Earl Grey tea - refreshing citrus from the bergamot oil and malty taste of black tea. This is mixed with the creamy-ness of the milk and sweet vanilla flavor.

    Is there Sugar in a London Fog?

    London Fog is a sweet drink, but it depends on how much simple syrup you add. It can also be sweetened with honey or sugar substitutes, if you like. It's a great idea to make a London Fog yourself at home, so that you can control how much sugar goes in.

    If you're craving a sweet treat infused with London Fog goodness, try my recipe for London Fog Gelato Ice Cream. It's incredible!

    What is in a London Fog at Starbucks?

    A Starbucks London Fog contains milk, an infused mix of black tea, bergamot essence, lavender flowers, and finally, vanilla syrup. It's fairly simple and totally re-creatable at home with this recipe.

    How to Make a London Fog Latte

    Step 1: Lavender Simple Syrup

    You will need the following ingredients to make the lavender syrup:

    Ingredients for lavender syrup including lavender, water and sugar.

    Add a quarter cup of brown sugar and a quarter cup of water to a saucepan. Turn heat to medium and stir until the sugar is completely dissolved.

    Remove the syrup from heat, then add the flowers from two stems of lavender and vanilla extract. Let the whole mixture steep for 30 minutes. Keep in a sealed container in the refrigerator until ready to use.

    Lavender simple syrup in a slender jar with a few stems of lavender.

    Step 2: London Fog

    Gather your ingredients, including your pre-made lavender syrup.

    Ingredients for earl grey tea latte including lavender simple syrup.

    Start by bringing ¾ cup of water to boil. Then, steep the Earl Grey tea bag in the boiling water.

    Tea steeping in small jar next to frothed milk.

    Once steeped, remove the teabag from the water and proceed with your heated (or non-heated for iced) dairy or non-dairy milk and up to one tablespoon of the lavender simple syrup using one of the following methods:

    Metal Whisk

    Add the milk or non-dairy milk to the tea and whisk until frothy in a “W” or “M” shaped pattern. Pour over ice if you prefer an iced latte. Sweeten with the lavender simple syrup.

    Blender

    Add the milk or non-dairy milk and steeped tea to a high-speed blender. Run the blender for one minute until you have a smooth frothy liquid. Pour over ice if you prefer an iced latte. Sweeten with the lavender simple syrup.

    Jar with Lid

    Add the milk or non-dairy milk and the steeped tea to a jar. Seal, and shake until well mixed and frothy. If you prefer an iced latte, add the ice before shaking. This method works great as an iced latte, since the solid ice tends to help shake it up well. Sweeten with the lavender simple syrup.

    Frother or Handheld Frother

    Add the milk or non-dairy milk and the steeped tea to the glass. Use your frother to froth the mixture. (You will do this directly in the glass/mug if using a hand frother.) If making an iced latte, add ice after. Sweeten with the lavender simple syrup.

    Steamer/Espresso Machine

    Steam the milk using your steamer or espresso machine. Add the milk or non-dairy milk over the steeped tea. Pour over ice and give it a stir if you prefer an iced latte. Sweeten with the lavender simple syrup.

    Drink and enjoy!

    Top view of a tea latte with foam and lavender.

    If you like this recipe...

    You will want to check out some of my other favorite beverages or some of these favorites:

    • London Fog Gelato
    • Matcha Latte
    • Dalgona Matcha Latte
    • Whipped Chocolate Milk Latte
    • Bubble Tea (Boba)
    • Whipped Orange Creamsicle

    SUBSCRIBE w/EMAIL

    6 Healthy & Plant-Centered Trends for 2020, Meal Plans, & So Much More!

    Disclosure and Privacy Policy

    ★ Did you make this recipe? Please give it a star rating below!★

    I love hearing from you! You can also FOLLOW ME on INSTAGRAM, FACEBOOK, TWITTER, and PINTEREST to see more delicious food and what I’m up to.

    Print Recipe
    5 from 7 votes

    London Fog Latte with Lavender Simple Syrup

    Sweet, creamy, and blended with Earl Grey tea, this London fog latte is a tasty twist on a black tea latte. My version adds in soothing brown sugar lavender simple syrup for a very special essence & flavor.
    Prep Time5 mins
    Cook Time5 mins
    Resting Time30 mins
    Total Time40 mins
    Course: Drinks
    Cuisine: American
    Servings: 1
    Calories: 80kcal
    Author: Candice

    Ingredients

    Lavender Simple Syrup

    • ¼ cup water
    • ¼ cup sugar I prefer brown sugar, but granulated and turbinado also work
    • 2 fresh lavender stems stem removed
    • ½ teaspoon vanilla extract optional

    Earl Grey London Fog Latte

    • 1 earl grey teabag
    • 1 tablespoon lavender simple syrup
    • ⅓ cup non-dairy milk heated (oat milk recipe here)
    • ¾ cup water

    Instructions

    Lavender Simple Syrup

    • Add ¼ cup turbinado + ¼ cup water to a sauce pan. Turn to medium heat and stir until dissolved. Remove from heat, add the two lavender flowers and vanilla extract, and let steep for 30 minutes. Keep in a sealed container in the refrigerator.

    Earl Grey Latte

    • Bring ¾ cup of water to boil.
    • Steep the tea in the water. If making a hot latte, heat the milk over low heat without bringing it to a boil. If making an iced latte, no need to heat it. Then continue using one of the following methods:

    Metal Whisk

    • Add the milk or non-dairy milk to the tea and whisk until frothy in a “W” or “M” shaped pattern. Pour over ice if you prefer an iced latte. Sweeten with the lavender simple syrup.

    Blender

    • Add the milk or non-dairy milk and steeped tea to a high-speed blender. Run the blender for one minute until you have a smooth frothy liquid. Pour over ice if you prefer an iced latte. Sweeten with the lavender simple syrup.

    Frother

    • Add the milk or non-dairy milk and the steeped tea to the glass. Use your frother to froth the mixture. (You will do this directly in the glass/mug if using a hand held frother.) If making an iced latte, add ice after. Sweeten with the lavender simple syrup.

    Steamer or Espresso Machine

    • Steam the milk using your steamer or espresso machine. Add the milk or non-dairy milk over the steeped tea. Pour over ice and give it a stir if you prefer an iced latte. Sweeten with the lavender simple syrup.

    Jar

    • Add the milk or non-dairy milk and the steeped tea to a jar. Seal, and shake until well mixed and frothy. If you prefer an iced latte, add the ice before shaking. This method works great as an iced latte, since the solid ice tends to help shake it up well. Sweeten with the lavender simple syrup.

    Notes

    You can skip the blender/frother/steamer and just add the milk to the steeped tea.

    Nutrition

    Calories: 80kcal | Carbohydrates: 13g | Protein: 2g | Fat: 2g | Saturated Fat: 1g | Sodium: 53mg | Potassium: 111mg | Fiber: 1g | Sugar: 12g | Vitamin A: 309IU | Vitamin C: 6mg | Calcium: 110mg | Iron: 1mg
    Did you try this recipe?Mention @ProportionalPlate or tag #ProportionalPlate on Instagram! I'd love to see what you're making!

    This post was originally published in October of 2017, but was republished with new photos, step by step instructions, and tips June of 2020.

    « Best Sauces for Gnocchi
    Strawberry Basil Shrub »
    270 shares

    Reader Interactions

    Comments

    1. Yvonne carol Dunmore

      July 20, 2022 at 8:24 am

      I'm really interested in making this. Can I use my own Lavender, from my garden to make the syrup? I don't use any pesticides and I just dry it in my house.

      Reply
      • Candice

        July 20, 2022 at 8:35 am

        Yes, all species of lavender are edible so you are safe to enjoy your own!

        Reply

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Woman with a flower.

    Candice Walker

    On this blog, I get to share the food that I love, and get to enjoy in my own home. My heritage influences most of my recipes, and my travels inspire it. And I'm sure you'll notice my love for everything matcha. Welcome, and enjoy!

    READ MORE

    Follow

    • Instagram
    • Pinterest
    • YouTube

    Winter Recipes

    • Persimmon Pancakes
    • Saffron Bamieh
    • Potato Knishes
    • Matcha Lace Cookies (like Florentines)

    As Featured In

    Collage of logos.

    Fan Favorites

    • Persimmon Bread & Baking with Persimmons
    • Dalgona Matcha Latte
    • Matcha Green Tea Ice Cream
    • Quick & Easy Steak Taco Recipe

    SUBSCRIBE w/EMAIL

    6 Healthy & Plant-Centered Trends for 2020, Meal Plans, & So Much More!




    Disclosure and Privacy Policy

    Woman with a flower.

    Candice Walker

    On this blog, I get to share the food that I love, and get to enjoy in my own home. My heritage influences most of my recipes, and my travels inspire it. And I'm sure you'll notice my love for everything matcha. Welcome, and enjoy!

    READ MORE

    Follow

    • Instagram
    • Pinterest
    • YouTube

    Winter Recipes

    • Homemade Pita Bread
    • The Ultimate Crispy Latke Recipe
    • Irish Matcha & Baileys Irish Matcha
    • Matcha Irish Cream (Like Baileys!)

    As Featured In

    Collage of logos.

    Fan Favorites

    • Easy Homemade Gnocchi
    • Pasta Puttanesca
    • Cardamom Krumkake with Mascarpone Filling
    • Cranberry Orange Scones

    SUBSCRIBE w/EMAIL

    6 Healthy & Plant-Centered Trends for 2020, Meal Plans, & So Much More!




    Disclosure and Privacy Policy

    Footer

    ^ back to top

    About

    • About Candice
    • About Food Guilt

    Newsletter

    • Sign Up!

    Contact

    • Contact
    • Privacy Policy
    • Accessibility Policy

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2022 Proportional Plate LLC

    270 shares