in

London Fog Cookies

WANT TO SAVE THIS RECIPE?

Rich, cozy, and delicately floral, London Fog Cookies are the perfect sweet treat inspired by the classic Earl Grey latte. These soft-baked cookies are infused with aromatic Earl Grey tea and vanilla, then drizzled with a luscious glaze that carries hints of lavender and cream. They’re the kind of cookies that feel like a warm hug on a chilly afternoon.

If you’re a tea lover or just someone who appreciates unique, comforting desserts, these cookies are a must-try. The texture is perfectly chewy with a tender crumb, and the flavor is sophisticated yet homey—ideal for pairing with your favorite hot beverage or gifting in a beautiful tin.

These cookies offer something a little different from your everyday chocolate chip or sugar cookie. The combination of Earl Grey tea and vanilla creates a deeply aromatic, almost nostalgic flavor. The glaze adds elegance and a gentle floral note without being overpowering. They’re also incredibly easy to make, and they bake beautifully every time.

Whether you’re hosting a tea party, looking for a thoughtful homemade gift, or simply craving a comforting treat, these cookies will not disappoint.

What Kind of Earl Grey Should I Use?

For the best flavor, opt for a high-quality loose-leaf Earl Grey tea or a premium tea bag. Look for one that has a strong bergamot aroma—that citrusy note is the star of the London Fog flavor. If you’re in a pinch, standard grocery store Earl Grey will still work well, but you’ll really notice the difference when using a fragrant, full-bodied blend. Some versions even include a hint of vanilla or lavender, which pairs beautifully with this recipe.


Ingredients for the London Fog Cookies

Each ingredient in these cookies is carefully chosen to enhance that signature London Fog flavor and ensure a perfect texture.

  • Butter – Softened unsalted butter adds richness and creates a tender, chewy cookie.
  • Sugar – A mix of white and brown sugar gives structure and just the right amount of sweetness.
  • Egg – Helps bind everything together and adds moisture.
  • Vanilla Extract – Enhances the warmth of the tea and complements the glaze.
  • All-Purpose Flour – Forms the base of the dough for a soft, sturdy cookie.
  • Baking Soda – Provides a gentle rise and keeps the texture light.
  • Salt – Just a touch to balance the sweetness.
  • Finely Ground Earl Grey Tea – The star of the show, lending that beautiful bergamot aroma.
  • Lavender (optional) – Adds a floral dimension to the glaze or as a garnish.
  • Powdered Sugar – For the smooth, sweet glaze.
  • Milk or Cream – To thin out the glaze to your desired consistency.
Pin this Recipe

How To Make the London Fog Cookies

Step 1: Cream the Butter and Sugar

In a large mixing bowl, cream together the softened butter, white sugar, and brown sugar until light and fluffy. This creates a soft cookie texture.

Step 2: Add Egg and Vanilla

Mix in the egg and vanilla extract until fully combined. This adds richness and depth to the flavor.

Step 3: Combine Dry Ingredients

In a separate bowl, whisk together the flour, baking soda, salt, and finely ground Earl Grey tea. Make sure the tea is evenly distributed.

Step 4: Mix Wet and Dry

Slowly incorporate the dry ingredients into the wet mixture, stirring until just combined. Do not overmix.

Step 5: Scoop and Bake

Scoop the dough into balls and place them on a lined baking sheet. Bake at 350°F (175°C) for 10–12 minutes until the edges are just set and the centers are soft.

Step 6: Cool and Glaze

Let the cookies cool completely on a wire rack. Mix powdered sugar with a little milk or cream to make the glaze, then drizzle it over the cooled cookies. Sprinkle with lavender for an elegant finish.


How to Serve and Store London Fog Cookies

These cookies are best served fresh with a warm beverage like coffee, chai, or (of course) a London Fog latte. Their subtle floral and citrus notes make them elegant enough for entertaining but cozy enough for everyday enjoyment.

This recipe yields approximately 18 cookies, making it perfect for a small gathering or gifting batch. Store them in an airtight container at room temperature for up to 5 days. For longer storage, freeze the cookies (unglazed) and glaze them after thawing for best texture.

What to Serve With London Fog Cookies?

Earl Grey Latte

Double down on that signature flavor by sipping a London Fog latte alongside these cookies.

Lemon Curd

A small spoonful of lemon curd on the side enhances the citrusy bergamot in the cookies.

Clotted Cream or Mascarpone

A smooth, rich spread like clotted cream adds a luxurious element and balances the sweetness.

Fresh Berries

Strawberries, blackberries, or raspberries add a refreshing contrast and pop of color.

Dark Chocolate

Serve a square or two of dark chocolate for a deeper flavor pairing.

Lavender Tea

For a caffeine-free option, lavender tea complements the floral glaze without overpowering it.

Shortbread Cookies

Pair with simple shortbread for a tea-time cookie medley.

Soft Brie or Camembert

Yes, cheese! The creamy, mellow flavor of soft cheese can balance out the sweetness and enhance the tea notes.


Frequently Asked Questions

Can I use tea bags instead of loose leaf tea?
Yes! Just cut open your favorite Earl Grey tea bags and use the contents. Make sure the grind is fine so it incorporates evenly into the dough.

Can I make these cookies gluten-free?
Absolutely. Substitute your favorite 1:1 gluten-free flour blend. The texture may be slightly different but still delicious.

How strong is the tea flavor?
It’s noticeable but not overpowering. If you want a bolder flavor, you can increase the amount of tea slightly or steep the milk used in the glaze with a tea bag before mixing.

Is lavender necessary in this recipe?
No, it’s optional! Lavender adds a floral elegance but if it’s not your thing, simply leave it out. The cookies will still shine.

Save This Pin For Later

Save this recipe to your Pinterest dessert board so you can come back to it any time.
And let me know in the comments how yours turned out. Did you steep your glaze milk with tea or try lemon zest in the dough?
I love hearing how others make these recipes their own. Questions are welcome too, let’s help each other bake smarter.

More recipes shared daily on my Pinterest — Meals We Share By Sally

Conclusion

London Fog Cookies bring all the comforting flavors of your favorite café latte into a soft, chewy, and beautifully glazed treat. With the fragrant notes of bergamot and optional lavender, they strike a delightful balance between elegant and cozy. Perfect for gifting, sharing over tea, or indulging solo with a blanket and a good book. Once you try them, they’re sure to become a staple in your baking rotation.


Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

London Fog Cookies


  • Author: Sally Roberts
  • Total Time: 27 minutes
  • Yield: 18 cookies
  • Diet: Vegetarian

Description

Soft, chewy, and infused with the flavors of Earl Grey tea and vanilla, London Fog Cookies are the perfect cozy treat for any season. With a delicate glaze and optional hint of lavender, these cookies blend elegance and comfort. Perfect for anyone looking for quick breakfast bakes, easy dessert ideas, or a unique addition to their list of tea-time food ideas. This easy recipe will become a go-to for tea lovers and cookie enthusiasts alike!


Ingredients

1 cup unsalted butter, softened

0.5 cup white sugar

0.5 cup brown sugar

1 large egg

2 teaspoons vanilla extract

2 cups all-purpose flour

0.5 teaspoon baking soda

0.25 teaspoon salt

2 tablespoons finely ground Earl Grey tea

1 tablespoon dried lavender (optional)

1.5 cups powdered sugar

2 to 3 tablespoons milk or cream


Instructions

1. In a large mixing bowl, cream together the butter, white sugar, and brown sugar until light and fluffy.

2. Mix in the egg and vanilla extract until fully combined.

3. In a separate bowl, whisk together the flour, baking soda, salt, and finely ground Earl Grey tea.

4. Slowly incorporate the dry ingredients into the wet mixture, stirring until just combined.

5. Scoop the dough into balls and place them on a lined baking sheet.

6. Bake at 350°F (175°C) for 10–12 minutes, until the edges are set and centers remain soft.

7. Let cookies cool completely on a wire rack.

8. Mix powdered sugar with 2–3 tablespoons of milk or cream to form the glaze.

9. Drizzle glaze over cooled cookies and top with lavender if using.

Notes

For a stronger Earl Grey flavor, steep a tea bag in the glaze milk before mixing.

You can freeze unglazed cookies and glaze them after thawing for best freshness.

Optional lemon zest in the dough adds a bright twist to the flavor.

  • Prep Time: 15 minutes
  • Cook Time: 12 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Nutrition

  • Serving Size: 1 cookie
  • Calories: 180
  • Sugar: 14g
  • Sodium: 65mg
  • Fat: 9g
  • Saturated Fat: 5g
  • Unsaturated Fat: 3.5g
  • Trans Fat: 0g
  • Carbohydrates: 24g
  • Fiber: 0.5g
  • Protein: 2g
  • Cholesterol: 30mg

Keywords: london fog cookies, earl grey cookies, tea cookies, lavender cookies, cookie recipe, easy cookies, tea time treats

WANT TO SAVE THIS RECIPE?

Leave a Reply

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

Recipe rating

Strawberry Tres Leches Cake

Pecan Pie Crescent Rolls