London Fog Cookies
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

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.
Want More Cookie Ideas with a Twist?
If you love these London Fog Cookies, you’ll definitely want to try:
- Whimsical Cotton Candy Cookies Delight for a playful, colorful treat.
- Kentucky Butter Cake Cookies with rich, buttery flavor.
- White Chocolate Orange Creamsicle Truffles if you like citrus with your sweet.
- Peggi’s Gigantic Melt-In-Your-Mouth Crispy Peanut Butter Cookies for nutty, crispy perfection.
- Strawberry Cinnamon Rolls when you’re in the mood for a fruity twist on a classic.
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
- 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


