Introduction to London Fog Cookies
Are you ready to delight your taste buds with something both unique and delicious? London Fog Cookies are the perfect blend of classic cookie comfort and sophisticated flavors. Inspired by the popular London Fog drink—which combines Earl Grey tea, steamed milk, and vanilla—these cookies bring that cozy café experience right to your kitchen.
What are London Fog Cookies?
At their core, London Fog Cookies are Earl Grey-infused treats with a subtle hint of lavender and a creamy frosting on top. Imagine biting into a soft, buttery cookie that melts in your mouth, showcasing the aromatic notes of bergamot from the tea. The addition of lavender elevates these cookies, providing a floral nuance that pairs beautifully with the earthy flavors.
These cookies aren’t just a delicious dessert; they also make for a delightful afternoon snack or a great gift for friends who appreciate a touch of creativity in their sweets. You can serve them at tea parties or indulge in them as a personal treat while unwinding at the end of a long day. So, are you ready to impress your friends with these delectable London Fog Cookies? Grab your ingredients and let’s get baking! For more tea-inspired recipes, check out The Tea Association.

Ingredients for London Fog Cookies
When you’re ready to whip up a batch of these delightful London Fog Cookies, gathering the right ingredients is key. They offer a comforting taste reminiscent of your favorite tea shop. Here’s what you’ll need to create the magic.
Ingredients for the Earl Grey Cookies
- 3 tablespoon Earl Grey tea
- 2 ¾ cups all-purpose flour, spooned and leveled
- ½ teaspoon baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 cup granulated white sugar
- 1 cup unsalted butter, softened
- 1 egg, at room temperature
- 2 teaspoon vanilla bean paste
Ingredients for the Lavender Sugar
- ½ cup granulated white sugar
- ½ tablespoon culinary lavender
Ingredients for the Lavender Cream Cheese Frosting
- 4 oz cream cheese
- ¼ cup unsalted butter, softened
- 1 cup powdered sugar
- ½ tablespoon culinary lavender
- 1 teaspoon vanilla bean paste
- Purple food coloring (optional)
Once you gather these ingredients, you’ll be well on your way to baking up some dreamy London Fog Cookies. Want to learn more about culinary lavender? Check out this guide for tips!
Preparing London Fog Cookies
If you're like me, the aroma of freshly baked cookies can instantly bring comfort and joy. These London Fog Cookies combine the floral notes of lavender with the distinct flavor of Earl Grey tea, creating a delightful treat that pairs wonderfully with a cup of tea. Let’s dive into the preparation step by step!
Make the Lavender Sugar
To start off, we need to create our lavender sugar. This is what gives your cookies that unique herbal aroma.
- Ingredients Needed:
- ½ cup granulated white sugar
- ½ tablespoon culinary lavender
-
Grind the Lavender: Place the lavender in a food processor and pulse until finely ground. This allows the lavender to infuse the sugar evenly. You can pass it through a sieve to remove larger bits; set aside half for the frosting later.
-
Mix with Sugar: In a medium bowl, combine the remaining lavender with your sugar. This aromatic blend will be the key to the flavor of your London Fog Cookies.
Prepare the Earl Grey Cookies
Now, let’s move on to the heart of our recipe—the Earl Grey Cookies.
- Ingredients Needed:
- 3 tablespoon Earl Grey tea
- 2 ¾ cups all-purpose flour
- 1 cup granulated white sugar
- 1 cup unsalted butter, softened
- 1 egg (at room temperature)
- 2 teaspoon vanilla bean paste
- ½ teaspoon baking powder, baking soda, and salt
-
Preheat & Prepare: Preheat your oven to 350°F (175°C) and line two baking sheets with parchment paper.
-
Ground Tea: Like the lavender, grind the Earl Grey tea finely in a food processor.
-
Mix Dry Ingredients: In a bowl, whisk together the flour, baking powder, baking soda, salt, and the ground tea.
-
Cream Butter and Sugar: In a separate bowl, cream the softened butter and sugar together until fluffy. Then, add the egg and vanilla, mixing until well combined.
-
Combine: Gradually mix in your dry ingredients just until combined.
-
Scoop & Coat: Scoop the dough into balls and roll them in the lavender sugar before placing them on the baking sheet.
Bake the Cookies
Baking is where the magic happens!
-
Bake: Stick your baking sheets in the oven and bake for about 9-10 minutes, or until the edges are golden.
-
Cool: Let the cookies cool on the baking sheet for about 5 minutes before transferring them to a cooling rack.
Make the Lavender Cream Cheese Frosting
While your cookies cool, let’s whip up some lavender cream cheese frosting.
- Ingredients Needed:
- 4 oz cream cheese
- ¼ cup unsalted butter, softened
- 1 cup powdered sugar
- Reserved finely ground lavender
- 1 teaspoon vanilla bean paste
- Optional: Purple food coloring
- Mix Together: Beat the cream cheese and butter until light and fluffy. Gradually mix in the powdered sugar, lavender, and vanilla, beating until creamy. Add coloring if desired for that extra pop!
Frost the Cookies
Once your cookies are fully cooled, it’s time to transform them with frosting.
-
Frost: Use a mini offset spatula to spread about a tablespoon of frosting on each cookie.
-
Enjoy: These London Fog Cookies are now ready for you and your friends to savor—perfect for a cozy tea party or a delightful pick-me-up.
These steps create a scrumptious treat guaranteed to impress even your most discerning friends! Don't hesitate to check out additional tips and tricks for baking on other blogs, like King Arthur Baking for more great insights!

Variations on London Fog Cookies
Earl Grey Tea Alternatives
While Earl Grey tea is the star of these London Fog Cookies, you can explore different flavor profiles by substituting it with teas such as chai or green tea. These alternatives provide unique taste experiences—chai adds warmth and spice, while green tea offers a more delicate note. Don’t shy away from herbal options like peppermint or chamomile for a twist!
Frosting Options
The lavender cream cheese frosting is delightful, but consider some other flavorful frosting options for your London Fog Cookies. A simple vanilla buttercream or a lemon cream cheese frosting can elevate the cookies while keeping the flavors harmonious. If you're feeling adventurous, a honey glaze could add a touch of sweetness that pairs wonderfully with the tea notes. Experiment and find your perfect frosting match!
For more creative frosting ideas, check out this guide on frosting variations.
Baking Notes for London Fog Cookies
Tips for Perfect Cookies
To achieve perfectly soft and chewy London Fog Cookies, be mindful of your butter temperature. It should be softened but not melted. For a delightful flavor infusion, ensure you finely grind the Earl Grey tea. This helps to distribute the essential oils and flavors evenly throughout the dough. Consider using a cookie scoop for uniform sizes that bake evenly and look appealing.
Common Mistakes to Avoid
One common pitfall is overmixing the dough. Once you incorporate the dry ingredients, mix just until combined to maintain a light texture. Also, don’t skip the cooling step! Allowing cookies to cool on the baking sheet before transferring them to a rack ensures they set properly and don’t crumble. For more tips, check out resources like America’s Test Kitchen for expert baking advice.

Serving Suggestions for London Fog Cookies
Ideal Pairings
When it comes to pairing your London Fog Cookies, think about contrasting temperatures and flavors. A warm cup of brewed Earl Grey tea makes a delightful companion, enhancing the tea-infused notes of the cookies. Alternatively, a frothy latte—perhaps with a dash of vanilla—offers a creamy counterpoint to the cookie’s texture. If you’re looking for something sweet, serve these cookies alongside a scoop of vanilla bean ice cream for a delicious dessert experience.
Presentation Ideas
Elevate the appeal of your London Fog Cookies by arranging them on a decorative platter dusted with powdered sugar or lavender sprigs. Consider using pastel colored napkins and vintage tea sets to create a charming tea-time ambiance. For a fun gathering, stack them in a clear glass jar tied with twine. This not only looks beautiful but also invites guests to indulge in a sweet treat!
For more serving suggestions, check out The Spruce Eats for tips on dessert presentations that wow!
Tips for Making Perfect London Fog Cookies
Storage Solutions
To keep your London Fog Cookies fresh, store them in an airtight container at room temperature. They will stay delicious for about a week. If you want to keep them longer, you can freeze the cookies for up to three months. Just place them in a single layer on a baking sheet, freeze until solid, and then transfer to a freezer bag.
Reheating Tips
If you prefer warm cookies, simply reheat them in a microwave for about 10-15 seconds or pop them in a preheated oven at 350°F (175°C) for 5 minutes. This will help restore that delightful freshness and soft chewy texture, making your London Fog Cookies feel just-baked every time! For more storage tips, check out resources like The Kitchn.
Time Details for London Fog Cookies
Preparation Time
Get your ingredients ready in about 15 minutes. This is the perfect time to enjoy a cup of your favorite tea while you gather everything!
Baking Time
Bake these delightful London Fog Cookies for 9-10 minutes. Keep an eye on them to ensure they come out perfectly golden!
Total Time
From start to finish, you’re looking at around 30-35 minutes for these tasty treats. In no time, you'll be savoring the aromatic blend of Earl Grey and lavender in every bite!
For additional tips and tricks on making the perfect cookies, feel free to check out Baking Basics or dive into expert insights on Flavor Pairing. Happy baking!
Nutritional Information for London Fog Cookies
If you're curious about what makes London Fog Cookies a delightful indulgence, here’s a quick glance at their nutritional profile:
- Calories: Each cookie contains around 150 calories, making it a sweet treat to enjoy in moderation.
- Protein: With about 2 grams of protein per cookie, you get a little boost from the egg and butter.
- Sugars: These cookies boast roughly 10 grams of sugar each, giving that sweet-tooth satisfaction you crave.
While they’re a delightful treat, remember that balancing your favorite snacks with nutritious choices is key! If you're interested in learning more about the nutritional benefits of ingredients like Earl Grey tea or lavender, check out sources like Healthline for additional insight.
FAQs about London Fog Cookies
Can I make these cookies gluten-free?
Absolutely! To make London Fog Cookies gluten-free, just substitute the all-purpose flour with a gluten-free flour blend that measures cup-for-cup. Be sure to check that your other ingredients, like baking powder and baking soda, are also gluten-free. This way, everyone can indulge in these lovely cookies!
How do I store leftover cookies?
If you have any cookies left (which is rare, let’s be honest!), store them in an airtight container at room temperature. This will keep them fresh for up to a week. For optimal flavor, you might want to separate layers of cookies with parchment paper to prevent them from sticking together.
Can I freeze London Fog Cookies?
Definitely! You can freeze London Fog Cookies for up to three months. After baking, let them cool completely, then place them in a single layer on a baking sheet to freeze. Once frozen, transfer them to a freezer bag. Thaw them at room temperature before enjoying your delicious treat.
Need tips on variations or preparations? Check out more ideas on baking sites like King Arthur Baking.
Conclusion on London Fog Cookies
In conclusion, London Fog Cookies are a delightful treat that fuses the comforting flavors of Earl Grey tea and lavender into a unique dessert experience. With their soft texture and creamy frosting, these cookies are sure to impress at any gathering. Give them a try, and revel in their charm!

London Fog Cookies
Equipment
- oven
- food processor
- Mixing Bowl
- Electric mixer
- Cookie scoop
- baking sheets
- parchment paper
- Sieve
- cooling rack
Ingredients
For the Earl Grey Cookies
- 3 tablespoon Earl Grey tea finely ground
- 2 ¾ cups all purpose flour spooned and leveled
- ½ teaspoon baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 cup granulated white sugar
- 1 cup unsalted butter softened
- 1 egg egg at room temperature
- 2 teaspoon vanilla bean paste
For the Lavender Sugar
- ½ cup granulated white sugar
- ½ tablespoon culinary lavender
For the Lavender Cream Cheese Frosting
- 4 oz cream cheese
- ¼ cup unsalted butter softened
- 1 cup powdered sugar
- ½ tablespoon culinary lavender reserved for frosting
- 1 teaspoon vanilla bean paste
- purple food coloring optional
Instructions
For the Lavender Sugar
- Add the lavender to a food processor and pulse until finely ground. Pass through a sieve to separate any large bits. Set aside half for later use in the frosting.
- Mix the remaining lavender and sugar together in a medium bowl. Set aside.
For the Earl Grey Cookies
- Preheat the oven to 350°F (175°C). Line two baking sheets with parchment paper.
- Add the Earl Grey tea to a food processor and pulse until finely ground. Pass through a sieve to separate any large bits.
- In a medium bowl, whisk together the flour, baking powder, baking soda, salt and ground Earl Grey tea. Set aside.
- Add the sugar and softened butter to a bowl. Cream together with an electric mixer on high speed for 1-2 minutes until very light and fluffy.
- Add in the egg and vanilla and mix on medium speed until pale in color and very fluffy, about 1-2 minutes.
- Add in the dry ingredients. Mix on low speed just until combined.
- Scoop the dough with a 2 tablespoon cookie scoop, and roll them into balls. Then roll the dough balls in the lavender sugar.
- Place the cookie dough balls at least 2 inches apart on the baking sheets. Slightly flatten each ball and form into a circle as best as you can.
- Bake 6-8 cookies at a time. Bake the cookies for 9-10 minutes, then let them cool on the baking sheet for 5 minutes.
- Transfer the baked cookies to a cooling rack to finish cooling.
For the Lavender Cream Cheese Frosting
- Make the lavender frosting while the cookies bake and cool. Add the softened butter and cream cheese to a medium bowl. Mix together with an electric mixer until fluffy, 3-4 minutes.
- Then mix in the powdered sugar, the reserved portion of finely ground lavender and vanilla bean paste. Mix until very fluffy. (Add purple food coloring if you want it to have a lavender color.)
- When the cookies are completely cooled, top each with about 1 tablespoon of frosting. Use a mini offset spatula to evenly spread the frosting. Then enjoy!





Leave a Reply