Amazing london fog cookies: 24 tender bites

If you’ve ever savored the dreamy, comforting flavor of a London Fog latte, you know it’s pure magic—that soft blend of bergamot, vanilla, and creaminess always feels a little sophisticated, right? Well, I managed to capture that whole vibe right here in one perfectly tender bite!

Forget fussy desserts; these london fog cookies are built on a solid shortbread base, meaning they deliver that incredible, buttery melt-in-your-mouth quality you want when you’re looking for something elegant but easy to make. For those times when you want something a little more refined than your average cutout, you might also love my recipe for best soft chewy cutout sugar cookies, but today we are focusing on tea! As Eleanor Vance of DeliceRecipe, I truly believe baking with tea infuses such a unique, grown-up warmth into simple treats. Trust me; these little cookies are going to elevate your next afternoon break!

Why These London Fog Cookies Are Your New Favorite Tea Time Cookies

Listen, if your cookie tray needs a quick upgrade to ‘elegant baking recipes’ status, these london fog cookies are the answer! They’re sophisticated without ever feeling fussy, which is exactly what I aim for here at DeliceRecipe. They are the ultimate companion for your mug of Earl Grey.

We look forward to these becoming your go-to tea time cookies for hosting or just treating yourself right in the middle of the week. If you also love a chewy texture sometimes, I highly recommend checking out my recipe for them, too: ginger molasses cookies chewy soft recipe.

The Perfect Shortbread Cookie Recipe Base

When you are trying to capture such subtle flavors like delicate tea, you need a foundation that won’t fight it! That’s why I chose shortbread for this bake. Shortbread is wonderfully simple—it’s mostly butter, sugar, and flour, right? This buttery base melts beautifully in your mouth.

It results in a cookie that is wonderfully tender and crumbly, not hard or chewy at all. It’s the perfect sturdy, rich delivery system for our favorite tea flavors.

Capturing the Bergamot Cookies Essence

The absolute key to making these taste like your actual latte lies in the tea itself. Don’t just throw a teabag in the mixer and call it day! We need full flavor extraction. These bergamot cookies require two tablespoons of your best loose-leaf Earl Grey, ground up until it’s nearly powder.

When you grind it down this fine, you release those beautiful, fragrant citrus-floral oils straight into the dough. The resulting london fog cookies taste authentically like that wonderful, warm, fragrant cup of tea.

Gathering Ingredients for Your London Fog Cookies

Alright, now that you’re dreaming about these delicious london fog cookies, let’s talk about what you need to pull them together. As I always say here at DeliceRecipe, the best recipes start with the best ingredients, especially when we are dealing with delicate flavor infusions like bergamot!

You’ll be happy to hear that these are surprisingly quick to prep—we’re looking at about 20 minutes of actual hands-on work, and the recipe yields about 24 lovely cookies. Perfect for an afternoon tea party, or honestly, just for me and my husband!

Essential Components for Earl Grey Cookies

Since these are shortbread-based, the butter quality really shines through, so please use unsalted butter and make sure it’s softened just right. You want it pliable, not greasy looking, you know?

Here is the exact list I use every single time for these amazing Earl Grey cookies:

• 1 cup unsalted butter, softened (don’t cheat on this one!)
• 1/2 cup granulated sugar
• 1 teaspoon vanilla extract
• 2 tablespoons of finely ground Earl Grey tea leaves (Please, please use high-quality loose leaf here. If you grind them down fine, the flavor is unbelievable.)
• 2 cups all-purpose flour
• 1/4 teaspoon salt
• 1/2 cup powdered sugar (This is just for a light dusting at the very end for presentation.)

Optional Vanilla Bean Glaze Ingredients

The cookies are delicious plain, dusted with sugar, but oh my goodness, the glaze takes them over the top into true gourmet territory. If you choose to glaze your London Fog Cookies, you’ll need just a few more things to mix up. These whip up in two minutes flat!

• 1 cup powdered sugar
• 2 tablespoons milk (whole milk works best here)
• 1/2 teaspoon vanilla extract

How to Prepare Perfect London Fog Cookies Step-by-Step

Okay, here’s the fun part—bringing those gorgeous flavors together! We want these london fog cookies to have that lovely shortbread crumb, and that starts with giving the dough the respect it deserves. Follow these steps closely, and you’ll have that delicate tea aroma filling your kitchen in no time. We’re aiming for absolute perfection here!

Mixing the Tea Infused Cookies Dough

Start by grabbing your stand mixer, or if you’re feeling energetic, a sturdy hand mixer will do the trick. We begin exactly like most great shortbread recipes begin: creaming! Beat that softened butter and the granulated sugar together until the mixture gets noticeably light and fluffy—you’re looking for pale color, which shows those air bubbles are forming. That’s crucial for texture!

Once that’s fluffy, mix in your vanilla extract. Then, add those two tablespoons of finely ground Earl Grey tea leaves. Mix it just until they disappear into the creamy base. Remember, we are infusing the butter flavor here, so don’t mix it too much yet.

Next, prepare your dry ingredients separately—the flour and salt whisked together. Now, add this dry mix to the wet ingredients in stages, mixing on low speed. **This is important:** Keep mixing only until the dough *just* comes together into a soft mass. If you keep mixing shortbread dough once the flour is in, you develop gluten, and sadly, that means you’ll get a tough cookie instead of the tender bite we are after. Stop as soon as you see no dry streaks!

Chilling and Shaping Your London Fog Shortbread

Our dough is ready, but it’s too soft to cut cleanly right now. If you try rolling it out now, those delicate london fog cookies shapes will slump right in the oven! Take that ball of dough, wrap it up tight in plastic wrap, and into the refrigerator it goes for a solid 30 minutes minimum. I sometimes chill mine for an hour! This firms up that glorious butter content.

Once chilled, preheat your oven to 325 degrees Fahrenheit. Line a couple of baking sheets with parchment paper—this prevents sticking, which is awful for pretty cutouts. Lightly flour your clean counter space, and roll that dough out carefully until it’s about 1/4 inch thick. Use your favorite cookie cutters and gently put the cutouts onto the prepared sheets.

Pro tip: If your kitchen is warm, slide the *sheet* with the cutouts into the fridge for about 10 minutes right before they go into the oven. That extra chill helps those edges stay sharp!

Baking and Glazing London Fog Cookies

Bake those beauties for about 12 to 15 minutes. Since we want them pale and delicate, watch those edges! They are done when the edges are just turning a *hint* of light golden brown, but the centers should still look quite pale. If they brown too much, the bergamot flavor can get a little sharp. They will be fragile when they first come out, so let them rest right there on the baking sheet for five minutes before carefully moving them to a wire rack to cool completely. If you want more tips on perfecting your icing consistency, check out my guide on easy cookie icing recipe hardens perfectly.

If you are skipping the glaze, go ahead and give them a light dusting of powdered sugar now—they look gorgeous that way! If you are glazing, wait until they are completely cool. Just whisk the glaze ingredients until smooth, and then drizzle it lightly across the top. I love looking at other people’s beautiful bakes, like this one I found for inspiration: London Fog Shortbread Cookies example. Once that glaze sets, dust them again lightly with powdered sugar for that final, elegant cafe look. Perfection!

Tips for Success with Homemade Tea Cookies

Now that you have followed the steps to make these beautiful london fog cookies, let’s talk about how to make them absolutely *flawless* every single time. Making a cookie this delicate requires a little insider knowledge, and I’ve got a few tricks up my sleeve based on the notes my grandmother used to jot down.

We want maximum flavor delivery without compromising that signature shortbread tenderness. These tips will ensure your tea-infused treats are always worthy of an elegant tea party!

Ingredient Notes and Flavor Variations

The recipe calls for vanilla, but if you want to deepen that creamy latte essence—which mirrors the steamed milk perfectly—there’s a neat trick you can try! Instead of just using vanilla extract, take just two tablespoons of milk—any kind works—warm it up very slightly, and steep your Earl Grey tea leaves in it for about ten minutes. Then, strain out the leaves and let that flavored milk cool completely before adding it to your dough in place of the vanilla.

It gives the cookie a fuller mouthfeel, don’t you think? Also, if you are looking for something extra special for presentation, try mixing about one teaspoon of culinary dried lavender right into your finely ground Earl Grey leaves before you add them to the butter mixture. It adds a little pop of sophisticated, floral complexity that pairs amazingly well with the bergamot. These London Fog Cookies become even more unique that way!

Troubleshooting Common London Fog Cookies Issues

The number one fright when making any cutout cookie, especially tender ones like these, is spreading. The dough relaxes in the oven and suddenly your perfectly cut circles look like melted puddles. We already talked about chilling the dough, but for these london fog cookies, I have an extra step:

After you cut out your shapes and place them on the baking sheet, if your kitchen feels even slightly warm, pop that entire tray into the fridge for ten minutes before it goes into the oven. This locks the butter in place, ensuring those gorgeous cut edges stay put! You’ll end up with beautifully shaped cookies every time; it’s worth the extra two-minute step.

If you find your tea flavor is too subtle after baking, it almost always means the tea leaves weren’t ground fine enough. You want them to look like coarse sand or fine spices, not flakes. If they are crunchy when you bite the baked cookie, they weren’t ground enough! For incredibly detailed icing work later on, you can refer to my guide on my preferred royal icing recipe.

Serving Suggestions for Your London Fog Dessert

These London Fog dessert cookies are truly versatile, but let’s be honest—they were truly designed to pair with a lovely hot beverage. They are the ultimate cozy afternoon treats, perfect for wrapping your hands around a mug and enjoying a quiet moment.

Since the flavor profile leans so heavily on that delicate Earl Grey and vanilla, you want pairings that enhance those notes without overpowering them. If you’re serving these to guests or setting up a little afternoon tea spread, I have a few ways I love to present them.

• The Obvious Winner: Serve them alongside an actual London Fog latte, or simply a strong, plain cup of high-quality Earl Grey tea. The cookie acts as the buttery, sweet counterpart to the hot drink.
• Complementary Baking: Since these are shortbread, they pair beautifully with slightly fruitier baked goods. Try setting them out with my recipe for easy blueberry scones from scratch. The slight tartness of the fruit cuts through the richness of the cookie butter.
• Elevated Presentation: For an elegant dessert table, arrange the cookies on a tiered stand layered with shortbread fingers and perhaps some small, fresh berries like raspberries. It just looks so intentional and welcoming! I recently saw a gorgeous spread on a friend’s blog that really inspired me for presentation; you can check out some ideas here: afternoon tea inspiration.

Whether you’re making these for a holiday cookie swap or just a Tuesday afternoon indulgence, remember they are meant to be savored slowly. Enjoy!

Storage and Keeping London Fog Cookies Fresh

Shortbread cookies, bless their buttery hearts, have a wonderful advantage when it comes to storage: they keep beautifully! Since these london fog cookies rely on that high butter content, they actually stay pristine longer than softer, chewier styles—provided you let them cool completely first, of course. No one likes a soggy bottom!

I always aim to bake these a day ahead if I’m serving them for a tea party because I truly think the flavor of the Earl Grey deepens overnight, mingling with the butter. It’s like they get a little more comfortable sitting around together!

Here is my routine for making sure these delicate, tea-infused treats are perfect when you reach for them:

Storing Unglazed London Fog Cookies

If you’re skipping the optional glaze, storing these london fog cookies is straightforward. You need an airtight container, but you have to be gentle. I layer them with small squares of parchment paper or wax paper between the layers. This stops them from sticking together, especially if the air is humid.

They will keep perfectly well at room temperature, sealed tight, for anywhere from five to seven days. Honestly, I’ve never had a batch last longer than that because my family inhales them, but I’m confident they’d be fine for a full week!

Storing Cookies with the Vanilla Bean Glaze

The glaze does complicate things just slightly, but not much! Because the glaze we used is thin and simple (mostly powdered sugar and milk), it sets up quite firm. However, if you stack them too soon, you’re going to end up with a beautiful, sticky mess!

Wait until the glaze has fully hardened—give it at least an hour or two on the cooling rack, or even overnight if your kitchen is chilly. Once they are completely dry, you can stack them, but still use that parchment paper layer between each cookie. The glaze can sometimes sweat a tiny bit if the container isn’t perfectly airtight, so ensure that seal is tight!

Making Cookies Ahead of Time

Don’t you love knowing you can get the baking done early? You can absolutely make the dough for these london fog cookies ahead of time. Once you’ve made your dough (right before the chilling step), wrap it very tightly in plastic wrap and refrigerate it for up to three days. If you chill it longer than that, the butter can start to harden too much, and the flavor of the tea might dull slightly.

If you chill the dough for longer than 24 hours, I suggest letting it sit on the counter for about 10 to 15 minutes before trying to roll it out, just so it’s pliable enough to handle without cracking. Pre-cutting and freezing the shapes is another great make-ahead secret, too!

Frequently Asked Questions About Earl Grey Cookies

I always get so many wonderful questions once you all start baking my recipes! That shows me you’re really thinking about the process, and I love encouraging that confidence in the kitchen. Since these Earl Grey cookies are a little unique—moving outside the usual chocolate chip territory—I gathered up the most common queries I’ve heard about making perfect tea-infused treats.

Can I just use standard Earl Grey teabags?

That’s a great question, and this is where you need to be a bit careful! You absolutely *can* use teabags in a pinch, but you need to empty the contents out first. However, the real issue is the texture. Most standard teabags contain very small, broken leaf particles—almost dust—combined with filler material. For these tea time cookies, we need the flavor, but we don’t want that dusty texture ruining the shortbread.

It’s much better if you can source loose-leaf Earl Grey. If you must use bags, use two bags to extract the contents, and then pulse those leaves in a spice grinder or a clean coffee grinder until they are as fine as possible. We are hoping for fine sand, not large flakes!

How fine must the tea be ground for the best flavor?

As I mentioned above, this is key to getting that true bergamot flavor! If you grind the leaves too coarsely, you’ll end up biting into crunchy bits of tea leaf in your otherwise tender cookie. Nobody wants that surprise! You need the leaves ground down until they look similar to coarsely ground coffee or very fine cornmeal. In professional terms, you are trying to maximize the surface area to infuse flavor into that butter base, which is why finely ground tea is essential for true bergamot cookies.

Can I make these soft and chewy instead of shortbread?

These are specifically formulated as a shortbread cookie recipe. The shortbread structure relies on the high ratio of butter to flour, which gives you that melt-in-your-mouth tenderness. If you switch to a standard, softer drop cookie base meant for batters that spread more, the results would be very different, possibly even losing some of that beautiful tea fragrance during the bake!

If you are craving something soft and chewy, I suggest trying a different base recipe altogether—maybe look at my recipe for easy tiramisu recipe inspiration for a soft filling, or sticking to a tested chewy base. For these specific delicate flavors, shortbread is really the best presentation.

What tea works besides Earl Grey for homemade tea cookies?

While Earl Grey really shines because of that distinctive bergamot oil, you can definitely experiment with other high-quality loose-leaf teas! The key is to look for teas that have recognizable, strong essential oil notes, not just basic black tea.

For example, a smoky Lapsang Souchong would make for a totally unique—though intense—gourmet cookie idea. Chamomile works beautifully if you want something very mild and floral. The key caveat is that you need to grind them down just as fine as the Earl Grey to get the flavor to transfer into the dough properly.

Nutritional Estimates for London Fog Cookies

I always get interest in the breakdown of what we’re eating, even with special treats like these delightful london fog cookies! Now, please remember, I develop these recipes in my home kitchen, so these numbers are just helpful estimates based on the standard ingredients listed above. They are calculated for one cookie serving size.

For a truly elegant dessert, serving size is everything! Here is a general idea of what you are looking at for one of these shortbread gems:

• Serving Size: 1 cookie
• Calories: Around 145
• Sugar: About 10g
• Fat: 10g (mostly butter, naturally!)
• Carbohydrates: 14g
• Protein: 2g

These are definitely on the richer side since they are shortbread, so having just one or two alongside your afternoon cuppa is the perfect way to enjoy them. Isn’t it nice to know exactly what’s going into your favorite unique cookie flavors?

Share Your London Fog Cookies Creations

I pour my heart into developing these recipes, hoping they bring a little moment of cozy elegance into your day just like they do mine. If you decide to bake these wonderful Earl Grey Cookies, I absolutely want to see them!

When you finish your batch, please hop over to the recipe card and leave a rating and a comment telling me how they turned out. Did you try the lavender variation? Did you skip the glaze? Your feedback is precious and helps other home bakers know what to expect!

And please, share photos on Instagram or Facebook and tag me! Seeing your gorgeous creations—especially when arranged for a lovely afternoon tea—is the best part of running DeliceRecipe. If you ever have a question about this recipe or any others, don’t hesitate to reach out through my Contact page. Happy Baking, friends!

Nutritional Estimates for London Fog Cookies

I always get interest in the breakdown of what we’re eating, even with special treats like these delightful london fog cookies! Now, please remember, I develop these recipes in my home kitchen, so these numbers are just helpful estimates based on the standard ingredients listed above. They are calculated for one cookie serving size.

For a truly elegant dessert, serving size is everything! Here is a general idea of what you are looking at for one of these shortbread gems:

• Serving Size: 1 cookie
• Calories: Around 145
• Sugar: About 10g
• Fat: 10g (mostly butter, naturally!)
• Carbohydrates: 14g
• Protein: 2g

These are definitely on the richer side since they are shortbread, so having just one or two alongside your afternoon cuppa is the perfect way to enjoy them. Isn’t it nice to know exactly what’s going into your favorite unique cookie flavors?

Share Your London Fog Cookies Creations

I pour my heart into developing these recipes, hoping they bring a little moment of cozy elegance into your day just like they do mine. If you decide to bake these wonderful Earl Grey Cookies, I absolutely want to see them!

When you finish your batch, please hop over to the recipe card and leave a rating and a comment telling me how they turned out. Did you try the lavender variation? Did you skip the glaze? Your feedback is precious and helps other home bakers know what to expect.

And please, share photos on Instagram or Facebook and tag me! Seeing your gorgeous creations—especially when arranged for a lovely afternoon tea—is the best part of running DeliceRecipe. If you ever have a question about this recipe or any others, don’t hesitate to reach out through my Contact page. Happy Baking, friends!

Print