If you’ve ever been enchanted by that cozy, floral cup of London Fog tea and thought, “Hey, I wish I could snack on this,” then you’re going to absolutely adore this London Fog Earl Grey Cookies Recipe. I discovered this recipe on a chilly afternoon, and honestly, it felt like biting into a sweet, buttery hug infused with the subtle sophistication of Earl Grey and a hint of lavender. Stick around—I’m going to share all the secrets and little tips I’ve picked up, so you’ll end up with cookies that are just as dreamy as a perfect cup of tea.
Why You’ll Love This Recipe
- Elegant Flavor Combination: Earl Grey’s bergamot and lavender bring a delicate yet unique taste you won’t find in typical cookies.
- Perfect Texture: These cookies have just the right balance of buttery crunch and tender crumb—my family can’t get enough.
- Pretty & Impressive: With lavender sugar and cream cheese frosting, these cookies look stunning on any dessert plate.
- Great for All Skill Levels: You don’t need to be a pro baker to nail this recipe—I’ll walk you through every step.
Ingredients You’ll Need
Each ingredient in this London Fog Earl Grey Cookies Recipe works together to create that signature floral, buttery flavor and just-right texture. I always recommend using quality loose-leaf Earl Grey tea—you’ll notice the difference. And don’t skip the culinary lavender; it adds a fresh aroma that makes these cookies so memorable.
- Earl Grey tea: Use high-quality loose-leaf tea for a stronger, fresher bergamot flavor.
- All-purpose flour: Make sure to spoon and level it when measuring to avoid dense cookies.
- Baking powder and baking soda: Both help the cookies rise properly for a soft texture.
- Salt: A pinch of salt balances the sweetness and brings out the tea’s aroma.
- Granulated sugar: Provides sweetness and helps create a light crumb when creamed with butter.
- Unsalted butter: Soften to room temperature for best creaming results and flavor control.
- Egg: Room temperature eggs blend better for fluffier dough.
- Vanilla bean paste: Adds depth and enhances the aromatics beyond regular vanilla extract.
- Culinary lavender: Delicately ground for the sugar coating and the frosting to keep things fragrant.
- Cream cheese: Gives the frosting a tangy creaminess that pairs beautifully with the floral notes.
- Powdered sugar: For a smooth, sweet frosting texture.
- Purple food coloring (optional): For that lovely lavender tint, but totally optional if you want to keep it natural.
Variations
One thing I love about the London Fog Earl Grey Cookies Recipe is how flexible it is. You can easily tweak it based on what you’ve got or the vibe you’re going for. Feel free to experiment with the frosting flavors or omit the lavender if that’s not your thing—you’ll still get a fantastic cookie.
- Lavender-Free Version: When a friend of mine didn’t love lavender, I just skipped the lavender sugar and frosting part—and honestly, these cookies still shined with the Earl Grey flavor.
- Vegan Adaptation: I haven’t tried this yet, but replacing the butter with coconut oil and using a flax egg could work well—let me know if you try it!
- Chocolate Drizzle: Adding a little dark chocolate drizzle on top is a game-changer—my family begs me to make this version for parties.
- Mini Cookies: Rolling smaller dough balls and adjusting bake time a bit creates cute bites great for gifting or tea parties.
How to Make London Fog Earl Grey Cookies Recipe
Step 1: Prep the Lavender Sugar and Earl Grey Tea
Start by grinding the culinary lavender in a food processor until it’s finely ground. Sieve it to remove any larger bits—this ensures your lavender sugar is smooth and not overpowering. Set half aside for the frosting. Next, pulse the Earl Grey tea until finely ground and sift it too. This step is key because finely ground tea infuses the dough more evenly, giving you that unmistakable London Fog flavor in every bite.
Step 2: Mix Dry Ingredients
In a medium bowl, whisk together the flour, baking powder, baking soda, salt, and your ground Earl Grey tea. This keeps things even so when you mix in wet ingredients, you avoid overworking the dough. I’ve found this helps the cookies stay tender without becoming tough.
Step 3: Cream Butter and Sugar
Using an electric mixer, cream together the softened butter and granulated sugar on high speed for about 1-2 minutes until it’s super light and fluffy. This step really makes a difference because it helps create that melt-in-your-mouth texture—trust me, the extra little effort here pays off big time.
Step 4: Add Egg and Vanilla
Mix in the room temperature egg and vanilla bean paste on medium speed until the batter turns pale and fluffy—this usually takes around 1-2 minutes. The vanilla bean paste adds a beautiful depth that you won’t get from regular vanilla extract, but if that’s what you have, it’ll work in a pinch.
Step 5: Combine Dry Ingredients and Form Cookies
Add the dry ingredients to the wet mixture and mix on low speed just until combined. Avoid overmixing here to keep your cookies tender. Then, scoop 2-tablespoon-size balls of dough and roll them gently in the lavender sugar—you’ll immediately see and smell how it adds a delicate floral sparkle. Arrange the dough balls on parchment-lined baking sheets with about 2 inches apart, then gently flatten and shape them into circles. Baking 6-8 cookies at a time helps them cook evenly.
Step 6: Bake and Shape
Bake in a preheated 350°F (175°C) oven for 9-10 minutes. When they come out, wait 5 minutes on the baking sheet, then take a large circular cookie cutter and gently press around the warm cookies to give them that flawless round shape—this little trick came from a friend and really polished the presentation.
Step 7: Make the Lavender Cream Cheese Frosting
While your cookies cool, whip together the softened cream cheese and butter until light and fluffy—this usually takes 3-4 minutes. Add the powdered sugar, reserved lavender, vanilla bean paste, and purple food coloring if you want that pretty hue. Continue mixing until super fluffy and creamy.
Step 8: Assemble and Enjoy
Once the cookies are completely cool, spread about 1 tablespoon of frosting on each using a mini offset spatula for an even, beautiful finish. Then, dig in! I love pairing these cookies with a warm cup of tea—it’s like dessert and teatime in one.
Pro Tips for Making London Fog Earl Grey Cookies Recipe
- Finely Grind Tea: Grinding the Earl Grey tea finely really releases its bergamot oils into the dough, making the flavor shine through beautifully.
- Softened Butter is Key: Don’t rush softening the butter—it helps achieve that perfect light and creamy cookie dough texture.
- Shape While Warm: Using a cookie cutter right after baking gives the most polished look with minimal extra effort.
- Avoid Overmixing: Mixing the flour in too much can make the cookies tough—just combine until you no longer see streaks of flour.
How to Serve London Fog Earl Grey Cookies Recipe
Garnishes
I like to sprinkle a tiny pinch of dried lavender flowers or even edible glitter on the frosting for that extra whimsical touch when serving. It makes these cookies perfect for afternoon tea gatherings or special treats.
Side Dishes
Pair these cookies with a steaming cup of black tea, like Earl Grey (of course!), or even a mild herbal blend that complements the lavender. A small cheese platter or fresh fruit can balance the sweetness nicely when you’re hosting.
Creative Ways to Present
For a bridal shower or fancy weekend brunch, I set these on a tiered cake stand with lavender sprigs and vintage teacups. For gifting, I wrap them in parchment paper tied with purple ribbon—it always gets a big “wow” from friends and family.
Make Ahead and Storage
Storing Leftovers
I keep my leftover London Fog Earl Grey Cookies in an airtight container at room temperature for up to 3 days. If you want to preserve the frosting’s texture, I find it best to store unfrosted cookies separately and frost them just before serving.
Freezing
Freezing works great! Freeze the baked, cooled, unfrosted cookies in a single layer on a baking sheet first, then transfer to a freezer bag. When you’re ready, thaw at room temp and frost fresh for that just-made vibe.
Reheating
If you want your cookies warm (and who doesn’t?), pop them in the oven at 300°F for 5 minutes or so after thawing—just skip the frosting when reheating to avoid melting.
FAQs
-
Can I use Earl Grey tea bags instead of loose leaf for this London Fog Earl Grey Cookies Recipe?
You absolutely can! Just break up the tea bags and pulse the tea leaves along with the bags in the food processor to get a fine grind. Loose leaf usually has a fresher, fuller flavor, but tea bags work in a pinch.
-
What if I don’t have culinary lavender? Can I still make these cookies?
If culinary lavender isn’t in your pantry, you can skip it or substitute with a small amount of dried lemon zest to maintain some floral brightness. However, lavender really elevates the cookie’s signature flavor and aroma.
-
Can I make these London Fog Earl Grey Cookies Recipe gluten-free?
Yes, with some adaptation! I recommend trying a 1:1 gluten-free baking flour blend that includes xanthan gum to maintain texture. Expect slightly different crumb but still delicious results.
-
How long do London Fog Earl Grey Cookies keep fresh?
Stored properly in an airtight container at room temperature, these cookies stay fresh for about 3 days. You can extend freshness by freezing them unfrosted.
-
Can I make the frosting ahead of time?
Definitely! The lavender cream cheese frosting keeps well in the fridge for up to 3 days. Just bring it to room temperature and give it a quick whip before spreading on the cookies.
Final Thoughts
This London Fog Earl Grey Cookies Recipe quickly became one of my go-to recipes whenever I want something a little special and utterly comforting. I love sharing them with friends because they spark great conversations—everyone always asks about the flavor magic behind them. Give them a try, and I’m confident you’ll keep coming back to this recipe, whether it’s for cozy Sundays or fancy get-togethers. Happy baking, friend!
Print
London Fog Earl Grey Cookies Recipe
- Prep Time: 45 minutes
- Cook Time: 9-10 minutes
- Total Time: 54-55 minutes
- Yield: 20 cookies
- Category: Cookies
- Method: Baking
- Cuisine: British-inspired
Description
These delicate London Fog Cookies are infused with fragrant Earl Grey tea and coated with a light sprinkle of lavender sugar, then topped with a creamy lavender-infused cream cheese frosting. Perfect for afternoon tea or a sophisticated treat, these cookies combine floral and citrus notes with a soft, buttery texture.
Ingredients
For the 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
For the Lavender Sugar:
- 1/2 cup (100 g) granulated white sugar
- 1/2 tbsp culinary lavender
For the Lavender Cream Cheese 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)
Instructions
- Prepare Lavender Sugar: Add the culinary lavender to a food processor and pulse until finely ground, then pass through a sieve to remove any large bits. Set aside half of the ground lavender to use later in the frosting. Mix the remaining ground lavender with granulated sugar in a medium bowl and set aside.
- Preheat Oven and Prepare Baking Sheets: Set the oven to 350°F (175°C) and line two baking sheets with parchment paper.
- Grind Earl Grey Tea: Place the Earl Grey tea leaves in a food processor and pulse until finely ground. Sieve to remove any coarse bits.
- Combine Dry Ingredients: In a medium bowl, whisk together all-purpose flour, baking powder, baking soda, salt, and the ground Earl Grey tea. Set aside.
- Cream Butter and Sugar: In a large bowl, beat the softened butter and granulated sugar with an electric mixer on high speed for 1-2 minutes until the mixture becomes 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 fluffy, about 1-2 minutes.
- Mix Dry Ingredients: Add the dry ingredient mixture to the wet ingredients and mix on low speed just until combined to form the dough.
- Shape Dough Balls: Use a 2 tbsp cookie scoop to form dough balls, then roll each ball in the lavender sugar mixture to coat.
- Arrange on Baking Sheets: Place dough balls on the prepared baking sheets at least 2 inches apart. Slightly flatten each ball and shape into a circle to ensure even baking.
- Bake Cookies: Bake 6-8 cookies at a time in the preheated oven for 9-10 minutes. When done, use a large circular cookie cutter to gently press around the edges of the cookies while still warm for a perfect shape. Let cookies cool on the baking sheet for 5 minutes.
- Cool Cookies Fully: Transfer cookies to a wire rack to cool completely before frosting.
- Make Lavender Cream Cheese Frosting: While the cookies bake and cool, beat together the softened cream cheese and butter with an electric mixer until fluffy, about 3-4 minutes.
- Add Remaining Ingredients to Frosting: Mix in the powdered sugar, reserved ground lavender, vanilla bean paste, and optional purple food coloring until the frosting is very fluffy and smooth.
- Frost the Cookies: Once cookies are completely cooled, spread about 1 tablespoon of the lavender cream cheese frosting evenly on each cookie using a mini offset spatula. Serve and enjoy!
Notes
- Make sure to spoon and level the flour to avoid dense cookies.
- Freshly ground Earl Grey tea enhances the flavor and texture of the cookies.
- If you don’t have vanilla bean paste, vanilla extract can be used as a substitute.
- The optional purple food coloring in the frosting adds a lovely lavender hue but is not essential for flavor.
- The round cookie cutter step after baking helps achieve professional-looking, uniform cookies.
Nutrition
- Serving Size: 1 cookie
- Calories: 150
- Sugar: 13g
- Sodium: 100mg
- Fat: 8g
- Saturated Fat: 4.5g
- Unsaturated Fat: 3g
- Trans Fat: 0g
- Carbohydrates: 19g
- Fiber: 1g
- Protein: 2g
- Cholesterol: 35mg