london fog cookies: 1 amazing shortbread bite

March 4, 2026
Written By Sarah Miller

Hi, I'm Sarah! Welcome to HearthBite. I grew up in a busy family home in the heart of Ohio, where the kitchen was always the warmest room in the house. For me, food has always been the language of love and the simplest way to bring people together. After years in a fast-paced marketing career, I realized my true passion was right back where I started: in the kitchen, creating delicious, comforting meals for my family and friends. I believe that the best memories are made around the dinner table, and you don’t need to be a professional chef to make incredible food. My goal with HearthBite is to share recipes that are practical, reliable, and perfect for the modern American home. These are the dishes I make for my own family—tested, loved, and designed to bring a little more happiness to your table. Thanks for cooking along with me!

You know how sometimes you just crave that perfect, sophisticated sip of a London Fog latte? That warm, creamy hug infused with just the right amount of bergamot oil from Earl Grey tea? Well, at HearthBite, we believe those elevated moments shouldn’t be limited to your mug. That’s why I’ve spent time perfecting these london fog cookies to bring that elegant café experience right into our cozy kitchens. This recipe is pure Sarah Miller magic—it takes that delicate tea flavor and sets it into a buttery, melt-in-your-mouth shortbread base. It’s reliable, it’s comforting, and it proves that gourmet dessert ideas don’t need to be fussy. These are the cookies that truly capture that peaceful afternoon tea feeling, and I just know you’ll cherish them as much as we do in our home. If you love baking comfort food classics, you can check out our other go-to recipes right here!

Why You Will Love These London Fog Cookies

I know we just talked about how lovely they are, but let’s get specific about why these tea infused cookies belong in your recipe box. They truly deliver sophistication in such a simple package. You get all the flavor you expect from that elegant latte, but baked up buttery and crisp. Honestly, these are keepers!

Delicate Earl Grey Infusion

We’re using real Earl Grey leaves here, so you get that signature bergamot sunshine. It’s subtle, never overpowering—just the perfect hint to remind you of your favorite tea flavor. It makes for a truly unique cookie flavor!

Perfect Shortbread Texture

Since these are based on a classic shortbread recipe, you know they’re going to be incredibly tender. They just melt away in your mouth. If you love buttery cookies baking in their simplest, most satisfying form, you’ve found your match.

Elegant Dessert Ideas for Afternoon Tea

When company comes over, these instantly elevate the dessert spread. They look beautiful with the simple vanilla glaze, making them fantastic for gifting or serving at any special gathering. They totally count as one of those elegant dessert ideas!

Gathering Ingredients for Your London Fog Cookies

Okay, let’s get down to business. The secret to making these work as an authentic easy cookie recipe is using ingredients you feel good about. When I was developing this, I realized that if the tea quality isn’t top-notch, you won’t get that beautiful bergamot lift. So, use the best Earl Grey you can find, and grind it up until it’s almost dusty! Here’s what you’ll need to pull together for this batch of goodness.

For the Earl Grey Shortbread Cookies

  • 1 cup unsalted butter, softened until it’s perfectly pliable
  • 1/2 cup granulated sugar
  • 1 teaspoon vanilla extract (the real stuff, please!)
  • 2 tablespoons finely ground Earl Grey tea leaves (that means grinding up about two good tea bags)
  • 2 cups all-purpose flour
  • 1/4 teaspoon salt

For the Bergamot Glaze

This glaze is optional, but trust me, it adds that final touch of café elegance. It’s simple!

  • 1 cup powdered sugar
  • 2 tablespoons milk or cream (whichever you have handy)
  • 1/2 teaspoon vanilla extract
  • 1/4 teaspoon lemon juice (I like adding this just to brighten up the flavor, it pops the bergamot!)

Tips for Success with Tea Infused Cookies

Baking with tea, like these unique tea infused cookies, is fun but it does require a couple of little secrets to make sure they taste amazing and not just like you baked with dusty leaves! When dealing with delicate flavors like bergamot, technique makes all the difference. You want that aroma, but you don’t want grit in your shortbread!

Grinding the Earl Grey Tea

This is non-negotiable, folks. If you just toss in tea leaves, you’ll end up with sharp, gritty bits in your buttery base. Please, please, use a dedicated spice grinder or a small food processor to blitz those leaves down until they look like fine powder. If they are finely ground, they dissolve right into the dough, leaving behind only that wonderful bergamot flavor. It’s key for a truly gourmet cookie experience!

Optional Lavender Addition

If you want to take these cookies straight into the stratosphere of sophistication—think lavender cookies recipe territory—you can add a tiny bit of culinary lavender! I suggest substituting about half a teaspoon of the ground tea leaves for the same amount of dried culinary lavender buds. You can find bundles of dried lavender at most specialty stores now. Just remember, a little goes a long way; we want a whisper of floral, not a full garden blast.

If you are looking for other incredibly simple baking ideas that deliver amazing results, check out my three-ingredient butter cookies—sometimes simple is best!

Step-by-Step Instructions for London Fog Cookies

This recipe really shines when you take your time, just like when I make my soft, chewy caramel, although thankfully the baking time is much shorter! Since these are shortbread, the chilling is what keeps them from spreading into sad, flat disks. Follow along, and you’ll have these perfect Afternoon Tea Cookies ready in no time. Don’t rush the mixing, especially when we fold in the flour—that’s how we keep them tender!

Mixing the Shortbread Dough

First, get your butter and sugar mixing until they look genuinely light and fluffy—we’re talking pale yellow and airy after about three minutes with the electric mixer. That creaming action beats in the air we need! Next, gently beat in that vanilla. Now, for the dry stuff: add the flour, salt, and your finely ground Earl Grey mix slowly, keeping the speed on low. Stop mixing the *second* you see just a few streaks of flour left. If you overmix, the cookies get too tough, and we want them delicate!

Chilling and Shaping the London Fog Cookies

Pat that stiff dough into a disk, wrap it up tight in plastic wrap, and tuck it away in the fridge. And I mean it: you *must* chill it for at least one full hour before you try to roll it. This firms up the fat, which is essential for shortbread structure! After chilling, preheat your oven to 325°F (160°C) and line those baking sheets. Roll the dough out evenly to about 1/4 inch thickness and cut out your shapes. I like simple squares for a clean look!

Baking and Cooling

Bake these beauties for 12 to 15 minutes. Keep an eye on them! We are looking for the edges to just start kissing golden brown—the centers should stay quite pale. That’s how you know they are done but still tender. Let them hang out on the hot pan for five minutes after they come out; they are fragile right now. Then, gently move them over to a wire rack where they need to cool down completely. Seriously, completely cool before you even *think* about glazing them!

Applying the Vanilla Glaze

While your cookies cool off, whisk up the glaze. Just blend the powdered sugar, vanilla, and your choice of milk or cream. If it looks like you can paint your house with it, it’s too thick! Add milk just a teaspoon at a time until it sighs off the whisk. Once those Buttery Cookies Baking are stone cold, you can either dip the rounded tops right into the glaze or use a fork to zigzag a nice, delicate drizzle across them. Let that pretty glaze set up, and then get ready to enjoy the best gourmet cookie recipe for tea time!

Tips for Success with Tea Infused Cookies

Working with tea infused cookies, especially delicate shortbread, is all about controlling those strong flavor elements without compromising the buttery texture. I want you all to feel like baking pros when you nail these! My biggest piece of kitchen wisdom here relates to the butter:

Make sure your butter is truly cool when you mix it with the sugar initially—not cold, but definitely not greasy or warm. Warm butter just encourages spreading. Also, remember that the flavor of our cookies deepens slightly overnight! If you can let them sit in an airtight container for 12 hours before glazing, you’ll notice a richer Earl Grey note. For other comforting bakes that come together easily, you can peek at my guide for the best scones recipe!

Storing Your Homemade London Fog Cookies

Don’t you hate when perfectly baked treats go stale too fast? Since these are buttery shortbread, they actually hold up really well! The key is keeping the air out so that lovely tea flavor—our signature bergamot kick—stays locked inside. I always keep mine in a single layer inside a truly airtight container.

If you glazed them, let that glaze set up completely before you seal the lid, otherwise, you’ll get condensation, and that makes the glaze sticky all over again. Stored happily at cool room temperature, these cookies stay delicious for a good five to seven days. If you need to make them ahead of time, I suggest freezing them *unglazed*! You can find my best tips for quick freezer recipes here if you get ambitious!

Serving Suggestions for London Fog Cookies

These aren’t just cookies; they are the perfect centerpiece for a lovely little break in the day. Since we created these as the ultimate in Afternoon Tea Cookies, pairing them with the right drink makes all the difference. Of course, they are divine with a simple cup of hot Earl Grey to double down on that bergamot!

But honestly, they are just as wonderful with a plain warm glass of milk—the creaminess plays so well against the buttery shortbread texture. For something truly cozy, try them alongside a vanilla bean latte! For more ideas that fit right into your daily rhythm, check out my easy breakfast recipes!

Frequently Asked Questions About London Fog Cookies

I know you’re probably excited to start baking these gourmet cookie recipes, but sometimes questions pop up when you’re trying something new, especially when baking with tea! Don’t stress. Dealing with these unique flavor profiles in a buttery base is simple once you know the ropes. Here are a few things I get asked most often about making the best London Fog Recipe at home.

Can I use tea bags instead of loose leaf tea in my london fog cookies?

Absolutely, you can! I’ve always told people it’s totally fine to use tea bags if that’s what you have on hand, but you need to make sure you use two good quality tea bags to get that equivalent of two tablespoons of loose leaf tea. Just carefully snip the tops off the bags and pour out the leaves into your spice grinder. Be sure to toss out the actual string and tag before measuring!

What is the best way to get a strong Earl Grey flavor?

This goes back to the grinding! To get that wonderful, bold Earl Grey flavor that really shines through in these Shortbread Cookies Earl Grey recipes, you have to make sure those leaves are pulverized until they are super fine—think flour consistency. Strong flavor comes from fine contact with the fat in the butter, so the better you grind them, the more pronounced your bergamot notes will be. It really makes a difference compared to just crushing them a little bit.

Are these Shortbread Cookies Earl Grey recipes easy to freeze?

Yes, they are perfect for freezing, which is great if you’re making ahead for a party or need some quick homemade tea time treats later in the week. Bake them completely, let them cool, and store them in a single layer in a freezer-safe container. They keep wonderfully for up to three months. I only recommend applying the glaze *after* you have thawed them completely, though!

Estimated Nutritional Data for London Fog Cookies

Now, I want to be super honest—Sarah here isn’t a nutritionist, and these cookies are made with butter and sugar, so they are certainly a treat! But I know you appreciate transparency. The numbers below are just estimates based on calculating the primary ingredients used in this specific batch of buttery cookies baking. If you’re leaning toward making healthier choices during the week, you can always check out our healthy lunch recipes for an idea!

  • Serving Size: 1 cookie
  • Calories: 130
  • Sugar: 10g
  • Fat: 9g
  • Protein: 1g
Print

London Fog Shortbread Cookies with Bergamot Glaze

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Bake these elegant London Fog Shortbread Cookies infused with Earl Grey tea for a sophisticated afternoon tea treat. They feature subtle bergamot notes and a simple vanilla glaze.

  • Author: sarah_hearthbite
  • Prep Time: 20 min
  • Cook Time: 15 min
  • Total Time: 95 min
  • Yield: 24 cookies 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

Scale
  • 1 cup unsalted butter, softened
  • 1/2 cup granulated sugar
  • 1 teaspoon vanilla extract
  • 2 tablespoons finely ground Earl Grey tea leaves (use 2 tea bags)
  • 2 cups all-purpose flour
  • 1/4 teaspoon salt
  • For the Glaze: 1 cup powdered sugar
  • 2 tablespoons milk or cream
  • 1/2 teaspoon vanilla extract
  • 1/4 teaspoon lemon juice (optional, for brightness)

Instructions

  1. Combine the finely ground Earl Grey tea leaves with the flour and salt in a medium bowl. Whisk to distribute the tea evenly.
  2. In a large bowl, cream the softened butter and granulated sugar together with an electric mixer until light and fluffy, about 3 minutes.
  3. Beat in the vanilla extract.
  4. Gradually add the flour mixture to the butter mixture, mixing on low speed until just combined. Do not overmix. The dough will be stiff.
  5. Shape the dough into a disk, wrap it in plastic wrap, and chill in the refrigerator for at least 1 hour.
  6. Preheat your oven to 325°F (160°C). Line baking sheets with parchment paper.
  7. On a lightly floured surface, roll the chilled dough out to about 1/4 inch thickness. Cut the dough into desired shapes (squares or circles work well).
  8. Place the cutouts onto the prepared baking sheets. Prick the tops of the cookies a few times with a fork.
  9. Bake for 12 to 15 minutes, or until the edges are lightly golden. The centers should remain pale.
  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 or cream, vanilla extract, and lemon juice (if using) until smooth. Add more liquid, one teaspoon at a time, if the glaze is too thick.
  12. Once the cookies are completely cool, drizzle or dip the tops into the glaze. Let the glaze set before serving.

Notes

  • For the best Earl Grey flavor, use high-quality loose-leaf tea. Grind the leaves finely using a spice grinder or food processor before measuring.
  • If you prefer a stronger bergamot flavor, add 1/4 teaspoon of pure bergamot extract to the dough along with the vanilla.
  • For an elegant touch, dust the cooled, unglazed cookies lightly with powdered sugar instead of using the glaze.

Nutrition

  • Serving Size: 1 cookie
  • Calories: 130
  • Sugar: 10
  • Sodium: 45
  • Fat: 9
  • Saturated Fat: 5
  • Unsaturated Fat: 4
  • Trans Fat: 0
  • Carbohydrates: 12
  • Fiber: 0
  • Protein: 1
  • Cholesterol: 25

Did you make this recipe?

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

Leave a Comment

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