London Fog Cookies with Lavender Frosting Recipe
Enjoy these delicate London Fog Cookies infused with fragrant Earl Grey tea and lavender. Perfectly tender with a subtle citrusy bergamot flavor balanced by floral lavender sugar coating and topped with a creamy lavender-infused cream cheese frosting. A sophisticated treat inspired by the classic London Fog tea latte, these cookies are perfect for tea parties, special occasions, or when you need a sweet pick-me-up.
Why You’ll Love This Recipe
- Unique Flavor Combination: The infusion of Earl Grey tea and lavender creates an aromatic experience that’s both comforting and elegant.
- Perfect for Any Occasion: Whether you’re hosting a tea party, celebrating a birthday, or enjoying an afternoon snack, these cookies fit right in.
- Easy to Make: With simple ingredients and straightforward steps, even novice bakers can whip up these delightful treats.
- Versatile Frosting Options: The lavender-infused cream cheese frosting can be adjusted to suit your taste, whether you prefer it more floral or less sweet.
- Impressive Presentation: These cookies not only taste great but look stunning on any dessert platter, making them ideal for gatherings.
Tools and Preparation
To create the perfect batch of London Fog Cookies with Lavender Frosting, you’ll need some essential tools. Having the right equipment will streamline your baking process.
Essential Tools and Equipment
- Mixing bowls
- Electric mixer
- Cookie scoop
- Baking sheets
- Parchment paper
- Food processor
- Wire rack
Importance of Each Tool
- Electric mixer: Ensures your butter and sugar reach the perfect fluffy consistency for cookies.
- Food processor: Helps finely grind the Earl Grey tea and lavender for even flavor distribution.
- Cookie scoop: Guarantees uniform cookie sizes for even baking and a neat presentation.

Ingredients
For the Cookies
- 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
For the Lavender Sugar Coating
- 1/2 cup (100 g) granulated white sugar
- 1/2 tbsp culinary lavender
For the Lavender Frosting
- 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 Cookies with Lavender Frosting Recipe
Step 1: Prepare Ground Lavender
Add the lavender to a food processor and pulse until finely ground. Pass through a sieve to remove large bits. Set aside half for the frosting. Mix the remaining ground lavender with sugar in a bowl and set aside.
Step 2: Preheat Your Oven
Set the oven to 350°F (175°C) and line two baking sheets with parchment paper.
Step 3: Prepare Earl Grey Tea
Pulse Earl Grey tea in a food processor until finely ground. Sift out any large bits.
Step 4: Combine Dry Ingredients
In a medium bowl, whisk together flour, baking powder, baking soda, salt, and the ground Earl Grey tea.
Step 5: Cream Butter and Sugar
In a large bowl, beat softened butter and sugar with an electric mixer on high for 1–2 minutes until light and fluffy.
Step 6: Add Egg and Vanilla
Mix in the egg and vanilla bean paste on medium speed until pale and fluffy, about 1–2 minutes.
Step 7: Incorporate Dry Ingredients
Add dry ingredients to the wet mixture. Mix on low speed just until combined.
Step 8: Shape Cookie Dough
Scoop dough using a 2 tbsp cookie scoop. Roll into balls then coat each ball in lavender sugar.
Step 9: Arrange on Baking Sheet
Place dough balls at least 2 inches apart on prepared baking sheets. Slightly flatten each ball and shape into a circle.
Step 10: Bake Cookies
Bake 6–8 cookies at a time for 9–10 minutes. Once baked, let sit on sheet for 5 minutes. Use a large circular cookie cutter to perfect the shape while cookies are warm.
Step 11: Cool Cookies
Transfer cookies to a wire rack to cool completely.
Step 12: Make Frosting
Beat together cream cheese and butter using an electric mixer until fluffy (about 3–4 minutes). Add powdered sugar, reserved ground lavender, vanilla bean paste, and optional purple food coloring. Mix until very fluffy.
Step 13: Frost Cookies
When cookies have cooled completely, spread about 1 tbsp of frosting evenly on each using a mini offset spatula.
Step 14: Serve & Enjoy
Enjoy these elegant London Fog Cookies with your favorite tea or coffee!
How to Serve London Fog Cookies with Lavender Frosting Recipe
These delightful London Fog Cookies with Lavender Frosting are perfect for a variety of occasions. You can serve them in numerous ways to enhance their unique flavors and make your gatherings even more special.
With Tea
- Pair these cookies with a fragrant cup of Earl Grey tea to complement the bergamot flavor.
- Offer a selection of herbal teas, such as chamomile or lavender tea, to balance the cookie’s floral notes.
As Dessert Platter
- Arrange cookies on a beautiful dessert platter alongside other baked goods for an elegant presentation.
- Add fresh fruits like berries or citrus slices for color and freshness.
At Afternoon Tea
- Serve these cookies during an afternoon tea gathering, alongside scones and finger sandwiches.
- Provide decorative napkins and small plates for a refined experience.
With Coffee
- Enjoy these cookies with a robust cup of coffee for a delightful morning or afternoon treat.
- Consider offering flavored coffees, such as vanilla or hazelnut, to enhance the taste.
How to Perfect London Fog Cookies with Lavender Frosting Recipe
Achieving the perfect London Fog Cookies takes attention to detail. Here are some tips to elevate your baking experience.
- Use fresh ingredients: Always opt for fresh butter and high-quality Earl Grey tea for the best flavor.
- Measure accurately: Spoon and level flour instead of scooping directly from the bag to avoid dense cookies.
- Chill dough if needed: If the dough is too soft, refrigerate it for about 30 minutes before baking to maintain shape.
- Monitor baking time: Keep an eye on your cookies in the oven; they should be slightly golden at the edges but still soft in the center.
- Cool completely: Allow cookies to cool fully before frosting for easier spreading and better appearance.
- Experiment with colors: Add a drop of purple food coloring to the frosting for a striking visual that matches the theme.
Best Side Dishes for London Fog Cookies with Lavender Frosting Recipe
When serving these London Fog Cookies, consider pairing them with complementary side dishes that enhance their delicate flavors. Here are some great options:
- Fruit Salad: A refreshing mix of seasonal fruits adds brightness and balances sweetness.
- Cheese Platter: Include soft cheeses like brie or goat cheese which pair well with sweet flavors.
- Scones: Classic British scones can provide a delightful texture contrast when served together.
- Mini Quiches: Light, savory mini quiches can add variety to your dessert table without overpowering the cookies.
- Yogurt Parfaits: Layer yogurt with granola and berries for a light option that complements sweet treats.
- Chocolate-Covered Strawberries: These offer an indulgent touch that pairs beautifully with floral flavors.
Common Mistakes to Avoid
When making London Fog Cookies with Lavender Frosting, beginners may encounter some common pitfalls. Here are a few mistakes to avoid for the best results.
- Boldly measuring ingredients: Always use a scale for precision. Measuring by volume can lead to inconsistencies in your cookie texture.
- Ignoring temperature: Ensure your butter and eggs are at room temperature. Cold ingredients can result in dense cookies and uneven baking.
- Overmixing the dough: Once you combine wet and dry ingredients, mix just until incorporated. Overmixing can make cookies tough instead of tender.
- Not preheating the oven: Preheat your oven before baking. A hot oven helps cookies rise properly and develop a good texture.
- Skipping cooling time: Allow cookies to cool on the baking sheet before transferring them. This prevents breakage and helps set their shape.

Storage & Reheating Instructions
Refrigerator Storage
- Store London Fog Cookies in an airtight container for up to 5 days.
- Place parchment paper between layers of cookies to prevent sticking.
Freezing London Fog Cookies with Lavender Frosting Recipe
- Freeze un-frosted cookies in an airtight container for up to 3 months.
- For frosted cookies, freeze without touching each other on a tray first, then transfer to a container.
Reheating London Fog Cookies with Lavender Frosting Recipe
- Oven: Preheat to 350°F (175°C). Heat cookies for about 5-7 minutes for freshness.
- Microwave: Heat individual cookies for about 10-15 seconds; be careful not to overheat.
- Stovetop: Gently warm in a skillet over low heat for a couple of minutes, keeping an eye on them.
Frequently Asked Questions
Here are some questions readers often have about this recipe.
What makes London Fog Cookies unique?
These cookies are infused with Earl Grey tea and lavender, offering a delightful blend of floral and citrus flavors that mimic the popular tea latte.
Can I substitute Earl Grey tea?
Yes! You can use any strong black tea if you prefer a different flavor profile, but Earl Grey gives its signature taste due to bergamot.
How should I store leftover lavender frosting?
Store any leftover frosting in an airtight container in the refrigerator for up to one week. Re-whip before using it again.
Can I make these cookies gluten-free?
Absolutely! Substitute all-purpose flour with a gluten-free blend that measures cup-for-cup as a direct replacement.
How can I customize London Fog Cookies with Lavender Frosting Recipe?
Feel free to add lemon zest or use different flavored extracts in the frosting. You can also decorate with edible flowers for added elegance.
Final Thoughts
These London Fog Cookies with Lavender Frosting are not only elegant but also versatile enough for various occasions. Their unique flavor profile makes them perfect for afternoon tea or special gatherings. Don’t hesitate to experiment by adding your favorite flavors or toppings!
London Fog Cookies with Lavender Frosting
Indulge in the delightful experience of our London Fog Cookies with Lavender Frosting. These elegant treats blend the comforting flavors of Earl Grey tea and floral lavender, creating a sophisticated dessert perfect for any occasion. Infused with subtle bergamot undertones and coated with a delicate lavender sugar, each cookie is crowned with a creamy lavender-infused cream cheese frosting that adds an irresistible finish. Whether you’re hosting a tea party, celebrating a special event, or simply treating yourself, these cookies are sure to impress. Easy to make and visually stunning, they bring a touch of luxury to your dessert table.
- Prep Time: 20 minutes
- Cook Time: 10 minutes
- Total Time: 30 minutes
- Yield: Approximately 24 cookies 1x
- Category: Dessert
- Method: Baking
- Cuisine: British
Ingredients
- 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 (for lavender sugar coating)
- 1/2 tbsp culinary lavender
- 4 oz (113 g) cream cheese
- 1/4 cup (56 g) unsalted butter, softened (for frosting)
- 1 cup (130 g) powdered sugar
- 1 tsp vanilla bean paste (for frosting)
- Purple food coloring (optional)
Instructions
- Preheat the oven to 350°F (175°C) and line baking sheets with parchment paper.
- In a food processor, finely grind the Earl Grey tea and half of the culinary lavender.
- In a medium bowl, whisk together flour, baking powder, baking soda, salt, and ground tea.
- Beat softened butter and sugar in a large bowl until fluffy. Add the egg and vanilla paste; mix well.
- Gradually incorporate dry ingredients into the wet mixture until combined.
- Scoop dough into balls, roll in lavender sugar, and place on baking sheets.
- Bake for 9-10 minutes; let cool before frosting with cream cheese mixture flavored with remaining lavender.
Nutrition
- Serving Size: 1 cookie (30g)
- Calories: 160
- Sugar: 12g
- Sodium: 75mg
- Fat: 8g
- Saturated Fat: 5g
- Unsaturated Fat: 2g
- Trans Fat: 0g
- Carbohydrates: 19g
- Fiber: 0g
- Protein: 1g
- Cholesterol: 30mg
