These London Fog Cookies are a delightful treat that perfectly blends the aromatic flavors of Earl Grey tea and lavender into a soft, chewy cookie. Ideal for tea time, gatherings, or simply enjoying at home, these cookies offer a melt-in-your-mouth experience thanks to their buttery centers and tender edges. Topped with silky lavender cream cheese frosting, they are sure to impress anyone who tries them.
Why You’ll Love This Recipe
- Unique Flavor Combo: The combination of Earl Grey tea and lavender creates a distinct and aromatic taste that sets these cookies apart from the rest.
- Easy to Make: With straightforward steps, even novice bakers can whip up these delicious cookies without hassle.
- Versatile Treat: Perfect for various occasions, whether it’s a cozy afternoon tea or a festive gathering.
- Impressive Presentation: The addition of lavender cream cheese frosting makes these cookies not only tasty but visually appealing as well.
- Batch Friendly: This recipe yields 20 cookies, making it great for sharing or keeping some for yourself!
Tools and Preparation
Before diving into the baking process, gather your essential tools. Having the right equipment will ensure a smooth baking experience.
Essential Tools and Equipment
- Mixing bowls
- Electric mixer
- Baking sheet
- Parchment paper
- Measuring cups and spoons
Importance of Each Tool
- Mixing bowls: Essential for combining ingredients without making a mess.
- Electric mixer: Makes creaming butter and sugar quick and easy for a light texture.
- Baking sheet: Provides an even surface for cooking your cookies uniformly.
- Parchment paper: Prevents sticking and ensures easy removal of baked cookies.

Ingredients
To make these delightful London Fog Cookies, gather the following ingredients:
For the Cookies
- 3 tbsp (12 g) Earl Grey tea
- 2 3/4 cups (344 g) all-purpose flour, spooned and leveled (please see notes)
- 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
For the Lavender Frosting
- 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/2 tbsp culinary lavender
- 1 tsp vanilla bean paste
- purple food coloring (optional)
How to Make London Fog Cookies
Step 1: Prepare Your Oven
Preheat your oven to 350°F (175°C). Line your baking sheet with parchment paper to prevent sticking.
Step 2: Infuse the Butter
In a small saucepan over low heat, melt the butter. Add the Earl Grey tea leaves and allow them to steep for about 5 minutes. Strain out the leaves and let the infused butter cool slightly.
Step 3: Mix Dry Ingredients
In a separate bowl, whisk together the flour, baking powder, baking soda, and salt until well combined.
Step 4: Cream Butter and Sugar
In a large mixing bowl, combine the cooled infused butter with granulated sugar using an electric mixer. Beat on medium speed until light and fluffy.
Step 5: Add Egg & Vanilla
Add in the egg and vanilla bean paste. Mix until fully incorporated.
Step 6: Combine Mixtures
Gradually add the dry ingredients to the wet mixture. Mix until just combined; avoid overmixing.
Step 7: Bake Cookies
Scoop tablespoon-sized dough balls onto your prepared baking sheet. Bake for about 9 minutes or until golden around the edges. Let them cool on a wire rack.
Step 8: Make Lavender Frosting
In another bowl, beat together softened cream cheese and unsalted butter until creamy. Gradually add powdered sugar followed by culinary lavender and vanilla bean paste. If desired, mix in purple food coloring for visual appeal.
Step 9: Frost Cookies
Once cookies are completely cool, spread or pipe on the lavender frosting generously on each cookie.
Enjoy your delightful batch of London Fog Cookies! These treats are perfect alongside your favorite brew!
How to Serve London Fog Cookies
London fog cookies are delightful on their own, but pairing them with the right accompaniments can enhance your experience. Here are some serving suggestions that will elevate your tea time or dessert table.
Pair with Tea
- Earl Grey Tea – Enjoy these cookies with a hot cup of Earl Grey for a harmonious flavor match.
- Chamomile Tea – The calming notes of chamomile complement the floral hints of lavender in the cookies beautifully.
Dessert Platter
- Assorted Cookies – Create a mixed platter with other cookies for variety. Consider adding chocolate chip or oatmeal cookies.
- Fresh Fruit – Serve with slices of fresh fruit like strawberries or oranges to add a refreshing contrast.
Ice Cream Sandwiches
- Lavender Vanilla Ice Cream – Sandwich a scoop between two cookies for an indulgent treat that highlights the cookie’s flavors.
Special Events
- Tea Parties – Perfect for afternoon tea gatherings, these cookies can be the star of your dessert spread.
- Celebrations – Use them as a unique dessert option at birthdays or special occasions to impress guests.
How to Perfect London Fog Cookies
To achieve the ideal texture and flavor in your London fog cookies, follow these essential tips for baking success.
- Use Fresh Ingredients – Always use fresh Earl Grey tea and culinary lavender for the best flavor.
- Room Temperature Butter and Eggs – Ensure that your butter and egg are at room temperature for smooth mixing and better texture.
- Don’t Overmix the Dough – Mix until just combined to keep the cookies soft and chewy.
- Chill the Dough – Refrigerate the dough for 30 minutes before baking for thicker cookies that hold their shape.
- Watch Baking Time – Keep an eye on your cookies; they should be lightly golden around the edges but still soft in the center when done.
Best Side Dishes for London Fog Cookies
Pairing side dishes with your London fog cookies can create a delightful dining experience. Here are some great options to consider.
- Fruit Salad – A light mix of seasonal fruits adds freshness that balances the rich flavors of the cookies.
- Cheese Platter – Include mild cheeses like brie or cream cheese, which pairs well with sweet treats.
- Yogurt Parfait – Layer yogurt with granola and berries for a light yet satisfying side that complements the sweetness.
- Scones with Clotted Cream – Traditional scones provide a classic pairing, adding a hearty texture alongside your cookies.
- Mini Quiches – These savory bites balance out sweetness and make for an appealing contrast on your table.
- Chocolate Dipped Strawberries – The rich chocolate enhances the cookie’s flavors while adding elegance to your spread.
Common Mistakes to Avoid
Making London Fog Cookies can be a delightful experience, but there are some common mistakes to watch out for.
- Using stale tea – Always use fresh Earl Grey tea for the best flavor. Stale tea can lead to bland cookies.
- Not measuring flour correctly – Spoon and level your flour to avoid dense cookies. Too much flour can ruin the texture.
- Overmixing the dough – Mix just until combined. Overmixing can make the cookies tough instead of soft and chewy.
- Skipping room temperature ingredients – Ensure your butter and egg are at room temperature for a smoother dough and better texture.
- Underbaking or overbaking – Baking time is crucial. Follow the recipe closely to achieve that perfect chewy center.
Storage & Reheating Instructions
Refrigerator Storage
- Store in an airtight container for up to 1 week.
- Place parchment paper between layers to prevent sticking.
Freezing London Fog Cookies
- Freeze in a single layer on a baking sheet, then transfer to an airtight container for up to 3 months.
- Thaw at room temperature before serving.
Reheating London Fog Cookies
- Oven – Preheat the oven to 350°F (175°C) and warm for about 5 minutes. This keeps them soft.
- Microwave – Heat for 10-15 seconds for a quick warm-up without drying them out.
- Stovetop – Use a skillet on low heat, covering it with a lid for about 1-2 minutes.
Frequently Asked Questions
Here are some frequently asked questions about making London Fog Cookies.
How do I enhance the flavor of my London Fog Cookies?
Adding more culinary lavender or using high-quality Earl Grey tea can deepen the flavor profile of your cookies.
Can I make these cookies gluten-free?
Yes! Substitute all-purpose flour with a gluten-free blend that measures cup-for-cup.
What variations can I try with London Fog Cookies?
Feel free to add chocolate chips or nuts for added texture and flavor.
How long will my London Fog Cookies last?
When stored properly in an airtight container, they will remain fresh for up to one week at room temperature.
Why did my cookies spread too much?
This could be due to softened butter being too warm or not enough flour in the mix. Always measure accurately!
Final Thoughts
These London Fog Cookies are sure to impress with their soft, chewy texture and aromatic flavors. They pair beautifully with tea, making them perfect for any occasion. Feel free to customize them by adding your favorite mix-ins like chocolate or nuts for extra flair. Try this delightful recipe today and enjoy an elegant twist on classic cookies!
London Fog Cookies
Indulge in the delightful taste of London Fog Cookies, a unique fusion of Earl Grey tea and lavender in a soft, chewy treat. Perfect for tea time or as a charming addition to any gathering, these cookies offer a melt-in-your-mouth experience with their buttery centers and tender edges. Topped with silky lavender cream cheese frosting, they not only taste exquisite but also look stunning on any dessert platter. Whether you serve them at an afternoon tea or enjoy them cozy at home, these cookies are sure to impress your guests and elevate your dessert game.
- Total Time: 29 minutes
- Yield: Approximately 20 cookies 1x
Ingredients
- 3 tbsp Earl Grey tea
- 2 3/4 cups all-purpose flour
- 1/2 tsp baking powder
- 1/2 tsp baking soda
- 1/2 tsp salt
- 1 cup granulated white sugar
- 1 cup unsalted butter
- 1 egg
- 2 tsp vanilla bean paste
- 1/2 cup granulated white sugar (for frosting)
- 1/2 tbsp culinary lavender (for frosting)
- 4 oz cream cheese
- 1/4 cup unsalted butter (for frosting)
- 1 cup powdered sugar (for frosting)
- 1/2 tbsp culinary lavender (for frosting)
- 1 tsp vanilla bean paste (for frosting)
- purple food coloring (optional)
Instructions
- Preheat the oven to 350°F (175°C) and line a baking sheet with parchment paper.
- Melt the butter in a saucepan, add Earl Grey tea leaves, steep for 5 minutes, then strain and cool.
- In a bowl, whisk together flour, baking powder, baking soda, and salt.
- In a mixing bowl, combine cooled infused butter with sugar; beat until fluffy.
- Add egg and vanilla; mix well.
- Gradually blend dry ingredients into the wet mixture until just combined.
- Scoop tablespoon-sized dough onto the prepared sheet and bake for about 9 minutes until golden around the edges. Cool on a wire rack.
- For frosting: Beat softened cream cheese and butter until creamy, then gradually mix in powdered sugar, culinary lavender, and vanilla.
- Frost cooled cookies generously.
- Prep Time: 20 minutes
- Cook Time: 9 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 cookie (40g)
- Calories: 190
- Sugar: 12g
- Sodium: 120mg
- Fat: 10g
- Saturated Fat: 6g
- Unsaturated Fat: 4g
- Trans Fat: 0g
- Carbohydrates: 23g
- Fiber: 0g
- Protein: 2g
- Cholesterol: 28mg