If you adore the cozy, aromatic allure of Earl Grey tea paired with the subtle floral notes of lavender in a perfectly tender treat, you are in for a real delight. This London Fog Cookies Recipe captures all the magic of the classic London Fog latte but in cookie form, blending fragrant tea-infused dough with a sweet lavender cream cheese frosting. It’s the kind of recipe that makes your kitchen smell like a charming café, and each bite feels like a warm hug on a chilly day.

Ingredients You’ll Need

A clear glass bowl sits on a white marbled surface, filled with one thick, creamy layer of light beige batter with soft peaks and swirls visible on the surface. Around the bowl, there is an open book, a small white cup filled with coffee, and a shallow wooden bowl with dark loose tea leaves topped with purple dried lavender flowers, placed on a brown book. A small glass vase holding fresh lavender sprigs is visible in the corner. photo taken with an iphone --ar 4:5 --v 7

Every ingredient in this London Fog Cookies Recipe plays a crucial role, bringing balance and harmony to the flavors and textures. From the aromatic Earl Grey tea to the delicate culinary lavender, each component is simple yet thoughtfully chosen to elevate the cookie experience.

Earl Grey tea (3 tbsp, 12 g): Ground to release its distinctive bergamot flavor, infusing the cookies with that signature citrusy aroma.
All-purpose flour (2 3/4 cups, 344 g): Provides the perfect structure ensuring a tender yet sturdy cookie; make sure to spoon and level for accuracy.
Baking powder (1/2 tsp): Adds just the right amount of lift for a light, airy texture.
Baking soda (1/2 tsp): Balances the leavening to create a soft bite without heaviness.
Salt (1/2 tsp): Enhances the sweetness and rounds out the flavors beautifully.
Granulated white sugar (1 cup, 200 g): Sweetens and lends structure; part of it combines with lavender for a fragrant coating.
Unsalted butter, softened (1 cup, 227 g): Creates a rich, tender crumb and helps develop that melt-in-your-mouth quality.
Egg (1, room temperature): Binds the dough while keeping it light and fluffy.
Vanilla bean paste (2 tsp): Adds a layer of warm sweetness that complements both the tea and lavender.
Culinary lavender (1 tbsp total): Split between the sugar coating and the frosting, lending a gentle floral note that’s simply divine.
Powdered sugar (1 cup, 130 g): Essential for the silky lavender cream cheese frosting.
Cream cheese (4 oz, 113 g): Provides tang and creaminess to balance the sweetness in the frosting.
Unsalted butter, softened (1/4 cup, 56 g) for frosting: Helps create a luscious texture in the frosting.
Purple food coloring (optional): Gives the frosting a whimsical lavender hue, perfect for presentation.

How to Make London Fog Cookies Recipe

Step 1: Prepare the Lavender Sugar

First, grab your culinary lavender and pulse it in a food processor until finely ground. Sifting it through a sieve will ensure no large bits remain, keeping your sugar smooth. Half of this lavender will be mixed with sugar to coat the cookie dough, imparting a delicate floral crunch, while the rest will flavor the frosting, tying the whole cookie together wonderfully.

Step 2: Grind Earl Grey Tea and Mix Dry Ingredients

Next, take your Earl Grey tea leaves and pulverize them finely using your food processor, then sift to remove any chunky pieces. This step is key because the finely ground tea can fully infuse the dough with its signature bergamot flavor. Whisk together this ground tea, flour, baking powder, baking soda, and salt in a medium bowl to create your fragrant dry mix.

Step 3: Cream Butter and Sugar

Using an electric mixer, cream the softened butter and granulated sugar until the mixture becomes light and fluffy—about 1 to 2 minutes on high speed. This process is vital as it aerates your dough, ensuring those cookies bake with a tender crumb and a perfectly delicate texture.

Step 4: Incorporate Egg and Vanilla

Add the room-temperature egg and vanilla bean paste to the creamed butter and sugar. Mixing on medium speed helps create a pale, fluffy batter, enhancing the cookie’s moistness and adding depth to the flavor profile.

Step 5: Combine Dry Ingredients with Wet

Turn the mixer to low speed and gradually add the dry Earl Grey and flour mixture. Mixing just until combined is crucial here—you want tender cookies, so avoid overworking the dough.

Step 6: Shape and Coat the Cookies

Scoop 2-tablespoon portions of dough and roll them into balls, then generously roll each in your aromatic lavender sugar mixture. Carefully arrange the dough balls at least 2 inches apart on parchment-lined baking sheets, flattening them slightly into circles. This coating adds a delightful texture and subtle floral scent to every bite.

Step 7: Bake and Shape

Bake your London Fog cookies in a 350°F (175°C) oven for about 9 to 10 minutes. When they come out warm, gently press a large circular cookie cutter around each to perfect their shape—just like you’d see in a classy bakery. Let them cool on the sheets for a few minutes before transferring to a rack.

Step 8: Make Lavender Cream Cheese Frosting

While the cookies bake and cool, whip together softened cream cheese and butter until fluffy. Mix in powdered sugar, the reserved finely ground lavender, vanilla bean paste, and a touch of purple food coloring if you want that lovely lavender shade. The frosting is light with just enough tang to complement the fragrant cookies beautifully.

Step 9: Frost the Cookies

Once the cookies are completely cool, dollop about 1 tablespoon of frosting on each. Spread evenly with a mini offset spatula or the back of a spoon. This finishing touch turns a simple cookie into an elegant, addictive treat.

How to Serve London Fog Cookies Recipe

The image shows several round cookies with a smooth, pale purple frosting spread evenly on top. Each cookie has a single layer of thick frosting that looks creamy with soft swirls and a few small purple flower petals sprinkled on the surface. The cookies are arranged close together on a white marbled texture. A small white bowl filled with dark purple dried flowers is placed to the right side of the image, and a few sprigs of fresh purple flowers and small white blossoms are scattered around. The lighting is soft and natural, highlighting the gentle texture of the frosting and the delicate flower details. photo taken with an iphone --ar 4:5 --v 7

Garnishes

Consider adding a few edible lavender buds or a light dusting of finely ground Earl Grey tea on top of the frosting for an extra flourish. These small garnishes visually echo the cookies’ core flavors and can impress guests with a pop of color and texture.

Side Dishes

These cookies pair beautifully with a warm cup of Earl Grey tea or a creamy latte. For afternoon tea, serve alongside light finger sandwiches or fresh berries to balance the richness of the frosting and enhance the overall experience.

Creative Ways to Present

Try stacking the frosted cookies with parchment paper between layers in a pretty tin for gifting. Or, arrange them on a delicate serving plate with sprigs of fresh lavender. You can also sandwich the cookies with the frosting inside for a London Fog cookie sandwich twist that guests will adore.

Make Ahead and Storage

Storing Leftovers

Keep any leftover London Fog cookies in an airtight container at room temperature for up to 3 days. This helps maintain their tenderness and preserves the bright flavors of the Earl Grey and lavender.

Freezing

If you want to save these cookies for later, freeze them unfrosted in a single layer on a baking sheet before transferring to a freezer-safe container or bag. Freeze the frosting separately as well. When ready, thaw both and add the frosting fresh for the best texture and flavor.

Reheating

Give the cookies a quick warm-up in a 300°F (150°C) oven for about 5 minutes to revive their softness and amplify their cozy aroma. Avoid reheating after frosting to preserve the creamy texture unless the frosting is melted intentionally.

FAQs

Can I use regular black tea instead of Earl Grey?

While you can substitute black tea, Earl Grey’s distinctive bergamot flavor is what truly defines the London Fog Cookies Recipe. Using regular black tea will yield a less aromatic and less citrusy cookie.

What if I don’t have culinary lavender?

It’s best to use culinary-grade lavender for safety and flavor. If you can’t find it, you might omit it but the cookies will lose that lovely floral note that sets this recipe apart.

How do I prevent the cookies from spreading too much?

Make sure your butter is softened but not melted, and chill the dough for 15-20 minutes if needed before rolling. Also, spacing the dough balls well helps them bake evenly without merging.

Can I make these cookies gluten-free?

You can experiment with a gluten-free all-purpose flour blend, but note that texture may differ. It’s best to use blends designed for baking to keep the right consistency.

Is the purple food coloring necessary?

Not at all! The purple color is purely for presentation and doesn’t affect the flavor. Feel free to leave it out for a natural frosting shade.

Final Thoughts

This London Fog Cookies Recipe is a charming way to bring the sophisticated flavors of your favorite tea into a delicious, shareable cookie. Whether baking for a special occasion or just because, these treats promise to delight your taste buds and warm your heart. I can’t wait for you to try making these—you’ll soon see why they’ve become a beloved favorite!