fbpx Skip to Content

Chocolate Chip and Earl Grey Cookies

Save and share!

Soft, tender and buttery chocolate chip cookies studded with the subtly floral notes of earl grey tea (affiliate link). These earl grey cookies are a fabulous treat you must try!


chocolate chip cookies next to earl grey tea
I know its hard to improve upon a great chocolate chip cookie recipe, but when you combine two things that are lovely by themselves, of course you are going to get one heck of a tasty cookie! You might not be aware of the fact that Earl Grey tea (affiliate link) and chocolate combine gorgeously together, but I’m telling you – its a must-try flavor combination!
** This post contains affiliate links. This means that if you make a purchase using these links, I get a small commission. This doesn’t cost you anything extra, but it does help me to maintain running this site. If you would like to read more about this, you can read it on my Disclosure Page. Thanks for supporting me! 
chocolate chip cookies with earl grey tea
I totally have a problem with Earl Grey Tea (affiliate link), guys. Not only can I not stop drinking it (its my afternoon drink of choice) but I also cannot stop baking with it! I’ve made other earl grey recipes including cake, banana bread, cupcakes, a sourdough loaf, lemon bars, and scones, all with earl grey tea (affiliate link) in them. And now, cookies! Because you can never have too much of a good thing, and in my mind, a good Earl Grey is definitely a good thing! Hmm… Guess I need to start thinking about what I am going to put tea in next…

Love Earl Grey? Try these other Earl Grey flavored Recipes:

I think its important to use a good quality earl grey tea (affiliate link), here! Some of the cheaper varieties have a very harsh bergamot flavor to them, and I don’t think those will lend to nice cookies. You want a more smooth and mellow favor, and I highly recommend using my favorite Earl Grey Tea. I love this Earl Grey because it contains just a pinch of Lavender, which really mellows out the bergamot and compliments the Ceylon tea. With ones of orange peel, vanilla and cornflower, this tea is a beautiful one to enjoy in your mug – AND perfect in these cookies!
I also want to make a note that these cookies are good on day one, but they will get better each day as the flavors bloom. I know its almost impossible to have fresh baked cookies sit on the counter un-eaten, but you will totally be rewarded for stashing a few away! Just don’t forget about them!
Yield: 2 dozen Cookies

Earl Grey Chocolate Chip Cookies

chocolate chip cookies with earl grey tea

Soft, tender and buttery chocolate chip cookies studded with the subtly floral notes of earl grey tea. These earl grey cookies are a fabulous treat you must try!

Prep Time 15 minutes
Cook Time 12 minutes
Total Time 27 minutes


  • 1 tablespoon plus 1 teaspoon good quality loose leaf earl grey tea
  • 2 tablespoons milk, hot
  • 2 ¼ cups flour
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • pinch of cardamom
  • pinch of nutmeg
  • ½ cup unsalted butter, softened
  • ¾ cup granulated sugar
  • ½ cup packed dark brown sugar
  • 1 large egg
  • ½ teaspoon pure vanilla extract
  • 1 cup bittersweet chocolate chips


  1. Preheat the oven to 400 degrees F.

  2. Line a cookie sheet with parchment paper or a silpat mat.

  3. Using a tea strainer, steep 1 teaspoon of the earl grey in a small mug of the hot milk for 15 minutes.

  4. While the milk is steeping, grind the remaining tablespoon of tea in a clean spice grinder or blender until powdered.

  5. In a medium bowl, whisk together the flour, baking soda, ground tea, salt, cardamom, and nutmeg until combined. Set aside.

  6. In the bowl of an electric mixer fitted with the paddle attachment, beat together the butter and sugars until pale and creamy.

  7. Add the egg, vanilla extract, and the milk and mix until combined, scraping down the sides of the bowl.

  8. Gradually add in the flour and mix just barely incorporated.

  9. Stir in the chocolate chips.

  10. Scoop out a heaping tablespoons of the dough and place it on the cookie sheet about 2 inches apart.

  11. Bake for 10-12 minutes, or until lightly golden around the edges.

  12. Allow the cookies to cool for 10 minutes on the pan before moving to a wire rack to cool completely.

  13. Enjoy!

Nutrition Information:



Serving Size:

1 cookie

Amount Per Serving: Calories: 163Total Fat: 6.9gCholesterol: 18mgSodium: 79.9mgCarbohydrates: 24.3gSugar: 14.6gProtein: 2.2g

Did you make this recipe?

Please leave a comment on the blog or share a photo on Instagram, and don't forget to tag #gingeredwhisk.

This site uses Akismet to reduce spam. Learn how your comment data is processed.


Tuesday 24th of May 2022

I cannot wait to try these earl grey chocolate chip cookies! What a fun and flavorful combo!!

Amanda Mason

Sunday 19th of November 2017

I fell in love with Earl Grey tea while in London. And bisquits (cookies), with my tea. These looks so yummy and perfect with my tea!

Vegan Earl Grey Cupcakes

Saturday 19th of November 2016

[…] or got sucked up by the tea bags. Plan 1, fail.   Plan 2 happened when I came across this genius recipe by The Gingered Whisk. The difference here is that instead of trying to steep the tea in something, […]

Lisa Kerhin

Saturday 19th of December 2015

Totally loved these cookies!!! Thank yo!! Not ashamed to say I didn't share them at all.


Thursday 17th of December 2015

These were so delicious and a beautiful flavor combo.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

as seen in image with company logos
Skip to Recipe
Skip to content