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 scattered on pink background
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!
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…

Try these other great Earl Grey flavored recipes:

earl grey cookies with chocolate chips stacked on table

How to make these cookies

These cookies are really easy to make. For the full set of directions, please scroll down to the recipe card below.

  1. Preheat the oven to 400 F and line a cookie sheet with parchment paper or a silpat mat.
  2. Grind the tea in a clean spice grinder (or using a mortar and pestle) into a fine powder.
  3. Heat the milk to hot, and stir in the tea powder to steep while you prepare the rest of the dough.
  4. In a medium mixing bowl, whisk together the flour, baking soda, and salt until combined. Set aside.
  5. In the bowl of an electric mixer fitted with the paddle attachment, beat together the butter and sugars until pale and creamy, about 3-5 minutes.
  6. Add the egg, vanilla extract, and the tea steeped milk and mix until combined, scraping down the sides of the bowl.
  7. Gradually add in the flour mixture and combine just barely incorporated.
  8. Stir in the chocolate chips.
  9. Scoop out a heaping tablespoons of the dough and place it on the cookie sheet about 2 inches apart.
  10. Bake for 10-12 minutes, or until lightly golden around the edges.
  11. Allow the cookies to cool for 10 minutes on the pan before moving to a wire rack to cool completely.
mixing cookie dough

Baking with Tea

** 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! 
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!

two pink plates each with three cookies and more cookies on table
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!

Store these cookies in an air tight container at room temperature for 4-5 days.

three chocolate chip cookies on pink plate

Food tastes better when its shared! If you try this recipe, let me know! Leave a comment and rate below! Love and links are always appreciated! If you’d like to share this post, please link to this post directly for the recipe, please do not copy and paste or screenshot. Thanks so much for supporting me! xoxo

chocolate chip cookies scattered on pink background

Earl Grey Chocolate Chip Cookies

Yield: 2 dozen Cookies
Prep Time: 15 minutes
Cook Time: 12 minutes
Total Time: 27 minutes

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!

Ingredients

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

Instructions

  1. Preheat the oven to 400 F and line a cookie sheet with parchment paper or a silpat mat.
  2. Grind the tea in a clean spice grinder (or using a mortar and pestle) into a fine powder.
  3. Heat the milk to hot, and stir in the tea powder to steep while you prepare the rest of the dough.
  4. In a medium mixing bowl, whisk together the flour, baking soda, and salt until combined. Set aside.
  5. In the bowl of an electric mixer fitted with the paddle attachment, beat together the butter and sugars until pale and creamy, about 3-5 minutes.
  6. Add the egg, vanilla extract, and the tea steeped milk (you do not need to strain the tea leaves out) and mix until combined, scraping down the sides of the bowl.
  7. Gradually add in the flour mixture and combine just barely incorporated.
  8. Stir in the chocolate chips.
  9. Scoop out a heaping tablespoons of the dough and place it on the cookie sheet about 2 inches apart.
  10. Bake for 10-12 minutes, or until lightly golden around the edges.
  11. Allow the cookies to cool for 10 minutes on the pan before moving to a wire rack to cool completely.

Notes

Store the cooled cookies in an air tight container at room temperature for 3-5 days.

Nutrition Information:
Yield: 24 Serving Size: 1 cookie
Amount Per Serving: Calories: 153Total Fat: 7gSaturated Fat: 4gTrans Fat: 0gUnsaturated Fat: 3gCholesterol: 18mgSodium: 83mgCarbohydrates: 19gFiber: 1gSugar: 8gProtein: 2g

Nutrition information is an estimate and is provided for informational purposes only. For the most accurate information, please calculate using your specific brands and exact measurements.

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.

chocolate chip cookies next to earl grey tea
chocolate chip cookies with earl grey tea

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

Jen

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.

Lora

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