London Fog Cookies

WANT TO SAVE THIS RECIPE?

With the cozy comfort of Earl Grey tea and the delicate aroma of vanilla, these London Fog Cookies are like curling up with your favorite blanket in edible form. Inspired by the popular London Fog latte, these cookies balance the subtle citrusy notes of bergamot with rich white chocolate and a soft, chewy texture that melts in your mouth.

Perfect for afternoon tea or when you’re simply craving a soothing treat, these cookies capture everything you love about a warm mug of London Fog in every bite. They’re elegant, unique, and endlessly satisfying—sure to become a go-to favorite for tea lovers and cookie aficionados alike.

Why You’ll Love This London Fog Cookies Recipe

These cookies offer a soft, bakery-style chewiness paired with aromatic Earl Grey flavors. They’re simple to make, impressive to serve, and bring a little sophistication to your cookie jar. Whether you’re making a batch for a holiday tray or just want something different to snack on, their subtly floral, sweet flavor makes them stand out in the best way.

What Kind of Earl Grey Should I Use?

Loose leaf Earl Grey is ideal for this recipe because of its bold, fresh flavor. If you’re using tea bags, make sure they are of high quality—you want the bergamot to shine. You can also experiment with lavender-infused Earl Grey if you’re into floral undertones. The tea gets finely ground before adding to the dough, infusing each bite with gentle warmth and complexity.

Ingredients for the London Fog Cookies

The magic in these cookies comes from the blend of tea, vanilla, and creamy white chocolate. Make sure your ingredients are fresh and of good quality to get the best flavor possible.

  • All-purpose flour
  • Baking soda
  • Salt
  • Unsalted butter
  • Brown sugar
  • Granulated sugar
  • Eggs
  • Vanilla extract
  • Earl Grey tea leaves
  • White chocolate chips
Pin this Recipe
London Fog Cookies (1)

How To Make the London Fog Cookies

Step 1: Prep the Tea

Grind the Earl Grey tea leaves until fine using a spice grinder or mortar and pestle. Set aside.

Step 2: Cream the Butter and Sugars

In a large bowl, beat softened butter with brown sugar and granulated sugar until light and fluffy. This gives the cookies their chewy texture.

Step 3: Mix in the Eggs and Vanilla

Add eggs one at a time, beating well after each addition. Stir in vanilla extract.

Step 4: Add Dry Ingredients

In a separate bowl, whisk flour, baking soda, salt, and the ground tea. Gradually mix into the wet ingredients until just combined.

Step 5: Fold in the White Chocolate

Gently stir in the white chocolate chips. Chill the dough for at least 30 minutes.

Step 6: Bake to Perfection

Preheat oven to 350°F. Scoop dough onto a baking sheet and bake for 10-12 minutes until edges are golden but centers are soft.

Storing and Serving These Cozy Cookies

These cookies are best served slightly warm, when the white chocolate is still melty and the scent of Earl Grey fills the room. They can be stored in an airtight container for up to five days or frozen for longer storage. This recipe makes around 24 cookies, enough for a crowd or a week’s worth of treats for yourself.

What to Serve With London Fog Cookies?

Hot London Fog Latte

The most obvious pairing—a creamy latte made with Earl Grey, vanilla, and steamed milk.

Vanilla Bean Ice Cream

The perfect cool contrast to the warm, spiced cookie.

Lemon Curd

Add a dollop on the side for a tangy twist.

Blueberry Compote

A juicy, fruity topping that complements the bergamot.

Almond Milk Chai

If you’re skipping the caffeine but still want cozy vibes.

Whipped Mascarpone

Light and creamy, it adds a sophisticated edge.

Simple Fruit Salad

Keeps things fresh and light when you want balance.

Toasted Coconut Flakes

Adds crunch and tropical flavor alongside the floral cookie.

If you love these London Fog Cookies, you’ll definitely want to try:

Save This Recipe 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 use lavender Earl Grey or classic? Try them with a little glaze on top?

I love hearing how others make these recipes their own. Questions are welcome too—let’s help each other bake smarter.

Explore beautifully curated health-boosting drinks on Zoe Recipes on Pinterest and discover your new go-to for feeling great!

Conclusion

London Fog Cookies take the familiar comfort of tea and transform it into a bakery-worthy dessert. With soft centers, just the right sweetness, and delicate notes of bergamot and vanilla, these cookies are ideal for cozy moments and elegant dessert trays alike. They bring a bit of charm and creativity to your baking routine—and you deserve that kind of delicious magic.

London Fog Cookies (2)
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

London Fog Cookies


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Zoe Adelson
  • Total Time: 45 minutes
  • Yield: 24 cookies

Description

These London Fog Cookies blend Earl Grey tea, vanilla, and white chocolate into soft, chewy bites of comfort. Perfect for tea lovers, they’re an easy and elegant twist on traditional cookies with bergamot aroma and latte-inspired sweetness.


Ingredients

2 ¼ cups all-purpose flour

1 teaspoon baking soda

½ teaspoon salt

1 cup unsalted butter, softened

¾ cup brown sugar

½ cup granulated sugar

2 large eggs

2 teaspoons vanilla extract

2 tablespoons finely ground Earl Grey tea leaves

1 ½ cups white chocolate chips


Instructions

1. Grind the Earl Grey tea leaves finely using a spice grinder or mortar and pestle.

2. In a large mixing bowl, beat together the softened butter, brown sugar, and granulated sugar until creamy and fluffy.

3. Add the eggs one at a time, beating well after each addition, then mix in the vanilla extract.

4. In another bowl, whisk the flour, baking soda, salt, and ground Earl Grey tea.

5. Gradually mix the dry ingredients into the wet mixture until just combined.

6. Fold in the white chocolate chips evenly.

7. Chill the dough in the refrigerator for at least 30 minutes.

8. Preheat oven to 350°F (175°C) and line baking sheets with parchment paper.

9. Scoop tablespoons of dough onto baking sheets, spacing them about 2 inches apart.

10. Bake for 10-12 minutes or until edges are lightly golden and centers are still soft.

11. Cool on the baking sheet for a few minutes before transferring to a wire rack.

Notes

Store in an airtight container for up to 5 days.

For extra floral flavor, try using lavender Earl Grey tea.

Chill the dough longer for thicker cookies.

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

Nutrition

  • Serving Size: 1 cookie
  • Calories: 180
  • Sugar: 15g
  • Sodium: 85mg
  • Fat: 9g
  • Saturated Fat: 6g
  • Unsaturated Fat: 2g
  • Trans Fat: 0g
  • Carbohydrates: 23g
  • Fiber: 0.5g
  • Protein: 2g
  • Cholesterol: 30mg
London Fog Cookies (3)

WANT TO SAVE THIS RECIPE?

Similar Posts

Leave a Reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star