DESSERTS

London Fog Earl Grey Cookies: A Delightful Twist

by basmer

23 de December de 2025

Facebook

Jump to Recipe

London Fog Earl Grey Cookies are a delightful fusion of floral and citrus notes, created by infusing fragrant Earl Grey tea into a delicate cookie base. These cookies are not just a treat; they are a sophisticated addition to any afternoon tea or a charming dessert for gatherings. Topped with creamy lavender-infused cream cheese frosting, they offer a unique taste experience that balances sweetness with a hint of floral elegance. Let’s dive into how to make this exquisite treat!

Why You’ll Love This London Fog Earl Grey

This recipe for London Fog Earl Grey cookies brings several benefits to the table:

Perfect for tea time or as a dessert centerpiece.
Infused with the aromatic flavors of Earl Grey tea.
Coated with lavender sugar for an added floral touch.
Easy to make at home, ensuring freshness.
Vegetarian-friendly, fitting many dietary preferences.
Can be paired with an Earl Grey Latte for a complete experience.
Great for sharing, making them ideal for gatherings.

Not to mention, the London Fog Tea inspiration adds a unique twist to traditional cookies, making them a conversation starter!

Ingredients for London Fog Earl Grey

Gather these items:

3 tbsp (12 g) Earl Grey tea
2 3/4 cups (344 g) all purpose flour, spooned and leveled
1/2 tsp baking powder
1/2 tsp baking soda
1/2 tsp salt
1 cup (200 g) granulated white sugar
1 cup (227 g) unsalted butter, softened
1 egg, at room temperature
2 tsp vanilla bean paste
1/2 cup (100 g) granulated white sugar
1/2 tbsp culinary lavender
4 oz (113 g) cream cheese
1/4 cup (56 g) unsalted butter, softened
1 cup (130 g) powdered sugar
1 tsp vanilla bean paste
Purple food coloring (optional)

How to Make London Fog Earl Grey Step-by-Step

Step 1: Add the culinary lavender to a food processor and pulse until finely ground, then pass through a sieve to remove any large bits. Set aside half of the ground lavender to use later in the frosting. Mix the remaining ground lavender with granulated sugar in a medium bowl and set aside.
Step 2: Set the oven to 350°F (175°C) and line two baking sheets with parchment paper.
Step 3: Place the Earl Grey tea leaves in a food processor and pulse until finely ground. Sieve to remove any coarse bits.
Step 4: In a medium bowl, whisk together all-purpose flour, baking powder, baking soda, salt, and the ground Earl Grey tea. Set aside.
Step 5: In a large bowl, beat the softened butter and granulated sugar with an electric mixer on high speed for 1-2 minutes until the mixture becomes very light and fluffy.
Step 6: Mix in the egg and vanilla bean paste on medium speed until the batter is pale and fluffy, about 1-2 minutes.
Step 7: Add the dry ingredient mixture to the wet ingredients and mix on low speed just until combined to form the dough.
Step 8: Use a 2 tbsp cookie scoop to form dough balls, then roll each ball in the lavender sugar mixture to coat.
Step 9: Place dough balls on the prepared baking sheets at least 2 inches apart. Slightly flatten each ball and shape into a circle to ensure even baking.
Step 10: Bake 6-8 cookies at a time in the preheated oven for 9-10 minutes. When done, use a large circular cookie cutter to gently press around the edges of the cookies while still warm for a perfect shape.
Step 11: Let cookies cool on the baking sheet for 5 minutes.
Step 12: Transfer cookies to a wire rack to cool completely before frosting.
Step 13: While the cookies bake and cool, beat together the softened cream cheese and butter with an electric mixer until fluffy, about 3-4 minutes.
Step 14: Mix in the powdered sugar, reserved ground lavender, vanilla bean paste, and optional purple food coloring until the frosting is very fluffy and smooth.
Step 15: Once cookies are completely cooled, spread about 1 tablespoon of the lavender cream cheese frosting evenly on each cookie using a mini offset spatula. Serve and enjoy!

Pro Tips for the Best London Fog Earl Grey

Keep these in mind:

Make sure your butter is softened to room temperature for easy mixing.
Use a cookie scoop for even-sized cookies.
Allow cookies to cool completely before frosting to prevent melting.

Best Ways to Serve London Fog Earl Grey

These cookies shine when served with:

Classic London Fog Tea for a delightful pairing.
As a dessert at a tea party or brunch.
With an Earl Grey Latte for a complete experience.

How to Store and Reheat London Fog Earl Grey

Store any leftover cookies in an airtight container at room temperature for up to a week. If you want to enjoy them warm, simply pop them in the microwave for a few seconds. This recipe yields about 24 cookies, perfect for sharing or enjoying throughout the week!

Frequently Asked Questions About London Fog Earl Grey

What’s the secret to perfect London Fog Earl Grey?

The secret lies in using high-quality Earl Grey tea and ensuring your butter is perfectly softened to achieve that light, fluffy texture.

Can I make London Fog Earl Grey ahead of time?

Absolutely! You can bake the cookies a day in advance and frost them just before serving for the freshest flavor.

How do I avoid common mistakes with London Fog Earl Grey?

To avoid mistakes, measure flour accurately and avoid overmixing the dough to keep your cookies tender and delicious.

Variations of London Fog Earl Grey You Can Try

Explore these creative twists:

Add a hint of vanilla for extra sweetness.
Incorporate a touch of lemon zest for a citrusy kick.
Try using London Fog with Oat Milk for a vegan version of the frosting.
Experiment with different teas, like chai, for a unique flavor.

London Fog Earl Grey Cookies: A Delightful Twist

Author: basmer
Total Time: 40 minutes
Yield: 24 cookies 1x
Diet: Vegetarian

Print Recipe

Description

These delicate London Fog Cookies are infused with fragrant Earl Grey tea and coated with a light sprinkle of lavender sugar, then topped with a creamy lavender-infused cream cheese frosting.

Instructions

Add the culinary lavender to a food processor and pulse until finely ground, then pass through a sieve to remove any large bits. Set aside half of the ground lavender to use later in the frosting. Mix the remaining ground lavender with granulated sugar in a medium bowl and set aside.
Set the oven to 350°F (175°C) and line two baking sheets with parchment paper.
Place the Earl Grey tea leaves in a food processor and pulse until finely ground. Sieve to remove any coarse bits.
In a medium bowl, whisk together all-purpose flour, baking powder, baking soda, salt, and the ground Earl Grey tea. Set aside.
In a large bowl, beat the softened butter and granulated sugar with an electric mixer on high speed for 1-2 minutes until the mixture becomes very light and fluffy.
Mix in the egg and vanilla bean paste on medium speed until the batter is pale and fluffy, about 1-2 minutes.
Add the dry ingredient mixture to the wet ingredients and mix on low speed just until combined to form the dough.
Use a 2 tbsp cookie scoop to form dough balls, then roll each ball in the lavender sugar mixture to coat.
Place dough balls on the prepared baking sheets at least 2 inches apart. Slightly flatten each ball and shape into a circle to ensure even baking.
Bake 6-8 cookies at a time in the preheated oven for 9-10 minutes. When done, use a large circular cookie cutter to gently press around the edges of the cookies while still warm for a perfect shape. Let cookies cool on the baking sheet for 5 minutes.
Transfer cookies to a wire rack to cool completely before frosting.
While the cookies bake and cool, beat together the softened cream cheese and butter with an electric mixer until fluffy, about 3-4 minutes.
Mix in the powdered sugar, reserved ground lavender, vanilla bean paste, and optional purple food coloring until the frosting is very fluffy and smooth.
Once cookies are completely cooled, spread about 1 tablespoon of the lavender cream cheese frosting evenly on each cookie using a mini offset spatula. Serve and enjoy!