London Fog Cookies Recipe
Introduction
London Fog Cookies combine the fragrant notes of Earl Grey tea and delicate lavender for a unique and elegant treat. Soft, buttery cookies topped with creamy lavender frosting make these perfect for teatime or any special occasion.

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
- 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)
Instructions
- Step 1: 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 the frosting. Mix the remaining lavender with 1/2 cup granulated sugar in a medium bowl and set aside.
- Step 2: Preheat the oven to 350°F (175°C) and line two baking sheets with parchment paper.
- Step 3: Add the Earl Grey tea to a food processor and pulse to grind finely. Pass through a sieve to remove large bits.
- Step 4: In a medium bowl, whisk together the flour, baking powder, baking soda, salt, and ground Earl Grey tea. Set aside.
- Step 5: In a separate bowl, cream the 1 cup softened butter and 1 cup granulated sugar with an electric mixer on high speed for 1-2 minutes until light and fluffy.
- Step 6: Add the egg and vanilla bean paste, mixing on medium speed until pale and fluffy, about 1-2 minutes.
- Step 7: Add the dry ingredients to the wet mixture and mix on low speed just until combined.
- Step 8: Using a 2 tbsp scoop, form dough into balls, then roll each ball in the lavender sugar.
- Step 9: Place dough balls at least 2 inches apart on baking sheets. Slightly flatten each ball and shape into a circle.
- Step 10: Bake 6-8 cookies at a time for 9-10 minutes. Let cool on the baking sheet for 5 minutes. While warm, use a large circular cookie cutter to shape the cookies perfectly. Transfer to a cooling rack.
- Step 11: For the frosting, beat softened butter and cream cheese in a medium bowl until fluffy, about 3-4 minutes.
- Step 12: Mix in powdered sugar, reserved lavender, and vanilla bean paste until very fluffy. Add purple food coloring if desired.
- Step 13: Once cookies are completely cooled, spread about 1 tbsp of frosting on each cookie with a small spatula. Serve and enjoy!
Tips & Variations
- Use high-quality Earl Grey tea to enhance the flavor depth of the cookies.
- If you don’t have culinary lavender, substitute with a teaspoon of dried lavender buds, ensuring they are finely ground.
- For a dairy-free option, try using vegan butter and cream cheese substitutes for the frosting.
- Adding a drop of lemon zest to the frosting can add a refreshing twist to the flavor.
Storage
Store the cookies in an airtight container in the refrigerator for up to one week. Let them come to room temperature before serving for the best flavor and texture. The frosting may soften slightly when chilled, so you can warm the cookie briefly in the microwave if desired.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I make the cookie dough ahead of time?
Yes, you can prepare the dough and refrigerate it for up to 24 hours before baking. Let it come to room temperature slightly before scooping and rolling.
Is it okay to use tea bags instead of loose Earl Grey tea?
Loose leaf Earl Grey is preferred for a stronger flavor and easier grinding, but you can carefully remove the tea leaves from tea bags and grind them to use in the recipe.
PrintLondon Fog Cookies Recipe
London Fog Cookies are delicate Earl Grey tea-infused cookies rolled in a fragrant lavender sugar and topped with a creamy lavender cream cheese frosting. These soft and aromatic treats combine the flavors of bergamot-scented tea and floral lavender perfectly, making them an elegant and unique cookie for any occasion.
- Prep Time: 20 minutes
- Cook Time: 10 minutes
- Total Time: 30 minutes
- Yield: 18–20 cookies 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
- Diet: Vegetarian
Ingredients
Lavender Sugar
- 1/2 tbsp culinary lavender
- 1/2 cup (100 g) granulated white sugar
Earl Grey 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
Lavender Cream Cheese Frosting
- 4 oz (113 g) cream cheese, softened
- 1/4 cup (56 g) unsalted butter, softened
- 1 cup (130 g) powdered sugar
- 1/2 tbsp culinary lavender (finely ground)
- 1 tsp vanilla bean paste
- Purple food coloring (optional)
Instructions
- Make Lavender Sugar: Add the culinary lavender to a food processor and pulse until it’s finely ground. Pass it through a sieve to remove any large bits. Set half the ground lavender aside for the frosting and mix the remaining half with 1/2 cup granulated sugar in a medium bowl. Set aside for coating the cookie dough.
- Prepare Oven and Baking Sheets: Preheat the oven to 350°F (175°C) and line two baking sheets with parchment paper to prevent sticking and facilitate easy clean-up.
- Grind Earl Grey Tea: Add the Earl Grey tea to a food processor and pulse until finely ground. Sift it to remove any large pieces and add it to a medium bowl.
- Mix Dry Ingredients: Whisk together the flour, baking powder, baking soda, salt, and the ground Earl Grey tea thoroughly. Set the dry mix aside.
- Cream Butter and Sugar: In a large bowl, use an electric mixer on high speed to cream the softened butter and 1 cup granulated sugar for 1-2 minutes until the mixture is very light and fluffy.
- Add Egg and Vanilla: Mix in the egg and vanilla bean paste on medium speed until the batter is pale and extra fluffy, about 1-2 minutes.
- Combine Dry and Wet Ingredients: Add the dry ingredients to the wet mixture and mix on low speed just until combined to avoid overmixing and tough cookies.
- Form and Coat Dough Balls: Using a 2-tablespoon cookie scoop, scoop dough and roll into balls. Then coat each ball evenly with the lavender sugar mixture.
- Arrange and Shape Cookies: Place the coated dough balls at least 2 inches apart on the prepared baking sheets. Slightly flatten each ball and form into a circle for an even shape.
- Bake Cookies: Bake for 9-10 minutes in the preheated oven. Remove and let cool on the baking sheet for 5 minutes. Immediately after baking, use a large circular cookie cutter to gently shape the cookies perfectly.
- Cool Cookies: Transfer the shaped cookies to a wire rack to finish cooling completely before frosting.
- Make Lavender Cream Cheese Frosting: While the cookies bake and cool, beat softened cream cheese and butter together in a medium bowl with an electric mixer until fluffy, about 3-4 minutes.
- Add Remaining Ingredients to Frosting: Mix in powdered sugar, reserved finely ground lavender, and vanilla bean paste until the frosting is very fluffy. Add purple food coloring if desired to enhance the lavender hue.
- Frost Cookies: Once cookies are fully cooled, spread about 1 tablespoon of lavender cream cheese frosting on each cookie using a mini offset spatula for an even layer.
- Serve and Enjoy: Serve your elegant London Fog Cookies fresh and enjoy their delicate flavors alongside tea or as a gourmet treat anytime.
Notes
- Make sure to spoon and level the flour for accurate measuring to ensure proper cookie texture.
- Grinding the Earl Grey tea and culinary lavender finely is important to distribute flavor evenly throughout the dough and frosting.
- Use room temperature egg and softened butter for easier mixing and better texture.
- The circular cookie cutter step immediately after baking helps achieve professional-looking cookie shapes.
- Purple food coloring in the frosting is optional, used just to enhance the visual theme of lavender.
- Cookies can be stored in an airtight container in the refrigerator for up to 5 days to maintain freshness and frosting stability.
Keywords: London Fog Cookies, Earl Grey cookies, lavender cookies, cream cheese frosting, tea cookies, floral cookies, elegant dessert

