G-HT4TFH19W6

Cookies

September 10, 2025

Chewy Earl Grey Sugar Cookies – London Fog-Inspired Treat

Bakery-style Earl Grey sugar cookies with soft, chewy centers, crisp edges, and a subtle floral vanilla finish.

Chewy, buttery, and delicately floral, these Earl Grey Sugar Cookies are infused with real tea leaves and finished with a touch of sparkle. The flavor is inspired by a London Fog—a cozy drink made from Earl Grey tea, steamed milk, and a splash of vanilla. I originally made these cookies for my six-year-old’s tea party, where each treat was named after one of her friends. Naturally, when one of the guests was named London, I had to create a London Fog Cookie. It was an instant favorite with the girls—especially little Miss London herself.

Earl Grey Cookies on a baking Sheet.

These Cookies are Perfect For:

  • Afternoon tea parties
  • Edible holiday gifts
  • Cozy baking days
  • Anyone who loves floral, citrusy desserts

More Recipes You'll Love for Tea Parties: 

Why You’ll Love These Earl Grey Cookies

These aren’t your average sugar cookies. The finely ground Earl Grey tea infuses the dough with soft floral and citrus notes, while the extra egg yolk adds richness and a chewy bite. Rolled in coarse sugar for a subtle crunch a cookie you’ll want to keep in your rotation year-round.

Single Earl Grey Cookie with Earl Grey Specks.

Ingredients You’ll Need to Make Earl Grey Cookies

Unsalted Butter
The base of the cookie. Creaming softened butter with sugar creates air pockets that give these cookies their soft, tender texture. Using unsalted butter lets you control the salt level precisely.

Earl Grey Tea Leaves
The star ingredient. Earl Grey tea is infused with bergamot oil, which brings a floral, citrusy note. Finely grinding the tea helps distribute the flavor evenly and prevents a gritty texture.

Granulated Sugar
Provides sweetness and helps create those lightly crisp edges when baked. It also contributes to the cookie’s signature crackly top when rolled in coarse sugar.

Egg + Egg Yolk
The whole egg binds everything together, while the extra yolk adds richness and chewiness. This is what gives the cookies that soft, bakery-style center.

Vanilla Extract
Balances and rounds out the Earl Grey flavor. It adds warmth and gives the cookie that subtle “London Fog” feel.

All-Purpose Flour
Provides structure. Measuring correctly (spooned and leveled or weighed) ensures the cookies stay soft without becoming dense or dry.

Baking Powder + Baking Soda
A combination of both creates the perfect balance:

  • Baking powder = lift
  • Baking soda = spread + slight browning

Together, they give you a soft center with lightly crisp edges.

Salt
Enhances all the flavors and balances the sweetness. Don’t skip this—it makes the Earl Grey and vanilla pop.

Coarse Sugar + Earl Grey (Topping)
Rolling the dough in sugar creates a delicate crunch and sparkle. Adding finely ground Earl Grey to the sugar gives an aromatic finish that hits before the first bite.

Earl Grey Cookie.

How to Make Earl Grey Sugar Cookies

1. Cream the Butter and Earl Grey Tea and Sugar

Preheat oven to 350°F (175°C). In a large bowl, beat the softened butter and Earl Grey tea leaves until combined. Add the sugar and cream for 2–3 minutes until light and fluffy. This step creates that soft, tender texture we want in a sugar cookie.

Earl Grey Tea mixed with Butter.

2. Add Eggs and Vanilla

Mix in the egg, egg yolk and vanilla extract and beat until fully combined.

Wet ingredients batter for earl grey cookies.

4. Mix Dry Ingredients

In a separate bowl, whisk together the flour, salt, baking powder, and baking soda. Gradually mix the dry ingredients into the wet until just combined. Be careful not to overmix.

Earl Grey Cookie Batter.

5. Scoop and Roll

Line a baking sheet with parchment paper. Scoop dough into equal sized dough balls and roll each one in the coarse sugar and earl grey tea mixture. For best flavor and texture, lightly grind the tea leaves before adding to the sugar/earl grey topping mixture. You can place cookie dough in the fridge for up to 24 hours for a deeper flavor.

Earl Grey Tea Leaves mixed with Cane Sugar.
Earl Grey Dough Ball with Sugar Earl Grey Mixture.

7. Bake

Place dough balls at least 2 inches apart on the baking sheet and bake for 11–12 minutes, until edges are set but centers are still soft. They’ll continue to cook slightly as they cool. Let the cookies rest in on the baking sheet for 5 minutes then transfer them to a cooling rack to continue to cool.

Two halves of earl grey cookie stacked on top of a whole cookie.

Baking Tips

  • Use high-quality Earl Grey tea for the best flavor—look for loose-leaf varieties with bergamot oil.
  • If you like stronger tea flavor, finely grind the tea leaves in a spice grinder or food processor or increase to 1.5 tablespoons of tea
  • Try a lemon zest or lavender twist for added complexity.

How to Storage Earl Grey Cookies

Store cookies in an airtight container at room temperature for up to 5 days. You can also freeze unbaked dough balls and bake straight from frozen (add 1–2 extra minutes to baking time).

Frequently Asked Questions

1. What do Earl Grey cookies taste like?

These cookies have a buttery, vanilla-forward sugar cookie base with a floral, citrusy twist from the bergamot in Earl Grey tea. They're cozy, slightly sophisticated, and perfect for tea lovers.

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

Yes! Just cut open 3–4 Earl Grey tea bags and grind the leaves finely before adding to your dough.

3. What is a London Fog flavor?

A London Fog is a warm drink made with Earl Grey tea, steamed milk, and vanilla syrup. This cookie mimics that flavor profile—floral, creamy, and comforting.

4. Do you have to grind the tea for Earl Grey cookies?

I didn't when mixing with the butter in the batter, but I did grind the earl grey when mixing it in the sugar topping to prevent having a gritty texture.

5. Can I make Earl Grey cookies ahead of time?

Yes! The dough can be made ahead and refrigerated for up to 24 hours, or frozen for up to 3 months. You can also freeze the baked cookies.

6. Can I add lemon or lavender to Earl Grey cookies?

Absolutely! Add 1 tsp lemon zest or 1/2 tsp dried culinary lavender for a bright or floral variation that complements the tea flavor.

7. Are Earl Grey cookies caffeinated?

Yes—Earl Grey tea contains caffeine, though a small amount per cookie. You can use decaf Earl Grey for a caffeine-free version.

8. How long do Earl Grey sugar cookies last?

Stored in an airtight container at room temperature, they stay fresh for 4–5 days. For longer storage, freeze for up to 2 months.

9. What desserts go well with Earl Grey tea?

The cookies in this recipe! Also, something light, buttery desserts like shortbread, lemon bars, lavender scones, or vanilla bean cake pair beautifully with Earl Grey.

Chewy Earl Grey Sugar Cookies – London Fog-Inspired Treat

Soft, chewy Earl Grey Sugar Cookies infused with real tea leaves and vanilla. Inspired by a London Fog. Perfect for tea time or elegant gatherings.

Prep:

Time:

Total:

Serving:

15

12

57

9

Mins

Mins

Mins

Cookies

Ingredients

Wet:

  • 1 cup (226) unsalted butter softened
  • 1 TBSP earl grey tea leaves (about 3 -4 tea bags, tear the tea bags and pour the tea leaves into the cookie batter) 
  • 1 cup (200) granulated or cane sugar
  • 1 large egg
  • 1 egg yolk
  • 1 TBSP pure vanilla extract

Dry:

  • 2 1/2 cups (300g)  all-purpose flour, leveled and spooned (*see notes
  • 1/2 tsp  salt
  • 1 tsp baking powder
  • 1/2 tsp baking soda

Topping: 

  • 1/4 cup (50g) sanding, coarse or cane sugar (if you only have granulated sugar you can use that) 
  • 1 tsp earl grey leaves finely grounded

Instructions

  1. Preheat oven to 350°F (175°C).
  2. In a large bowl, beat the softened butter and Earl Grey tea leaves until combined. Add the sugar and cream for 2–3 minutes until light and fluffy. This step creates that soft, tender texture we want in a sugar cookie.
  3. Mix in the egg, egg yolk and vanilla extract until fully combined.
  4. In a separate bowl, whisk together flour, salt, baking powder and baking soda. Gradually fold into the wet mixture using a spatula or wooden spoon.
  5. In a small bowl mix together the topping ingredients, sugar and finely ground earl grey leaves. Lightly grind the tea leaves using a mortar and pestle or spice grinder.
  6. Line a baking sheet with parchment paper. Scoop dough balls , I used a large cookie 3 oz scoop and roll each one in coarse sugar. You can place cookie dough in the fridge for up to 24 hours for a deeper flavor.
  7. Place dough balls at least 2 inches apart on the baking sheet and bake for 11–12 minutes, until edges are set but centers are still soft. If making small cookies check them at 9 minutes. They’ll continue to cook slightly as they cool. Let the cookies rest in on the baking sheet for 5 minutes then transfer them to a cooling rack to continue to cool. Using a circular object like a pastry cutter or bowl shape the warm cookies when they are on the baking tray.

Notes: 

*How to Measure Flour (Correctly)

Measuring flour properly makes a big difference in how baked goods turn out. For best results, use a kitchen scale and measure in grams. This ensures consistency and prevents adding too much flour, which can make the cake dry.

If you don’t have a scale:

  • Do not scoop flour directly with the measuring cup.
  • Use a spoon to gently fill the measuring cup.
  • Level it off with the back of a knife.
  • Do not pack the flour down.

Leave a Comment

Did you make this recipe? I'd love to hear how it turned out. Leave a comment and share your tweaks.

POST COMMENT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

-- / 5 average rating from -- reviews

Author Name
Comment Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. uis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae era

Reply
Author Name
Comment Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. uis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae era

Reply