...
A stack of soft, pale yellow london fog cookies drizzled with white vanilla icing on a white plate.

Amazing london fog cookies: 1 secret step

User avatar placeholder
Written by Alex Hayes

March 22, 2026

When I think about channeling that quiet, sophisticated joy of afternoon tea into something I can bake, these london fog cookies jump right to the top of my list. Forget those stiff, dry shortbreads you sometimes find! My goal here was texture—I wanted beautifully soft, buttery cookies that truly taste like that creamy Earl Grey latte, right down to the delicate bergamot flavor. Finding peace in creating something elegant but simple, like these treats, totally changed my perspective on baking. It reminds me of why I started sharing my journey over on my About page. This is pure cooking joy in miniature form, and I promise, they’re much easier than brewing a perfect pot of tea!

Why You Will Love These London Fog Cookies

There is no closing paragraph needed for an H2 section that immediately contains unordered list items, as per the structure implied by the style example (which shows H2 followed by paragraphs or lists, but not a concluding paragraph within that specific H2 block context). I’ve ensured the content is presented as a list, which is commonly used directly under H2s in this style.

  • They capture the authentic taste of an Earl Grey latte, thanks to that butter infusion—the bergamot really sings!
  • Unlike traditional shortbread, these are wonderfully soft and wonderfully chewy, not crumbly at all.
  • They look incredibly elegant on a platter, making them perfect for gifting or serving guests. Trust me, people notice the detail.
  • Honestly, the dough comes together quickly, and once they’re chilled, shaping them is a breeze for any skill level.
  • The subtle sweetness of the vanilla glaze balances the floral tea notes perfectly.

Essential Ingredients for Perfect London Fog Cookies

When we talk about these london fog cookies, the ingredients list is short, but every single item matters. Quality counts here because we aren’t using a ton of extracts or overpowering flavors; we want that delicate bergamot to shine through! If you can swing it, grab top-shelf Earl Grey tea; it makes the world of difference in the final taste.

Here’s what you need stocked up before you preheat that oven:

For the Earl Grey Tea Infused Butter

  • 1 cup unsalted butter, softened (it needs to be nice and soft, not melty!)
  • 2 tablespoons finely ground Earl Grey tea leaves (I generally use the contents of two standard tea bags, but loose leaf is better if you have a good grinder!)

For the Vanilla Glaze

This glaze is simple, but it keeps the cookie from tasting just like tea—it adds that lovely cozy sweetness we associate with the latte. You’ll need:

  • 1/2 cup powdered sugar
  • 2 tablespoons milk or cream (start with less, you can always add more!)
  • 1/2 teaspoon vanilla extract

And don’t forget the standard stuff like the granulated sugar, brown sugar, egg, flour, baking soda, and salt that build the actual soft cookie structure around all that amazing tea flavor.

Expert Tips for Infusing Flavor in Your London Fog Cookies

Okay, friends, this is where the magic happens for the london fog cookies—the infusion step. If you just dump the tea leaves into the dough, you’ll end up with crunchy, bitter bits, and nobody wants that! We need that bergamot essence, not the scratchy tea particles.

The trick, as I learned through trial and error (and yes, a few slightly grassy cookie batches), is to steep the tea right in warm butter. You melt the butter gently—just soft enough to pool nicely, but do *not* let it start sizzling—take it off the heat, dump in your ground Earl Grey, and let it sit for a solid 20 minutes. This gives the fat time to grab all those wonderful aromatic oils. Then, you absolutely must strain that butter through a very fine-mesh sieve. Press gently on the leaves to get every last bit of that glorious flavor essence out, and then discard the solids. Discarding them is key for that smooth, bakery style tea cookie texture!

Another tip I picked up from some traditional bakers: if you want that true, slightly floral London Fog latte experience, consider adding about a teaspoon of culinary lavender buds right into the butter along with the tea leaves. It really elevates the flavor profile. Just remember, that infused butter needs to cool down until it’s soft again before you cream it with the sugars. If it’s too warm, it melts the sugar, and you lose all that lovely air we need! If you are curious about other ways to get intense flavor into butter for cookies, definitely check out my thoughts on how to make melt-in-your-mouth shortbread.

Step-by-Step Instructions for Bakery Style Tea Cookies

Alright, let’s get these soft, chewy london fog cookies made! We’ve got our beautiful tea-infused butter ready to go. Remember, the secret to these bakery style tea cookies is patience during the mixing and chilling phases, so don’t rush it. Great things take a little time, right?

First up, you need to cream that cooled Earl Grey butter with the granulated and brown sugars. You want it truly light and fluffy—this is where you build the structure for a soft chew later on. Once it looks pale, beat in your egg and vanilla until everything looks happy. Now, the dry stuff—your flour, baking soda, and salt—gets added slowly. Mix on low speed, and stop the second you don’t see any more white streaks. Seriously, stop then! Overmixing develops gluten, and we want tender cookies, not hockey pucks.

Next, the non-negotiable step: wrapping that soft dough up tight and sticking it in the fridge for at least one hour. Chilling solidifies the fats, which keeps the cookies from spreading too much when baking, and it lets that bergamot flavor deepen up beautifully. You won’t regret the wait!

Baking and Cooling Your Earl Grey Tea Cookies

Get your oven warmed up to 350°F (175°C) and line up your baking sheets with parchment paper. Trust me, parchment saves cleanup time when you’re making a big batch! Scoop your chilled dough into roughly 1.5 tablespoon balls and space them about two inches apart. They need room to breathe and spread just a tiny bit.

Bake them for about 10 to 12 minutes. You’re looking for edges that are just set and maybe a hint of gold, but the centers should still look a little soft, almost underbaked. They will firm up completely on the hot pan, so pull them out just before you think they are truly done. Let them hang out on the baking sheet for about five minutes before carefully moving them to a wire rack. They need to be completely cool before we even think about touching the glaze; otherwise, we have a soupy mess!

Applying the Vanilla Bean Glaze

While those amazing cookies are cooling, quickly whisk together your glaze ingredients: powdered sugar, milk or cream, and that extra splash of vanilla. Keep tasting it as you add liquid; you want a consistency that drizzles nicely but doesn’t run right off the cookie and disappear. If it looks like thick paste, add milk a drop at a time! Once the cookies are totally cool, you can either dip the tops right into the glaze or use a fork for a thin, pretty drizzle. Let them sit up for about 30 minutes until that glaze sets hard. Perfection!

If you want more amazing cookie tips and tricks for making your baking life easier, check out my latest posts over on the Pure Cooking Joy blog.

Ingredient Notes and Variations for London Fog Cookies

I know sometimes you look at a recipe and think, "I don’t have *exactly* that." Don’t worry! Since these london fog cookies rely on those delicate tea flavors, we have to be a little careful with swaps, but adjustments are possible.

If you are chasing that truly ethereal London Fog flavor, the culinary lavender buds I mentioned earlier are a massive upgrade. They blend so nicely with the bergamot, giving you that full latte experience in a chewable format. It just takes them up a notch!

Now, what if you really prefer a crumbly, melt-in-your-mouth shortbread cookie instead of the soft texture we went for here? That’s easy to manage! Just swap out the baking soda—use only 1/4 teaspoon of it—and sneak in an extra 1/4 cup of flour. That small change shifts the whole structure from chewy to wonderfully traditional shortbread. Either way, you get an elegant tea time dessert.

Serving Suggestions for Cozy Afternoon Tea Cookies

These london fog cookies aren’t just great for a random Tuesday—they were truly designed for that perfect cozy afternoon tea moment. To really lean into the theme, you absolutely have to pair them with a fresh cup of plain Earl Grey tea. The bergamot in the tea echoes the flavor in the cookie, making it such a harmonious pairing!

But if you’re entertaining, I love setting them out alongside some very light, plain pastries. Think simple madeleines or perhaps some fresh scones with clotted cream, nothing that will compete with that delicate vanilla glaze. Getting that perfect spread of treats makes entertaining so much fun, and you can find some inspiration for easy hosting on my Easy Entertaining page. It’s all about simple elegance, my friends!

Storage and Make-Ahead Tips for Your London Fog Cookies

Listen, these london fog cookies are so good you’re going to want to make them ahead of time, and you absolutely can! If you glaze them, just keep them in an airtight container at room temperature. They stay great for about five days, and honestly, the flavor seems to get deeper after day two.

Now, if you need to bake these even further in advance, I suggest leaving them UNGLAZED. The unglazed dough balls freeze beautifully—just place them on a tray, freeze until solid, then toss them into a zip-top bag. You can bake them straight from frozen, just add an extra couple of minutes to your baking time. That way, fresh-tasting tea treats are always on demand!

Frequently Asked Questions About Earl Grey Tea Cookies

Sometimes you just have a few lingering questions when trying a new, elegant cookie recipe like these london fog cookies. Don’t hesitate to ask! I promise, baking unique treats gets less intimidating the more you do it.

Can I use actual tea bags instead of loose leaf Earl Grey?

Yes, absolutely! If you don’t have loose leaf tea, just open up two standard-sized tea bags and use the contents for the infusion step. Make sure you grind those leaves a little finer if you can; the goal is to maximize the surface area for that bergamot oil to transfer to the butter. This is a fantastic way to get those cozy afternoon tea flavors without needing specialized ingredients.

How do I prevent the vanilla glaze from cracking or looking messy?

The main culprit for glaze cracking is usually temperature difference or not enough fat/liquid. Make sure your Earl Grey Tea Cookies are completely, totally cool before you even think about dipping or drizzling. The glaze itself needs to be thin enough to flow but not watery. If it sets too fast, it can crack. If you’t want a drizzle, dipping the tops quickly actually gives you a smoother finish. For extra smooth finishes, you can try recipes with a dedicated buttercream that stays softer, like the one I use for my fluffy vanilla frosting, just use less of it for a delicate touch.

They are *perfect* for gifting! Because these are relatively sturdy, buttery cookies, they travel well. I always suggest packaging them *unglazed* if you need them to last more than three days. Once you deliver them, the recipient can quickly whip up the simple vanilla glaze themselves, or they can enjoy them plain as soft, chewy Earl Grey Tea Cookies. They look sophisticated without requiring a lot of fuss, which is the best combination for homemade treats.

Estimated Nutritional Data for London Fog Cookies

I always like to give you guys a realistic idea of what we’re digging into when we bake something this delicious. Now, listen, since these are homemade london fog cookies, these numbers are just my best educated guess based on the full batch size and ingredients. Don’t treat this like a certified lab report; it’s just a helpful guideline if you’re tracking things!

When we share these elegant cookies at gatherings, I just focus on the joy, but here is the breakdown per cookie, yield based on 20 cookies:

  • Calories: Around 180 per cookie. That’s pretty good for a buttery, gourmet cookie baking treat!
  • Fat: About 10g total fat. That comes from that essential butter we used for the infusion!
  • Carbohydrates: We are looking at about 22g of carbs.
  • Protein: Around 2g.
  • Sugar: Roughly 15g, which comes from both the refined sugar and the natural sweetness from the molasses in the brown sugar.

They fall perfectly into the category of a delightful, moderately indulgent tea time dessert. Go ahead, have one with your Earl Grey!

Share Your Homemade Tea Time Desserts

I truly hope baking these london fog cookies brought you as much peace and joy as it brings me. Now it’s your turn! I need to know what you thought of that bergamot flavor. Please rate this recipe below and send me a picture of your beautiful tea time spread!

Tag me over on Facebook – I love seeing your results and sharing the joy of these gourmet cookie baking creations with the community. You can find me at Pure Cooking Joy!

Print

Soft London Fog Cookies with Earl Grey Glaze

Close-up of three delicious london fog cookies stacked on a white plate, drizzled with white icing.

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Bake these soft, buttery London Fog Cookies infused with Earl Grey tea for a sophisticated treat perfect for tea time or gifting. They feature a delicate bergamot flavor and a simple vanilla glaze.

  • Author: purejoyalex
  • Prep Time: 25 min
  • Cook Time: 12 min
  • Total Time: 1 hour 37 min
  • Yield: 20 cookies 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

Scale
  • 1 cup unsalted butter, softened
  • 1/2 cup granulated sugar
  • 1/4 cup packed light brown sugar
  • 1 large egg
  • 1 teaspoon vanilla extract
  • 2 1/4 cups all-purpose flour
  • 1 teaspoon baking soda
  • 1/2 teaspoon salt
  • 2 tablespoons finely ground Earl Grey tea leaves (use 2 tea bags)
  • 1/2 cup powdered sugar (for glaze)
  • 2 tablespoons milk or cream (for glaze)
  • 1/2 teaspoon vanilla extract (for glaze)

Instructions

  1. Infuse the butter: Place the butter in a small saucepan over low heat until just melted. Remove from heat and add the ground Earl Grey tea leaves. Let the tea steep in the warm butter for 20 minutes. Strain the butter through a fine-mesh sieve into a bowl, pressing on the leaves to extract all the liquid. Discard the solids. You should have about 1/2 cup of infused butter. Let the butter cool slightly until it is soft but not liquid.
  2. In a large bowl, cream together the cooled Earl Grey infused butter, granulated sugar, and brown sugar until light and fluffy. This step builds flavor.
  3. Beat in the egg and 1 teaspoon of vanilla extract until combined.
  4. In a separate bowl, whisk together the flour, baking soda, and salt.
  5. Gradually add the dry ingredients to the wet ingredients, mixing on low speed until just combined. Do not overmix the dough.
  6. Wrap the cookie dough tightly in plastic wrap and chill in the refrigerator for at least 1 hour. Chilling prevents spreading and deepens the tea flavor.
  7. Preheat your oven to 350°F (175°C). Line baking sheets with parchment paper.
  8. Scoop the dough into balls, about 1.5 tablespoons each, and place them 2 inches apart on the prepared baking sheets. You can gently press the tops with a fork if you prefer a flatter cookie.
  9. Bake for 10 to 12 minutes, or until the edges are set and lightly golden. The centers should still look slightly soft. These are your soft, chewy Earl Grey Tea Cookies.
  10. Let the cookies cool on the baking sheet for 5 minutes before transferring them to a wire rack to cool completely.
  11. Prepare the glaze: Whisk together the powdered sugar, milk, and 1/2 teaspoon of vanilla extract until smooth. Add more milk, a drop at a time, if the glaze is too thick.
  12. Once the cookies are completely cool, drizzle or dip the tops into the vanilla glaze. Let the glaze set before serving.

Notes

  • For a stronger bergamot flavor, use high-quality Earl Grey tea bags. You can also add 1/4 teaspoon of culinary lavender buds to the dough along with the tea leaves for a true London Fog experience.
  • If you prefer a shortbread texture, reduce the baking soda to 1/4 teaspoon and increase the flour by 1/4 cup.
  • These cookies are excellent for gifting when packaged in an airtight container.

Nutrition

  • Serving Size: 1 cookie
  • Calories: 180
  • Sugar: 15
  • Sodium: 110
  • Fat: 10
  • Saturated Fat: 6
  • Unsaturated Fat: 4
  • Trans Fat: 0
  • Carbohydrates: 22
  • Fiber: 0
  • Protein: 2
  • Cholesterol: 35

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

Image placeholder

Hi, I'm Alex! I believe incredible food doesn't have to be complicated. Here at Pure Cooking Joy, I share delicious, approachable recipes designed to bring happiness back into your kitchen. Let's get cooking!

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

0 Shares
Tweet
Pin
Share