Introduction to London Fog Cookies
What are London Fog Cookies?
London Fog Cookies are a delightful fusion of flavors inspired by the comforting London Fog tea. With hints of fragrant Earl Grey tea and subtle lavender notes, these cookies deliver a sophisticated twist on the classic treat. When you take a bite, you’re met with a tender cookie topped with creamy lavender frosting, making it an indulgent experience perfect for any occasion.
The Inspiration Behind the Recipe
The idea for London Fog Cookies emerged on a chilly afternoon when I was sipping on a warm cup of London Fog tea, admiring the beauty of its rich flavors. It struck me: why not turn this cozy drink into a cookie? The blend of vanilla, bergamot, and lavender is not only aromatic but also surprisingly comforting. After a little experimentation, I created a recipe that brings together the essence of this beloved drink and the joy of cookies, offering a unique snack that can be enjoyed with a cup of tea or as a sweet treat any time of day.
For more flavor inspiration, check out The Tea Spot, a great resource for tea recipes and tips!
Have you ever thought about turning your favorite drinks into desserts? If so, these cookies will definitely take your baking game to new heights!

Ingredients for London Fog Cookies
Baking these delightful London Fog Cookies is a beautiful way to blend the warm and comforting notes of Earl Grey tea with the fragrant hint of lavender. Let’s gather the necessary ingredients to embark on this charming culinary adventure!
Ingredients for the Earl Grey Cookies
For the cookies themselves, you’ll need:
- 3 tablespoon (12 g) Earl Grey tea
- 2 ¾ cups (344 g) all-purpose flour, spooned and leveled
- ½ teaspoon baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 cup (200 g) granulated white sugar
- 1 cup (227 g) unsalted butter, softened
- 1 egg, at room temperature
- 2 teaspoon vanilla bean paste
Ingredients for the Lavender Sugar
This sweet touch is essential for rolling your cookies:
- ½ cup (100 g) granulated white sugar
- ½ tablespoon culinary lavender
Ingredients for the Lavender Cream Cheese Frosting
To crown your cookies superbly, you’ll create a luscious frosting with:
- 4 oz (113 g) cream cheese
- ¼ cup (56 g) unsalted butter, softened
- 1 cup (130 g) powdered sugar
- ½ tablespoon culinary lavender
- 1 teaspoon vanilla bean paste
- Purple food coloring (optional)
These ingredients are all you need to bring a taste of London to your kitchen. For more on tips and techniques, check out resources like BBC Good Food or Serious Eats for professional baking advice!
Preparing London Fog Cookies
Making London Fog Cookies is not just about baking; it’s about creating a delicious edible experience that takes you on a journey through the comforting flavors of Earl Grey tea and lavender. Let’s break down the preparation steps to ensure you get that perfect cookie every time!
Make the Lavender Sugar
To kick off your London Fog Cookies, start with the lavender sugar. This step adds a fragrant, floral note that elevates your cookies.
- Pulse the Lavender: Add ½ tablespoon of culinary lavender to a food processor and pulse until finely ground. This technique helps release the lovely essential oils while ensuring your sugar isn’t too coarse.
- Sift and Combine: Use a sieve to separate out any large bits. In a medium bowl, mix this finely ground lavender with ½ cup of granulated sugar. Set this aside; it’ll be the magical dust that coats your cookies!
Prepare the Earl Grey Cookies
Now that you've prepped your lavender sugar, let’s move on to the cookies themselves, which are infused with Earl Grey tea.
- Preheat and Prep: Preheat your oven to 350°F (175°C) and line two baking sheets with parchment paper to prevent sticking.
- Ground the Tea: Just like the lavender, you need to finely grind 3 tablespoons of Earl Grey tea in the food processor. This enhances the flavor profile and ensures even distribution throughout your cookie dough.
- Mix the Dry Ingredients: In a bowl, whisk together 2 ¾ cups of all-purpose flour, ½ teaspoon each of baking powder, baking soda, and salt, along with your ground Earl Grey. Set this aside.
- Cream the Butter and Sugar: In another bowl, cream 1 cup of softened butter with 1 cup of sugar until it’s light and fluffy—about 1-2 minutes.
- Incorporate the Wet Ingredients: Beat in 1 egg and 2 teaspoons of vanilla bean paste until the mixture is pale and fluffy.
- Combine Everything: Gradually mix in the dry ingredients until just combined.
Bake the Cookies
It’s baking time!
- Form the Cookies: Use a 2-tablespoon cookie scoop to portion out your dough and roll them into balls. Roll each ball in the lavender sugar for a lovely finish.
- Arrange on Baking Sheets: Place the dough balls at least two inches apart and slightly flatten them for a uniform shape.
- Bake: Pop them in your preheated oven for 9-10 minutes. Once they’re done, allow them to cool on the baking sheet for about 5 minutes before transferring to a wire rack.
Prepare the Lavender Cream Cheese Frosting
While your cookies cool, let’s whip up a dreamy lavender cream cheese frosting.
- Mix the Base: In a medium bowl, combine 4 ounces of softened cream cheese and ¼ cup of softened butter. Mix until fluffy—this may take 3-4 minutes.
- Add the Finishing Touches: Gradually beat in 1 cup of powdered sugar, the reserved ground lavender, and 1 teaspoon of vanilla bean paste. If desired, add a drop of purple food coloring to create a delicate hue.
Frost and Decorate the Cookies
Finally, it’s time for the finishing touches!
- Frost the Cookies: Once the cookies have completely cooled, generously spread about a tablespoon of frosting on each cookie using a mini offset spatula.
- Add Personal Flair: Get creative with your decorations! Consider adding extra sprinkles or edible flowers for an eye-catching finish.
Now, enjoy the aromatic flavors with every bite of your London Fog Cookies. Have you ever thought of giving these cookies as a gift? They make a memorable treat for special occasions or just to brighten someone's day!
For more delightful cookie recipes, check out this extensive baking guide. Happy baking!

Variations on London Fog Cookies
Classic London Fog Cookies
For a delightful take on traditional London Fog cookies, stick to the original recipe that captures the aromatic essence of Earl Grey tea and fragrant lavender. The soft, buttery cookies topped with creamy lavender frosting create a luxurious treat that pairs perfectly with your favorite hot beverage.
Gluten-Free Adaptation
If you're exploring gluten-free options, simply substitute the all-purpose flour with a gluten-free flour blend. Ensure that it contains xanthan gum for the best texture, and you’ll still enjoy the same buttery goodness in every bite!
Vegan London Fog Cookies
For a plant-based version, swap the egg for a flaxseed egg (1 tablespoon ground flaxseed mixed with 2.5 tablespoons water) and use vegan butter instead. You'll still capture that quintessential London Fog flavor while making it friendly for everyone at your table!
Explore more variations and tips on baking substitutions or vegan baking.
Baking Notes for London Fog Cookies
Tips for Measuring Ingredients
Accurate measurements are essential for baking success. Use the spoon-and-level method for flour: scoop flour into your measuring cup with a spoon and level it off with a knife. This prevents packing, which can lead to dry cookies. For granulated sugar, simply fill the cup and level it off.
Importance of Room Temperature Ingredients
Baking with room temperature ingredients—like butter and eggs—creates a smoother, more homogenous batter. It allows for better incorporation of air, resulting in a tender cookie texture. Leave your butter out for about 30 minutes before you start baking, and let your egg sit in warm water for 10 minutes if needed.
Storing Tips for Freshness
To keep your London Fog cookies fresh, store them in an airtight container at room temperature for up to a week. For longer-term storage, freeze the cookies in a single layer and then place them in a sealed freezer bag. They'll maintain their deliciousness for up to three months! For tips on proper storage, check out this guide from King Arthur Baking.

Serving Suggestions for London Fog Cookies
Pairing with a Hot Beverage
What better way to enjoy your London Fog Cookies than with a warm cup of tea? A traditional Earl Grey or even a chai latte makes for a delightful pairing. The creamy and fragrant notes of the cookies blend beautifully with the aromatic flavors of the tea. For a cozy twist, try a caffeinated latte or a soothing herbal tea to balance the sweetness.
Displaying for a Gathering
Elevate your hosting game by presenting the London Fog Cookies on a decorative tiered stand. This not only maximizes display space but also adds an elegant touch to any gathering. Additionally, a simple lace tablecloth can create a charming backdrop that complements the delicate flavors of the cookies.
Creative Serving Plate Ideas
Get creative with your serving choice! A rustic wooden platter or a vibrant ceramic dish can enhance the visual appeal of your cookies. Consider arranging them alongside lavender sprigs or fresh fruits for a colorful and inviting setup. You'll be surprised how presentation can elevate your cookie experience! For more tips, check out The Kitchn.
These simple yet thoughtful serving suggestions will surely impress your friends and family, making your London Fog Cookies the star of the show!
Tips for Making Perfect London Fog Cookies
How to achieve the ideal cookie texture
For the perfect texture in your London Fog cookies, be sure to cream the butter and sugar until they’re light and fluffy. This incorporates air, giving your cookies a tender and soft bite. Avoid overmixing the dough once you add the dry ingredients; stop as soon as you see no flour streaks.
Troubleshooting common baking issues
If your cookies spread too much, make sure your butter is softened but not melted. Chill the dough for about 30 minutes before baking to help them maintain shape. For hard cookies, consider reducing the baking time slightly — they should be soft to the touch when you take them out.
Flavor enhancement options
Want to elevate your London Fog cookies? Consider adding a pinch of cardamom for an extra layer of flavor. You can also experiment with different flavored extracts, like almond or lemon, to add a unique twist to your cookies. Sprinkling a little sea salt on top right before baking can also enhance the sweetness beautifully!
For more baking tips, check out King Arthur Baking or BBC Good Food for fantastic resources and inspiration.
Time Details for London Fog Cookies
Preparation time
Get ready to indulge in some delightful baking! The preparation time for these scrumptious London Fog cookies is about 20 minutes. This includes gathering your ingredients and mixing everything together for the perfect cookie dough.
Baking time
Once your dough is ready, it’s time to bake! The baking time for these cookies takes around 9 to 10 minutes. You’ll love the enticing aroma that fills your kitchen during this time.
Total time
In total, you can expect to spend about 30 minutes from start to finish. Perfect for a cozy afternoon treat or a sweet surprise for friends! Now, aren’t these London Fog cookies just calling your name? If you're looking for a delightful twist, consider exploring some serving ideas on Food & Wine for pairing suggestions!
Nutritional Information for London Fog Cookies
When indulging in homemade London Fog Cookies, it’s essential to be mindful of their nutritional content. Here's a quick breakdown of what to expect:
-
Calories: Each cookie contains approximately 150 calories, making it a delightful treat without a massive caloric load.
-
Protein: You'll find about 2 grams of protein per cookie, thanks to the egg and butter.
-
Sugar Content: With around 10 grams of sugar each, these cookies offer a sweet twist that complements their unique flavors.
For a deeper dive into the nutritional benefits of ingredients like Earl Grey tea or lavender, consider checking out sources from the USDA or Healthline. Enjoy your baking!
FAQs about London Fog Cookies
Can I use regular tea instead of Earl Grey?
While Earl Grey tea is the star of these London Fog Cookies, you can experiment with other flavored teas if you're in a pinch! Just remember that the unique bergamot flavor in Earl Grey is what gives these cookies their signature twist. If you choose a different tea, the overall taste will shift, but that might lead to some fun new flavor profiles!
How can I make the frosting less sweet?
If the lavender cream cheese frosting feels too sweet for your liking, consider these options:
- Reduce the powdered sugar: Start by cutting back on sugar by ¼ cup.
- Add a pinch of salt: This can balance the sweetness nicely.
- Incorporate Greek yogurt: Replace some cream cheese with Greek yogurt for a tangy touch that offsets the sugar.
What’s the shelf life of these cookies?
Stored in an airtight container, your London Fog Cookies will stay fresh for about 5 days. If you want to keep them longer, they freeze beautifully for up to 3 months! Just remember to separate layers with parchment paper to avoid sticking. For tips on proper storage, check out this guide. Enjoy your baking adventure!
Conclusion on London Fog Cookies
Final thoughts on baking these cookies
Baking London Fog Cookies is a delightful experience that blends the floral notes of lavender with the distinct flavor of Earl Grey tea. These cookies not only taste fantastic but also make for beautiful treats that are perfect for any occasion.
Encouragement to experiment with flavors
Don’t hesitate to get creative! Experiment with different teas or even incorporate citrus zest for an extra zing. Flavor infusion can transform your London Fog Cookies into a personalized masterpiece. Enjoy the journey of baking and let your taste buds guide you.

London Fog Cookies
Equipment
- food processor
- mixing bowl
- electric mixer
- baking sheets
- cookie scoop
- sieve
- spatula
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 large 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
- 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 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