earl grey chocolate chip cookies

About These Earl Grey Chocolate Chip Cookies

These Earl Grey chocolate chip cookies are infused with the floral, black tea flavor of Earl Grey tea. It’s the perfect recipe for tea lovers, and those who typically enjoy their coffee and tea with a side of something sweet.

The best part? Like any good chocolate chip cookie, these Earl Grey chocolate chip cookies are fudgy in the center, crisp on the edges, and filled with pools of melted chocolate.

For more delicious homemade chocolate chip cookie recipes on Hummingbird High, check out my site’s Cookie Recipe archive! Popular recipes include these Lavender Earl Grey Cookies and this Snickerdoodle Recipe Without Cream of Tartar!

earl grey chocolate chip cookies
earl grey chocolate chip cookies

Ingredients and Substitutions

Sources and Recommendations

  • Earl Grey Tea. My favorite Earl Grey tea is this Sweet and Creamy Earl Grey Tea from Aroma Tea Shop. It has a very distinct vanilla and cream flavor that other Earl Grey teas don’t have, in addition to a sprinkling of pretty blue cornflower blossoms. These are the blue flower petals that you see on my cookies! You can also buy the cornflower blossom petals individually online from Kalustyan’s (my favorite spice store in New York City).

  • All-Purpose Flour. You can use a 1-1 gluten free all purpose flour replacer to make the recipe gluten free. I like Bob’s Red Mill Gluten Free 1 to 1 Baking Flour or King Arthur Flour Gluten Free All Purpose Flour.

  • Kosher Salt. Kosher salt is the best salt for baking recipes. But you can replace the kosher salt in the recipe with table salt. Just use half the amount listed in the recipe when you do!

  • Brown Sugar. Although I typically prefer dark brown sugar for chocolate chip cookie recipes, it can overwhelm the Earl Grey tea flavor in this recipe. So instead, I recommend using light brown sugar for these Earl Grey chocolate chip cookies. However, if dark brown sugar is all you have, go for it! Your cookies will still be plenty tasty.

  • Chocolate. For these cookies, I used Valrhona’s Caraïbe 66% dark chocolate fèves. You can buy them online. But check out my post on The Best Chocolate For Chocolate Chip Cookies, which discusses why you should use dark chocolate with cacao percentages, chopped chocolate from baking bars and/or fèves, and more when making chocolate chip cookies!

Do I use looseleaf Earl Grey tea or Earl Grey tea from a teabag to make these cookies?

You can use either looseleaf Earl Grey tea or Earl Grey tea from a teabag to make these cookies! Truthfully, Earl Grey tea from a teabag is much easier to work with. It already comes pretty ground up! All you need to do is snip a couple of bags of Earl Grey tea open and measure out the 1 Tablespoon needed for these cookies. It takes approximately 3 tea bags to get 1 Tablespoon of ground Earl Grey tea.

Wait, what are chocolate fèves? Are they the same thing as chocolate baking discs and wafers?

Chocolate fèves are a fancy pastry school term for a flat, bean-shaped disc of chocolate. When baked in a cookie recipe, the fèves don’t hold their shape (similar to how chocolate chips typically do) and instead melt into puddles. These puddles give your cookies thin layers of chocolate throughout every bite. The most prominent maker of chocolate fèves is one of my favorite chocolate makers, Valrhona Chocolate

Unfortunately, as much as I love Valrhona chocolate, their chocolate fèves can be hard to find at your average grocery store. I typically buy Valrhona products online at Amazon, King Arthur Baking Company, or Valrhona’s online store. But if you don’t want to buy online, rest assured that other chocolate makers make similar products. Notably, Guittard Chocolate Company makes chocolate wafers. These wafers are similar to fèves, but more circular in shape. I’ve seen Guittard chocolate wafers at select Safeway, Target, and Whole Foods stores.

Do I really need to use fèves?

If there’s one thing I want you to take away from my blog, it’s this: don’t skimp on chocolate. Most grocery store brands—even the ones that offer products specifically made for baking—contain all sorts of additives like paraffin wax and palm oil. These ingredients compromise the flavor and texture of your results. I’ve stopped using chocolate chips in 90 percent of my recipes, and my baked goods have tasted so much better as a result. 

earl grey chocolate chip cookies
earl grey chocolate chip cookies

Recipe Troubleshooting and FAQ

Help! My cookie dough feels really dry. The dough was too dry to hold together when I scooped the cookies. What did I do wrong?

Okay, there are several things that could be responsible for dry Earl Grey chocolate chip cookie dough:

You overheated your butter.

Throughout this blog post, I repeatedly stress the importance of melting the butter gently. If you melt the butter too quickly or over too high of a heat, too much water will evaporate from the butter! And less water in the butter means that your dough will turn out drier.

How do you know if you’ve overheated your butter? First things first, listen to the butter as you melt it. At no point should the butter sizzle, crackle, or pop. Those noises indicate water is evaporating from the butter.

Second: did your butter remain a pale yellow color, or did it start to darken and turn brown slightly? If the latter, it means that water has evaporated from the butter and you’ve started to make brown butter. While that’s a desired result for some recipes (like these Brown Butter Toffee Chocolate Chip Cookies or S’mores Chocolate Chip Cookies), you don’t want that for these Earl Grey ones.

You steeped the butter and Earl Grey tea together for too long.

In the recipe, I instruct you to melt the butter, then add the Earl Grey tea. I then instruct you to prep the rest of the ingredients by whisking the dry ingredients together, and organizing the sugar, eggs, and extract. Doing so will take around 2 to 3 minutes. That’s just enough time for the Earl Grey tea to begin steeping the butter with its flavor, but not so much time for the Earl Grey tea to absorb a significant amount of liquid from the butter.

However, something came up while you were in the middle of the recipe. So you figured you’d leave the butter and tea together for now, and come back to it later. Besides—a longer steep means a stronger Earl Grey flavor, right? That doesn’t seem so bad.

And while I am usually in favor of this kind of critical thinking in the kitchen, unfortunately, it doesn’t work for these cookies. While you end up with a stronger Earl Grey flavor, the tea leaves have a tendency to absorb too much liquid from the butter. You’ll end up with a dry Earl Grey chocolate chip cookie dough.

Luckily, we can fix the issues I described above!

First things first—you’ll be able to tell if your cookie dough is too dry after adding the dry ingredients to the butter, sugar, and eggs. If at this point you think it’s too dry, add 1 large egg yolk. Then, add the chocolate.

The egg yolk will add moisture to the cookie dough. However, your cookies will come out slightly cakier—in both texture and appearance—than mine. You may also need to add 1 to 2 minutes of extra Bake Time to the recipe.

Don’t panic! We can fix this pretty easily. 

If your dough feels greasy and loose, it’s likely that you used butter that was still too hot to meld with the rest of the ingredients. To fix the issue, simply place the entire bowl of cookie dough in the refrigerator for 10 minutes. Doing so will help the dough firm up. After 10 minutes, check the dough. If it still feels too loose, give it another 5 to 10 minutes in the fridge. However, I don’t recommend chilling it for longer—doing so will harden the cookie dough too much and make it really hard to scoop!

Help! My Earl Grey chocolate chip cookies spread way too much. They look much thinner and more brittle than yours. What did I do wrong?

Ah. First things first, scroll up and read the preceding question and come back. Now—did you skip the chilling period and bake the cookies right away, when the dough felt super greasy and loose? If so, that means that the butter was still too hot from being melted. Butter that’s too hot causes the cookies to spread out way too much in the oven, creating thin and brittle cookies.

Alternatively, if you chilled the cookie dough and your cookies still came out too thin and brittle, you may have an ingredients issue. It’s likely that you used way too much sugar by accidentally packing in too much in the measuring cup. See the next question below for more info on how to properly use measuring cups!

Help! My cookies came out too puffy. They didn’t sink after baking and don’t look flat like yours. What did I do wrong?

Check out my troubleshooting guide on How To Fix Puffy Cookies (And Other Cookie Baking Fails)!

Can I freeze Earl Grey chocolate chip cookies?

Yes! You can freeze the Earl Grey chocolate chip cookies cookies in the following ways:

  1. Freeze the UNBAKED Earl Grey chocolate chip cookies.
    Follow the recipe instructions to make the cookie dough and scoop them out into cookie dough balls. Place the cookie dough balls in a small sheet pan. Cover the pan with plastic wrap and freeze for at least 1 hour, or until the cookie dough balls are frozen solid. Transfer the cookie dough balls to a zip-top bag and freeze for up to 1 year.

    To bake the frozen cookie dough balls, follow the recipe instructions to preheat the oven and arrange the cookie dough balls on a sheet pan. There’s no need to thaw the cookies beforehand—you can bake from frozen. Bake for 12 minutes, or until the edges have set but the centers are still gooey.

  2. Freeze the BAKED Earl Grey chocolate chip cookies.
    Individually wrap any leftover chocolate chip cookies in two layers of plastic wrap, then a layer of aluminum foil. The aluminum foil will prevent the cookies from absorbing any other flavors or odors in the freezer. When ready to serve, transfer to the refrigerator to chill overnight. Rewarm in the microwave or in the oven at 350°F for 5 minutes before serving.

My Best Recipe Tips

Technique Tips

  • Be mindful when melting the butter for these cookies! You don’t want the butter to sizzle, crackle, or pop. I like to chop it up into 1-inch cubes then melt it in a small sauce pot over medium-low heat. Be sure to stir the butter constantly as it melts to help prevent it from overheating.

  • The fastest and easiest way to portion cookie dough is with a cookie dough scoop. Most cookie recipes work best with either a 3-Tablespoon cookie dough scoop (my personal fave for cookie recipes!) or a 4-Tablespoon cookie dough scoop. Use the scoop to portion the dough into cookie dough balls, placing the cookie dough balls on a lined sheet pan as you go.

Baking Tips

  • Leave the cookies out at room temperature while the oven preheats. Doing so thaws the cookies slightly and will ensure that they spread properly when baked!

  • I like to bake the cookies one pan at a time. I find that doing so makes the best cookies, ensuring that none of them have overly burnt bottoms or raw centers. However, to save time, you can bake two sheet pans at once. Position a rack in the upper-third position of the oven, and a second one in the lower-third position of the oven. Bake a pan on each rack, swapping their positions half way through the Bake Time.

Get the Recipe: Earl Grey Chocolate Chip Cookie Recipe

Upgrade a classic chocolate chip cookie recipe with Earl Grey tea! These Earl Grey chocolate chip cookies are infused with Earl Grey. The tea complements the dark chocolate and gives the cookies a unique, floral taste and aroma.
(4.99 stars) 54 reviews
Leave a Review

Ingredients

For the Earl Grey Chocolate Chip Cookies

  • ½ cup (4 ounces or 113 grams) unsalted butter, cut into 1-inch cubes
  • 1 Tablespoon finely ground Earl Grey tea (from 3 tea bags or 4 teaspoons loose leaf tea)
  • 1 ⅔ cup (7.5 ounces or 213 grams) all-purpose flour
  • ½ teaspoon baking powder
  • ½ teaspoon baking soda
  • 1 teaspoon kosher salt
  • ¾ cup tightly packed (5.65 ounces or 160 grams) light OR dark brown sugar
  • ¼ cup (1.75 ounces or 50 grams) granulated sugar
  • 1 large egg, at room temperature
  • 2 teaspoons pure vanilla extract
  • 6 ounces (or 170 grams) dark chocolate (between 60% to 70% cacao), from whole fèves or discs OR a high quality chocolate bar, chopped into ½ to 1-inch pieces

Equipment

  • a 3-Tablespoon cookie dough scoop

Instructions
 

For the Earl Grey Chocolate Chip Cookies

  • Prep the butter. In a medium, heavy-bottomed saucepan, melt the butter over low heat, about 10 minutes. Stir regularly to prevent the butter from getting too hot—at no point should the butter sizzle, crackle, or pop. Once the butter has melted, remove from heat and immediately whisk in the Earl Grey tea.
  • Prep the rest of the ingredients. In a medium bowl, whisk together the flour, baking powder, baking soda and salt. In a large bowl, combine the sugars.
  • Make the cookie dough. Pour the melted butter and tea over the sugars and mix with a heatproof rubber spatula until just combined. Add the egg and vanilla and mix until just combined. Gradually mix in the dry ingredients and mix until just combined. Add the chocolate all at once and mix until evenly distributed throughout.
  • Assemble the cookies. Line a quarter sheet pan with parchment paper. Use a 3-Tablespoon cookie dough scoop to portion the cookie dough into balls, placing them next to each other on the sheet pan. Cover the pan loosely with plastic wrap and refrigerate overnight.
  • Prep your pans and oven. Line two half sheet pans with parchment paper. Place the chilled cookie doughs at least 3 inches apart on the prepared sheet pans. Position a rack in the center of the oven and preheat to 350°F.
  • Bake the cookies. Bake one pan at a time for 10 minutes, or until the edges have set but the centers are still gooey. The cookies will look puffed when you pull them out of the oven, but will fall and crack into the perfect cookies as they cool. Cool the cookies on the pan on a wire rack for 20 minutes, or until the edges and bottoms of the cookies have set and feel firm to the touch. Repeat with the remaining cookie dough.
  • Serve and store. Serve warm or at room temperature. The cookies can be stored in an airtight container or zip-top bag at room temperature for up to 3 days.
Did you make this recipe?Please leave a star rating and review in the form below. I appreciate your feedback, and it helps others, too!

Variation: Bakery-Style Earl Grey Chocolate Chip Cookies

Okay, you made these Earl Grey chocolate chip cookies but felt like the Earl Grey flavor was too subtle. You want something bigger and bolder that screams Earl Grey.

Let me tell you this first—you’re my kind of person. And I have a solution for you, too. Try making this recipe “bakery-style”.

Hold the phone. What are “bakery-style” Earl Grey chocolate chip cookies?

Good question! In general, I started focusing my recipes to be as accessible to as many people as possible. That meant skipping specialty, hard-to-find equipment and/or ingredients. But the truth is that you can get even better results if you DO take the time to source the right equipment and/or ingredients. And when you do, you end up with a baked good that’s worthy of being sold at a bakery.

So what does that mean for this Earl Grey chocolate chip cookie recipe? To make these Earl Grey chocolate chip cookies taste even MORE like Earl Grey, you need some specialty ingredients:

  • Bergamot oil OR Earl Grey extract
  • Fresh bergamot orange zest

What’s bergamot oil and where can I find it?

Recall that, in the ingredients section on this blog post, I talked about how Earl Grey tea is flavored with bergamot orange oil. Without it, Earl Grey tea would just taste like, well, black tea.

So to enhance the Earl Grey tea flavor of these cookies, it’s worth investing in some bergamot oil. Bergamot oil is made from oil squeezed out of bergamot orange rind and zest. Using it in this recipe will concentrate the cookies’ Earl Grey flavor and make it much more intense. Simply replace 1 teaspoon pure vanilla extract with 1 teaspoon bergamot oil.

You can buy bergamot oil online on Amazon. Just watch out—bergamot oil is also frequently sold as an essential oil for perfuming houses. So make sure that the bergamot oil you buy is food-grade and NOT theapeutic grade. I recommend this bergamot oil by LorAnn. I have many of their extracts and oils and think they’re great quality.

Alternatively, if you don’t want to source bergamot oil, you can try sourcing Earl Grey extract.

What is Earl Grey extract and where can I find it?

Earl Grey extract is similar to vanilla extract; however, instead of imparting the recipe with vanilla flavor, it imparts it with Earl Grey. Cool, right?

The downside to Earl Grey extract is that it tends to be artificial and made in a food lab. While it will make your chocolate chip cookies taste more like Earl Grey, it won’t be as flavorful as the bergamot oil route. So instead, I suggest replacing the 2 teaspoons of pure vanilla extract in the recipe with 2 teaspoons Earl Grey extract.

While Earl Grey extract is cheaper than bergamot oil, it can be trickier to find. I occasionally see food grade bergamot oil at fancy herb and spice stores and food co-ops; however, I rarely see Earl Grey extract anywhere. That being said, you can find it online on Amazon. However, aside from that one brand, they don’t have too much variety—most of their offerings are for bergamot oil.

Wait, what about fresh bergamot orange zest?

Ahh yes. Do you live somewhere awesome like California, where produce is abundant and you can get anything you want? If so, you may have access to fresh bergamot oranges! If you do, this is your best bet in making these Earl Grey chocolate chip cookies taste more like Earl Grey! There’s no need to source bergamot oil or extract when you have access to the real thing.

Simply buy one fresh bergamot orange for use in this Earl Grey chocolate chip cookie recipe. Before making the cookies, use a microplane to zest the bergamot orange over the bowl of granulated sugar needed for this recipe. Use your fingers to rub the zest into the sugar—this will infuse the sugar with oils from the zest. Proceed with the recipe as directed, using this sugar and zest to make the cookies.

Michelle holding Weeknight Baking cookbook covering her face.

buy the book
Weeknight Baking:
Recipes to Fit your Schedule

Over the past several years of running Hummingbird High, I kept a crucial aspect of my life hidden from my readers: I had a full-time, extremely demanding job in the tech world. In my debut cookbook, Weeknight Baking, I finally reveal the secrets to baking delicious desserts on a tight schedule.

This post was last updated 9/16/2020.