Earl Grey Cookies: A Delicious Tea-Infused Treat with Step-by-Step Recipe

Nothing beats the comforting aroma of freshly baked Earl Grey cookies wafting through the kitchen. These buttery, citrusy delights bring together the rich, floral notes of Earl Grey tea with the perfect crunch of a homemade cookie. Whether you’re a tea lover or simply a fan of unique baked goods, this recipe is bound to become a staple in your kitchen.

In this guide, we’ll dive deep into everything you need to know about making tea-flavored cookies. From the ingredients and step-by-step recipe to variations and storage tips, you’ll find all the details to bake the most irresistible batch. Plus, we’ll explore the best beverages to pair with these cookies and answer some of the most frequently asked questions.

So, grab your apron, preheat the oven, and let’s get baking!

What Are Earl Grey Cookies?

Close-up of a tea-infused cookie with bergamot zest
A single Earl Grey cookie, showcasing its crisp edges and delicate tea-infused texture.

Understanding Earl Grey cookies

You may have tried classic sugar cookies or buttery shortbread, but have you ever tasted one infused with the distinct flavor of Earl Grey tea? These cookies aren’t just about sweetness—they offer an intriguing blend of citrusy bergamot, floral hints, and a delicate tea aroma that sets them apart from regular treats.

When you grind Earl Grey tea leaves and mix them into the dough, they release their natural oils, intensifying the flavor. The result? A crisp-yet-tender cookie with a light, refreshing twist—perfect for tea time or as an afternoon snack.

The unique flavors of tea-infused cookies

Tea leaves, bergamot, and vanilla next to cookie ingredients
These simple yet flavorful ingredients make Earl Grey cookies a must-try!

What makes Earl Grey cookies so special? It’s all about the flavor balance:

  • Citrusy brightnessBergamot oil, a key component of Earl Grey tea, adds a subtle tangy note.
  • Floral undertones – Depending on the blend, the tea may contain lavender, rose, or other floral essences.
  • Rich and buttery texture – These cookies melt in your mouth, thanks to the combination of butter and sugar.
  • Delicate sweetness – Unlike overly sugary treats, these cookies let the natural flavors shine.

How Earl Grey tea enhances baked goods

Baking with tea isn’t just about adding flavor—it’s also about creating a multisensory experience. The warmth of the oven releases the tea’s essential oils, infusing the cookies with an irresistible aroma. Plus, the slightly tannic nature of Earl Grey balances the sweetness, making each bite more satisfying.

Ingredients and Substitutions

When it comes to baking the perfect batch of Earl Grey cookies, the right ingredients make all the difference. The beauty of this recipe lies in its simplicity—just a few pantry staples come together to create a treat that’s both aromatic and indulgent. Let’s break down what you’ll need and explore some creative substitutions to fit different dietary needs.

Essential Ingredients for the Best Earl Grey cookies

1. Butter – The Key to a Buttery, Crisp Texture

Softened butter being mixed with sugar
The secret to soft, melt-in-your-mouth cookies? Creaming butter and sugar just right!

Butter is the foundation of these cookies, giving them a rich, melt-in-your-mouth feel. For the best results:

2. Sugar – The Right Balance of Sweetness

A combination of sugars can enhance both the texture and taste:

  • Granulated sugar for crisp edges.
  • Powdered sugar for a softer, melt-in-your-mouth consistency.
  • Brown sugar (optional) if you prefer a slight chewiness.

3. Flour – The Structural Backbone

All-purpose flour works best for a delicate yet sturdy cookie. If you want a lighter texture, you can:

  • Sift the flour to avoid dense cookies.
  • Replace up to ¼ cup with cornstarch for a more tender crumb.

4. Earl Grey tea leaves – The Star Ingredient

To maximize the flavor:

  • Use high-quality loose-leaf Earl Grey tea for a more intense aroma.
  • If using tea bags, cut them open and finely grind the contents.
  • A fine powder ensures even distribution of flavor in the dough.

5. Vanilla Extract – The Flavor Enhancer

A splash of pure vanilla extract rounds out the bergamot and floral notes, making each bite more balanced.

6. Eggs – For Structure and Moisture

Eggs act as a binder, ensuring your cookies hold their shape while staying tender inside. If you’re baking egg-free, don’t worry—there are great alternatives!

Ingredient Substitutions and Variations

No need to skip these tea-infused cookies if you have dietary restrictions! Here are some simple swaps:

Vegan Substitutions

  • Butter → Vegan butter or coconut oil (for a slightly different texture).
  • Eggs → Flaxseed or chia egg (1 tbsp ground flaxseed + 2.5 tbsp water = 1 egg).

Gluten-Free Alternatives

  • Use a 1:1 gluten-free baking flour for a seamless swap.
  • Almond flour can work, but the texture will be softer and slightly crumbly.

Low-Sugar & Healthier Options

  • Replace white sugar with coconut sugar for a natural sweetness.
  • Use monk fruit sweetener or a small amount of maple syrup if reducing sugar.

Step-by-Step Recipe

Now that you’ve gathered your ingredients, it’s time to turn them into a batch of delicious, buttery Earl Grey cookies. This step-by-step guide ensures your cookies come out perfectly every time—crispy on the edges, soft in the center, and packed with aromatic Earl Grey tea flavor.

How to Make the Best Earl Grey Cookies

Mixing Earl Grey tea into cookie dough
The ground Earl Grey tea gives these cookies their signature flavor and aroma.

Step 1 – Preparing the Ingredients

Before you start mixing, make sure everything is ready:
Soften the butter at room temperature for at least 30 minutes.
Grind the Earl Grey tea leaves into a fine powder using a spice grinder or mortar and pestle.
Preheat the oven to 350°F (175°C).
Line a baking sheet with parchment paper to prevent sticking.

Pro Tip: Finely grinding the tea ensures even distribution, so every bite is infused with its delicate, citrusy flavor.

Step 2 – Creaming the Butter and Sugar

  1. In a large bowl, use a hand mixer or stand mixer to cream the butter and sugar together until the mixture becomes light and fluffy (about 2-3 minutes).
  2. Add the ground Earl Grey tea and continue mixing until well incorporated.

Why this step matters: Creaming traps air in the dough, resulting in a lighter, softer cookie.

Step 3 – Adding the Wet Ingredients

  1. Beat in the egg (or egg substitute) and vanilla extract, mixing until smooth.
  2. Scrape down the sides of the bowl to ensure everything is evenly combined.

Step 4 – Mixing in the Dry Ingredients

  1. In a separate bowl, whisk together the flour, baking powder, and salt.
  2. Gradually add the dry ingredients to the wet mixture, mixing on low speed until just combined.

Avoid overmixing! Overworking the dough can make the cookies dense instead of tender.

Step 5 – Chilling the Dough (Optional but Recommended)

For the best flavor and texture, chill the dough for at least 30 minutes (or up to 24 hours).

  • This helps develop the flavors.
  • It prevents the cookies from spreading too much during baking.

Short on time? You can skip chilling, but expect slightly flatter cookies.

Step 6 – Shaping and Baking the Cookies

Cookie dough balls on a baking sheet
Rolling and placing cookie dough ensures even baking!
  1. Scoop out 1 to 1.5 tablespoon-sized portions of dough and roll them into balls.
  2. Place them 2 inches apart on the lined baking sheet.
  3. Bake for 10-12 minutes or until the edges turn golden brown.

Tip: If you want crispier cookies, bake them for an extra 1-2 minutes.

Step 7 – Cooling and Enjoying

Freshly baked cookies cooling on a wire rack
Letting cookies cool properly helps them develop the perfect texture.
  1. Let the cookies cool on the baking sheet for 5 minutes before transferring them to a wire rack.
  2. Once cooled, serve with a cup of hot Earl Grey tea for the ultimate flavor pairing.

Popular Variations of Earl Grey Cookies

While classic Earl Grey cookies are already a treat, experimenting with different flavors and textures can take them to the next level. Whether you love a floral twist, a crispy shortbread texture, or a zesty glaze, these variations will help you customize your cookies to suit your taste.

Different Takes on Earl Grey Cookies

1. Lavender Earl Grey Cookies – A Floral Delight 🌸

Adding dried lavender enhances the floral notes in Earl Grey tea, making the cookies even more fragrant. This version is perfect for those who enjoy delicate, aromatic desserts.

How to make it:

  • Add ½ teaspoon of dried culinary lavender (finely ground) to the dough.
  • Pair with honey or vanilla glaze for extra sweetness.

Pro Tip: Be cautious with lavender—it’s strong! A little goes a long way.

2. Earl Grey Shortbread Cookies – Buttery & Crisp 🧈

If you prefer a crispier, melt-in-your-mouth texture, try making a shortbread version. These cookies contain no eggs, making them extra rich and crumbly.

How to make it:

  • Reduce sugar slightly and use only butter, flour, and sugar.
  • Chill the dough for at least an hour before slicing and baking.
  • Bake at a lower temperature (325°F / 160°C) for a more delicate texture.

Want more crunch? Sprinkle the tops with coarse sugar before baking!

3. Browned Butter Earl Grey Cookies – Deep, Caramelized Flavor 🔥

Browned butter adds a nutty, toffee-like depth to the cookies, enhancing their richness.

How to make it:

  • Melt the butter in a saucepan over medium heat until it turns golden brown and smells nutty.
  • Let it cool before mixing with the sugar.

Extra Tip: Pair these with dark chocolate chips for an even richer taste.

4. Lemon-Glazed Earl Grey Cookies – A Citrusy Burst 🍋

Earl Grey cookies drizzled with lemon glaze
A citrusy twist to classic Earl Grey cookies—light, tangy, and sweet!

Since Earl Grey tea is infused with bergamot (a citrus fruit), a lemon glaze naturally complements its flavor.

How to make it:

  • Mix 1 cup powdered sugar with 1-2 tablespoons of fresh lemon juice.
  • Drizzle over cooled cookies for a refreshing finish.

For a stronger citrus kick: Add lemon zest to the dough before baking.

There’s no wrong way to enjoy tea-flavored cookies! Whether you go for floral, buttery, nutty, or citrusy, each version brings out a unique side of Earl Grey’s magic.

Best Tea Pairings for Earl Grey Cookies

There’s something undeniably comforting about enjoying Earl Grey cookies with a warm beverage. Since these cookies already have a delicate bergamot and black tea flavor, pairing them with the right tea (or other drinks) can enhance their taste even more. Let’s explore the best options to complement your tea-infused cookies!

What to Serve with Earl Grey Cookies?

Tea pairings with cookies on a table
The perfect tea and cookie pairing for a relaxing afternoon.

1. Classic Earl Grey Tea – The Perfect Match ☕

It may seem obvious, but pairing Earl Grey cookies with a fresh cup of Earl Grey tea intensifies their citrusy, floral flavors. The warm, fragrant tea enhances the bergamot notes in the cookies, making each bite even more delightful.

Best choice: A strong black Earl Grey tea with no milk for a full-bodied flavor experience.

2. Chamomile Tea – A Floral & Soothing Option 🌼

If you prefer something caffeine-free, chamomile tea is a great alternative. Its delicate floral notes complement the tea-infused cookies without overpowering them.

Why it works: Chamomile has a natural honey-like sweetness that balances the light citrus tones of Earl Grey cookies.

3. Green Tea – A Light & Refreshing Contrast 🍃

For a less intense pairing, green tea brings out the buttery richness of the cookies while keeping the palate refreshed. Try a jasmine green tea for an extra floral touch.

Pro Tip: Avoid overly grassy green teas; opt for a mild, floral blend instead.

4. Rooibos Tea – A Naturally Sweet & Caffeine-Free Choice 🌿

Rooibos tea has a natural caramel-like flavor that pairs beautifully with the buttery richness of Earl Grey cookies. Since it’s caffeine-free, it’s a great evening option!

Best choice: A vanilla rooibos blend enhances the cookie’s warm, cozy flavors.

5. Milk or Oat Milk – A Creamy Alternative 🥛

Not a tea drinker? No problem! A glass of warm milk (or oat milk for a dairy-free option) makes these cookies feel like an even more indulgent treat. The creamy texture complements the crumbly, buttery consistency of the cookies.

Whether you go for a classic Earl Grey tea or experiment with herbal and creamy pairings, the right beverage can elevate the taste of your cookies.

Storage and Shelf Life of Earl Grey Cookies

After baking a delicious batch of Earl Grey cookies, the last thing you want is for them to go stale too quickly. Proper storage ensures they stay fresh, crisp, and flavorful for as long as possible. Whether you plan to enjoy them over a few days or save some for later, here’s how to store your cookies the right way.

How to Store Earl Grey Cookies for Maximum Freshness

Cookies stored in an airtight glass container
Keep your cookies crisp and flavorful with proper storage!

1. Storing at Room Temperature 🍪

For short-term storage, keep your cookies in an airtight container at room temperature.
Best storage method: Use a glass or metal tin lined with parchment paper.
Shelf life: 5–7 days before they start losing freshness.
Pro Tip: Add a slice of bread to the container—it helps maintain moisture and keeps cookies from drying out!

2. Refrigerating for Extended Freshness ❄️

If you need your cookies to last longer than a week, refrigeration is an option. However, it can slightly change their texture.
How to store: Place in an airtight container with layers of parchment paper between them.
Shelf life: Up to 2 weeks (let them sit at room temperature before serving).
Downside: Refrigeration can make cookies slightly harder, so warming them up before eating is recommended.

3. Freezing for Long-Term Storage 🧊

Cookie dough balls in a freezer-safe bag
Want fresh cookies anytime? Freeze the dough for easy baking!

Freezing is the best way to preserve Earl Grey cookies for months without losing flavor or texture.
How to freeze baked cookies:

  • Allow cookies to cool completely.
  • Place them in a single layer on a baking sheet and freeze for 1 hour.
  • Transfer them to a freezer-safe bag or container with parchment paper between layers.
    Shelf life: Up to 3 months in the freezer.

How to freeze cookie dough:

  • Shape the dough into individual balls and freeze on a baking sheet.
  • Once solid, transfer them to a freezer bag.
  • When ready to bake, place frozen dough balls on a baking sheet and add 2 extra minutes to the baking time.

Bonus Tip: Want fresh cookies anytime? Bake a small batch and freeze the rest of the dough for later!

Final Thoughts: Why Earl Grey Cookies Are a Must-Try

From their buttery, crisp texture to their fragrant bergamot aroma, Earl Grey cookies are a unique and delightful treat for tea lovers and cookie enthusiasts alike. Whether you enjoy them plain, with a citrusy glaze, or alongside a warm cup of freshly brewed Earl Grey tea, these cookies are perfect for any occasion.

Now it’s your turn! Try out the recipe, experiment with different variations, and don’t forget to pair them with your favorite tea for the ultimate experience.

Happy baking! 🍪☕✨

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Freshly Baked Earl Grey Cookies with Tea

Earl Grey Cookies: A Delicious Tea-Infused Treat with Step-by-Step Recipe


  • Author: margaret carter
  • Total Time: 25 minutes
  • Yield: 20 cookies 1x
  • Diet: Vegetarian

Description

These Earl Grey cookies are delicately crisp on the edges, soft in the center, and infused with the fragrant citrus-floral notes of Earl Grey tea. The combination of butter, vanilla, and bergamot creates a unique, melt-in-your-mouth treat that pairs perfectly with a warm cup of tea. Whether you’re a tea enthusiast or simply love aromatic baked goods, this easy-to-make recipe will quickly become a favorite!


Ingredients

Scale

Dry Ingredients:

  • 1 ¾ cups (220g) all-purpose flour
  • 1 tablespoon finely ground Earl Grey tea leaves (from about 2 tea bags)
  • ½ teaspoon baking powder
  • ¼ teaspoon salt

Wet Ingredients:

  • ¾ cup (170g) unsalted butter, softened
  • ¾ cup (150g) granulated sugar
  • 1 large egg
  • 1 teaspoon pure vanilla extract

Optional Glaze (for extra flavor):

  • ½ cup (60g) powdered sugar
  • 12 tablespoons fresh lemon juice

Instructions

  • Prepare the Ingredients:

    • Let the butter soften at room temperature.
    • Finely grind the Earl Grey tea leaves using a spice grinder or mortar and pestle.
  • Mix the Dry Ingredients:

    • In a bowl, whisk together the flour, ground Earl Grey tea, baking powder, and salt.
  • Cream the Butter and Sugar:

    • In a separate large bowl, use a hand mixer or stand mixer to cream the butter and sugar until fluffy (about 2 minutes).
  • Add Wet Ingredients:

    • Beat in the egg and vanilla extract until fully combined.
  • Combine Wet and Dry Ingredients:

    • Gradually add the dry mixture into the wet mixture, stirring just until a dough forms. Avoid overmixing.
  • Chill the Dough: (Optional but recommended for better texture)

    • Cover the dough with plastic wrap and chill in the refrigerator for 30 minutes to 1 hour.
  • Preheat the Oven & Shape the Cookies:

    • Preheat your oven to 350°F (175°C).
    • Line a baking sheet with parchment paper.
    • Scoop 1 tablespoon of dough, roll it into a ball, and place it on the baking sheet 2 inches apart.
  • Bake the Cookies:

    • Bake for 10–12 minutes, or until the edges turn light golden brown.
    • Let them cool on the baking sheet for 5 minutes, then transfer to a wire rack.
  • Optional Lemon Glaze: (For extra citrusy flavor)

    • Whisk together powdered sugar and lemon juice until smooth.
    • Drizzle over cooled cookies and let set before serving.

Notes

Make it Vegan: Substitute butter with vegan butter and egg with a flaxseed egg (1 tbsp ground flaxseed + 2.5 tbsp water).
Make it Gluten-Free: Use a 1:1 gluten-free flour blend instead of all-purpose flour.
Storage Tips: Store in an airtight container at room temperature for up to 5 days or freeze for up to 3 months.
For Extra Flavor: Brown the butter before mixing for a nutty, caramelized depth.

  • Prep Time: 15 minutes
  • Cook Time: 10 minutes
  • Category: brekfast, Cookies
  • Method: baking
  • Cuisine: British, European-inspired

Nutrition

  • Serving Size: 1 cookie
  • Calories: 120 kcal
  • Sugar: 7g
  • Sodium: 40mg
  • Fat: 7g
  • Saturated Fat: 4.5g
  • Unsaturated Fat: 2.5g
  • Trans Fat: 0g
  • Carbohydrates: 13g
  • Fiber: 0.5g
  • Protein: 1.5g
  • Cholesterol: 20mg

Keywords: Earl Grey cookies, tea cookies, tea-infused cookies, butter cookies, citrus cookies, bergamot cookies, tea biscuits, shortbread cookies, homemade cookies, easy baking recipes

Leave a Comment

Recipe rating