Skip to content
Be Your Own Barista

Search guides and recipes.

    StandardRecipe

    London Fog Latte (No Espresso Required)

    The BYOB Team5 min1 drink (from a batch of Earl Grey Tea Concentrate and a batch of Vanilla Syrup, each making about 6-12 servings)$0.55/drink111 cal/drink

    Uses Earl Grey Tea Concentrate — make a batch ahead of time; it keeps in the fridge for a week or two, so you won't need to make it again for every drink.

    Ingredients & steps

    Standard

    Written hot. Switch to see the iced version's ingredients and steps.

    Ingredients

    • 4oz Earl Grey Tea Concentrate (make a batch ahead of time -- it keeps about 1 week in the fridge)
    • 4oz milk, steamed or frothed
    • 1 tbsp Vanilla Syrup (make a batch ahead of time -- it keeps about 2 weeks in the fridge)

    Steps

    1. 1.Make a batch each of Earl Grey Tea Concentrate and Vanilla Syrup ahead of time if you haven't already -- the tea keeps about a week, the syrup about 2 weeks.
    2. 2.Warm 4oz of the Earl Grey concentrate in a small saucepan or the microwave until hot, but not boiling.
    3. 3.Stir in 1 tbsp of the vanilla syrup while the tea is still hot -- this is what actually makes it a London Fog rather than a plain Earl Grey latte.
    4. 4.Steam or froth 4oz of milk to about 150°F and pour over the tea mixture.
    5. 5.Serve immediately.

    Swap the milk

    This recipe is written with Kirkland Signature Organic A2 Whole Milk (4oz). Pick a different milk to see the cost and calories update below.

    Milk: Kirkland Signature Organic A2 Whole Milk

    Cost per drink

    $0.55

    Calories per drink

    111

    Not medical or nutrition advice. Calorie figures on this page are estimates based on typical ingredient values, not a lab analysis of your exact batch — they'll shift with the brand of milk, syrup, or protein powder you actually use. "Ingredient-Honest" and "sugar-free" describe what's in the recipe, not a health claim. If you're managing diabetes, a caffeine sensitivity, pregnancy, or another condition, check with a doctor or dietitian before making a recipe part of your routine. Read the full disclaimer.

    A traditional London Fog is three parts, not two: Earl Grey tea, steamed milk, and vanilla syrup. There’s no coffee anywhere in this drink — our Earl Grey Tea Concentrate is brewed deliberately unsweetened, so the vanilla comes from real Vanilla Syrup stirred in at the drink stage, exactly like the café version. Once both bases are made, this takes about 2 minutes to assemble.

    Make Both Bases First (Just Once)

    This recipe assumes you already have a jar each of Earl Grey Tea Concentrate and Vanilla Syrup in the fridge — the tea concentrate is a 15-minute batch that keeps about a week and makes about 6 drinks; the vanilla syrup is a 10-minute batch that keeps about 2 weeks and makes about 12. If you’re building your first jar of either, go make that one first, then come back here.

    Building the Latte

    1. Warm 4oz of the Earl Grey concentrate in a small saucepan or the microwave until hot, but not boiling.
    2. Stir in 1 tbsp of the vanilla syrup while the tea is still hot — this is the step that actually makes it a London Fog.
    3. Steam or froth 4oz of milk to about 150°F and pour it over the tea mixture.
    Café London Fog Latte vs. Home Version
    Café grande London Fog latte$5.45
    Home London Fog latte (tea concentrate, milk, vanilla syrup)~$0.55
    Savings per drink$4.90

    Both bases together cost about $2.25 total to make (~$1.20 for the Earl Grey concentrate, ~$1.05 for the vanilla syrup) — the concentrate covers about 6 drinks on its own, the syrup covers about 12, so a single pair of batches stretches to about 6 London Fogs before the tea runs out.

    Assumptions: grande-size drink, national-average café pricing for a London Fog, dairy milk, Earl Grey tea bags, sugar, and real vanilla extract at typical grocery/bulk pricing. At 5 London Fog lattes a week over the site’s standard 48-week year, that’s roughly $1,176/year back in your pocket versus the café version.

    Swaps & Notes

    • No espresso machine and don’t want one? Good news — this drink never needed one. There’s no coffee anywhere in the Earl Grey concentrate or this build.
    • Iced version: use the Hot/Iced toggle above the ingredients to switch — less milk (3oz cold over ice instead of 4oz steamed), same method as every other iced drink on the site.
    • Want it stronger? Steep the Earl Grey concentrate an extra minute or two, or use 10 tea bags instead of 8 — see the concentrate recipe for the full method.
    • Only have one of the two bases made? This drink genuinely needs both — the concentrate alone is unsweetened plain Earl Grey, and the syrup alone is just vanilla latte flavoring with no tea.

    Recipe Card Summary

    London Fog Latte

    • 4oz Earl Grey Tea Concentrate (made ahead) + 4oz steamed milk + 1 tbsp Vanilla Syrup (made ahead)
    • Prep time: 5 minutes (after both bases are made) · Total: 5 minutes
    • Cost: ~$0.55/drink vs. $5.45 café equivalent

    FAQ

    Do I need an espresso machine or any coffee gear for this?

    No — Earl Grey is a black tea, and neither this drink nor the concentrate it’s built on involves coffee anywhere.

    Why isn’t there any sugar in the tea concentrate itself?

    Because a proper London Fog’s sweetness comes from vanilla syrup added at the drink stage, not sugar cooked into the tea. See the Earl Grey Tea Concentrate recipe for the full reasoning.

    Can I use regular black tea instead of Earl Grey?

    You can, but it stops being a London Fog at that point — Earl Grey’s bergamot (a citrus oil) is the specific flavor a London Fog is built around. Plain black tea, milk, and vanilla is a perfectly good drink, just a different one.

    Browse by ingredient tier

    Or skip this drink and explore every recipe in the Ingredient-Honest, Standard, or Sugar-Free lineup.

    Browse more Latte recipes →