Home » Dessert » Cookie Recipes » Chocolate Chip and Earl Grey Cookies

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!

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!
chocolate chip cookies scattered on pink background
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 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, 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 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, 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

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!
5 from 4 votes
Print Pin Rate
Course: Dessert
Cuisine: American
Prep Time: 15 minutes
Cook Time: 12 minutes
Total Time: 27 minutes
Servings: 2 dozen Cookies
Calories: 153kcal
Author: Jenni – The Gingered Whisk

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
  • ½ cup granulated sugar
  • ½ cup packed dark brown sugar
  • 1 large egg
  • 1 teaspoon pure vanilla extract
  • 1 cup bittersweet chocolate chips

Instructions

  • Preheat the oven to 400 F and line a cookie sheet with parchment paper or a silpat mat.
  • Grind the tea in a clean spice grinder (or using a mortar and pestle) into a fine powder.
  • Heat the milk to hot, and stir in the tea powder to steep while you prepare the rest of the dough.
  • In a medium mixing bowl, whisk together the flour, baking soda, and salt until combined. Set aside.
  • 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.
  • 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.
  • Gradually add in the flour mixture and combine just barely incorporated.
  • Stir in the chocolate chips.
  • Scoop out a heaping tablespoons of the dough and place it on the cookie sheet about 2 inches apart.
  • Bake for 10-12 minutes, or until lightly golden around the edges.
  • 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

Serving: 1cookie | Calories: 153kcal | Carbohydrates: 19g | Protein: 2g | Fat: 7g | Saturated Fat: 4g | Polyunsaturated Fat: 3g | Cholesterol: 18mg | Sodium: 83mg | Fiber: 1g | Sugar: 8g
chocolate chip cookies next to earl grey tea
chocolate chip cookies with earl grey tea

7 Comments

  1. Steeping the tea in hot milk is a game changer. I actually tasted the tea flavor in the cookies. Thank you!

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

  3. Amanda Mason says:

    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!

  4. Pingback: Vegan Earl Grey Cupcakes
  5. Totally loved these cookies!!! Thank yo!! Not ashamed to say I didn't share them at all.

  6. These were so delicious and a beautiful flavor combo.

  7. Loved this fun idea to add tea to these cookies. So yummy thank you!

5 from 4 votes (3 ratings without comment)

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating




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