Soft, fragrant, and with a hint of sophistication, these London Fog Cookies are everything you love about the iconic tea latte in a perfectly chewy treat. Infused with Earl Grey tea and a kiss of vanilla bean, each bite feels like a cozy afternoon wrapped in a sweater with your favorite book. Topped with a smooth lavender glaze, they’re equal parts elegant and comforting—just like the drink that inspired them.
Whether you’re a tea lover or a cookie connoisseur, these cookies blend the best of both worlds. The light floral notes of lavender, the citrusy brightness of bergamot, and the warmth of vanilla make them a delightful twist on classic sugar cookies. They’re a perfect pairing for teatime, brunch, or just a moment of indulgence any time of day.
Preparation Phase & Tools to Use
To create these bakery-worthy cookies at home, you’ll need a few kitchen essentials that really make the process smooth and the results outstanding:
- Stand Mixer or Hand Mixer: Creaming the butter and sugar properly is key to getting the right texture. A mixer makes this effortless and consistent.
- Fine Mesh Sieve or Tea Grinder: You’ll want to finely grind the Earl Grey tea leaves to distribute the flavor evenly through the dough without a gritty texture.
- Baking Sheets & Parchment Paper: Even baking is crucial. Parchment ensures cookies don’t stick and bake uniformly.
- Cooling Rack: Proper airflow prevents soggy bottoms and helps the glaze set quickly.
- Whisk & Mixing Bowls: Needed for the lavender glaze, where smoothness is everything.
With these tools on hand, you’re set up to create cookies that feel and taste refined without being fussy.

Ingredients for the London Fog Cookies
Each ingredient in these cookies plays a key role in capturing the cozy, aromatic feel of a London Fog latte.
- Unsalted Butter – Provides richness and helps achieve that perfect soft bite.
- Granulated Sugar – Sweetens the dough and helps with the chewy texture.
- Brown Sugar – Adds depth and moisture, contributing to softness.
- Eggs – Bind the ingredients and provide structure.
- Pure Vanilla Extract – Enhances the floral and tea notes.
- Earl Grey Tea (finely ground) – The star of the show; delivers that signature bergamot flavor.
- All-Purpose Flour – Gives the cookies their form and foundation.
- Baking Soda & Baking Powder – These leaveners create just the right lift and spread.
- Salt – Balances sweetness and brightens flavor.
- Heavy Cream or Milk – Used in the glaze for smooth, silky consistency.
- Powdered Sugar – The base of the lavender glaze.
- Dried Culinary Lavender – Adds gentle floral notes to the glaze and garnish.
How To Make the London Fog Cookies
Step 1: Infuse the Butter with Earl Grey
Melt the butter in a saucepan and stir in the ground Earl Grey tea. Let steep for 10 minutes, then strain or let cool and mix directly if finely ground.
Step 2: Cream the Butters and Sugars
In a stand mixer, beat the infused butter with both sugars until light and fluffy. This aerates the mix and ensures a soft crumb.
Step 3: Add Eggs and Vanilla
Add eggs one at a time, mixing well after each. Pour in the vanilla extract and blend until smooth.
Step 4: Combine Dry Ingredients
In a separate bowl, whisk together flour, baking powder, baking soda, and salt. Gradually add to the wet mixture and mix until a dough forms.
Step 5: Chill the Dough
Cover the bowl and refrigerate for 30–45 minutes. This helps prevent excessive spreading.
Step 6: Bake the Cookies
Preheat oven to 350°F (175°C). Scoop dough onto a lined baking sheet and bake for 10–12 minutes until edges are golden. Cool completely on a wire rack.
Step 7: Make the Lavender Glaze
Whisk together powdered sugar, a splash of cream, vanilla, and a pinch of crushed lavender until smooth and spreadable.
Step 8: Frost and Garnish
Once cookies are cool, spread glaze generously over the tops. Sprinkle with additional dried lavender if desired.
Best Way to Serve and Store These Cookies
London Fog Cookies are best enjoyed fresh, when their centers are chewy and their glaze still holds a subtle crisp. Serve them slightly warm alongside a cup of Earl Grey tea or a warm latte for the full cozy effect. They also pair beautifully with brunch spreads, dessert boards, or afternoon tea trays.
To store, place cookies in an airtight container at room temperature for up to 4 days. If stacking, add parchment between layers to preserve the glaze. For longer storage, freeze unfrosted cookies and add glaze after thawing.
Frequently Asked Questions
Can I use loose-leaf Earl Grey or tea bags?
Absolutely. Just be sure to finely grind the tea from loose leaf or bags to avoid texture issues in the dough.
What does lavender add to the glaze?
Lavender brings a gentle floral aroma that complements the bergamot in the tea. It’s subtle but adds elegance.
Can I make these cookies gluten-free?
Yes, use a 1:1 gluten-free flour blend designed for baking. Check the texture of the dough and chill longer if needed.
How strong is the Earl Grey flavor?
It’s present but not overpowering. The butter infusion balances it for a delicate tea essence rather than a bold punch.
Is the glaze necessary?
The cookies are tasty on their own, but the glaze adds a creamy, aromatic finish that ties the whole theme together.
Can I make the dough ahead of time?
Definitely. Store in the fridge for up to 2 days or freeze the dough balls and bake as needed.
Want More Cookie Ideas with a Twist?
If you’re loving these London Fog Cookies, here are more delightful creations to explore from Life With Olivia:
- Whipped Shortbread Cookies for a melt-in-your-mouth classic.
- Brownie Mix Cookies if you’re craving deep chocolatey bliss.
- Traditional German Lebkuchen with warm spice and nostalgia.
- Peanut Butter Texas Sheet Cake turned into cookie bar form.
- Coconut Snowballs for a chewy, tropical bite.
Save This Recipe for Later
📌 Save this recipe to your Pinterest dessert board so you can come back to it any time: Follow me on Pinterest
And let me know in the comments how your batch turned out. Did you play with the glaze? Try adding citrus zest? I love hearing your personal spins on these cozy bakes.
Questions are always welcome—let’s make sweet magic together!

London Fog Cookies
- Total Time: 1 hour
- Yield: 24 cookies
- Diet: Vegetarian
Description
London Fog Cookies bring the comforting flavors of Earl Grey tea and vanilla into a soft, chewy cookie topped with a delicate lavender glaze. Inspired by the cozy tea latte, these cookies are a dreamy dessert or teatime indulgence.
Ingredients
1 cup unsalted butter, melted
2 tablespoons finely ground Earl Grey tea
3/4 cup granulated sugar
1/2 cup brown sugar
2 large eggs
2 teaspoons pure vanilla extract
2 and 1/2 cups all-purpose flour
1 teaspoon baking soda
1/2 teaspoon baking powder
1/2 teaspoon salt
1 and 1/2 cups powdered sugar
2 to 3 tablespoons heavy cream or milk
1/2 teaspoon vanilla extract (for glaze)
1 teaspoon dried culinary lavender, crushed
Instructions
1. Melt butter in a saucepan and stir in ground Earl Grey tea. Let steep for 10 minutes, then let cool.
2. In a stand mixer, cream the butter with granulated and brown sugars until light and fluffy.
3. Add eggs one at a time, beating after each addition. Stir in vanilla extract.
4. In a separate bowl, whisk together flour, baking soda, baking powder, and salt.
5. Slowly mix the dry ingredients into the wet ingredients until a soft dough forms.
6. Cover and chill dough for 30–45 minutes to prevent spreading.
7. Preheat oven to 350°F (175°C). Scoop dough onto parchment-lined baking sheets.
8. Bake for 10–12 minutes or until edges are lightly golden. Cool on a wire rack.
9. For the glaze, whisk powdered sugar, cream, vanilla, and lavender until smooth.
10. Once cookies are cool, spread glaze on top and garnish with extra lavender.
Notes
Chill the dough for at least 30 minutes to avoid excessive cookie spread.
Finely grind tea leaves to avoid any gritty texture in the dough.
Let cookies cool fully before glazing for a smooth, non-runny finish.
- Prep Time: 15 minutes
- Cook Time: 10–12 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 cookie
- Calories: 190
- Sugar: 16g
- Sodium: 75mg
- Fat: 9g
- Saturated Fat: 5g
- Unsaturated Fat: 3g
- Trans Fat: 0g
- Carbohydrates: 26g
- Fiber: 0.5g
- Protein: 2g
- Cholesterol: 30mg
Keywords: London Fog cookies, Earl Grey cookies, lavender glaze

