Earl Grey London Fog Cookies
The flavors of bergamot tea and smooth white chocolate team up in these unique Earl Grey London fog cookies. Traditionally, a “London fog” in the food world is an Earl Grey tea latte made with steamed milk and vanilla. In this recipe, we introduce these classic flavors to a soft, chewy cookie to create a treat no tea lover can resist. With actual tea leaves and digestive biscuit crumb in the dough, these cookies build the bridge between tea time and dessert time.

Ingredients You’ll Need For These London Fog Cookies
- Digestive Biscuits – I always find my digestive biscuits at World Market, but they can also be found easily through Amazon and some groceries stores as well. Personally, I like the flavor of the McVitie’s brand best, but any brand will do! About a cup of the biscuits will be ground up in a food processor and added to the dough to evoke a deeper flavor that is reminiscent of dunking a biscuit in tea.
- Earl Grey Tea Leaves – For baking purposes, I prefer buying loose-leaf tea from my local tea shop because the flavor tends to be of much higher quality when compared with bagged tea. You will need a little less than 4 tablespoons of crushed tea leaves, but make sure to set aside an extra tablespoon if you want to garnish the finished cookies at the end.
- All-Purpose Flour – You will need about 2 cups of all-purpose flour.
- Leaveners – You will need 1/3 teaspoon of baking soda and 1/4 teaspoon of baking powder.
- Table Salt – You will need 1 teaspoon of salt.
- Unsalted Butter – You will need 2 sticks of unsalted butter at room temperature.
- Granulated Sugar – You will need about 1 cup of granulated sugar.
- Light Brown Sugar – You will need about 3/4 cup of light brown sugar. This adds a little more depth of flavor to the dough due to the small amount of molasses in the sugar.
- Eggs – You will need 2 eggs at room temperature.
- Vanilla Extract – You will need 1/2 teaspoon of vanilla extract. Most London fog drinks include vanilla syrup or vanilla flavoring, so be sure to include this ingredient to complete that classic flavor profile.
- White Chocolate Chips – The white chocolate in these cookies is meant to emulate the steamed milk portion of a London fog. You will need 1 cup of white chocolate chips for the dough, but make sure to set aside an extra 1/2 cup of chips to garnish with after baking, if desired.
Notes
Loose leaf tea usually has a better flavor payoff, but both will work fine in this recipe. With either option, it is important to measure after grinding the leaves to ensure you have the correct amount.
The quickest method would be to use a spice grinder (or coffee bean grinder). If you don’t have a small grinder, a mortar and pestle works per, plus you get a free arm workout.
The digestive biscuit flour should look and feel like course sand when it’s done blending down in the food processor. The flour should, for the most part, be homogeneous in particle size. If there are any large pieces of digestive biscuit remaining, keep blitzing!
Right when the cookies are removed from the oven, I like to place a few white chocolate chips in the center of each cookie, wait a minute for it to melt slightly, and spread it into a small pool with a spoon. Then, I finish it off by sprinkling a pinch of tea leaves across the chocolate while it’s still warm.


London Fog Cookies
- Prep Time: 30 minutes
- Cook Time: 20 minutes
- Total Time: 50 minutes
- Yield: 24 cookies 1x
- Category: Dessert
- Method: baking
- Cuisine: American, British
Description
Classic Earl Grey tea flavor married with sweet white chocolate and digestive biscuit crumbs to create the perfect London fog in cookie form.
Ingredients
- 1 cup (150 grams) ground digestive biscuit
- 3 tablespoons + 1 teaspoon (20 grams) Earl Grey tea leaves (plus extra for garnish)
- 2 cups (240 grams) all-purpose flour
- 1/3 teaspoon baking soda
- 1/3 teaspoon baking powder
- 1 teaspoon salt
- 2 sticks (226 grams) unsalted butter, room temperature
- 1 cup (198 grams) granulated sugar
- 2/3 cup (142 grams) light brown sugar
- 2 eggs, room temperature
- 1/2 teaspoon vanilla extract
- 1 cup (170 grams) white chocolate chips (plus extra for garnish)
Instructions
- In a food processor, blend the digestive biscuits until finely ground. Measure 1 cup into a medium sized bowl.
- In a spice grinder, grind the tea leaves until they resemble the appearance of fresh ground black pepper.
- To the bowl with the ground digestive biscuit, add the ground tea leaves, flour, baking soda, baking powder, and salt. Combine.
- In a separate large mixing bowl, beat the butter with the two sugars until lighter in color.
- Add the eggs and vanilla extract. Continue beating until light and fluffy.
- Add the dry ingredients and mix until just combined.
- Fold in the white chocolate chips until just incorporated.
- Scoop and roll 2 inch pieces of dough onto a baking sheet and flatten each dough ball slightly.
- Cover and chill in the refrigerator for at least 30 minutes.
- While the dough chills, preheat the oven to 375ºF.
- Once chilled, place the slightly flattened dough balls at least 3 inches apart on a baking sheet and bake for 20 minutes or until golden brown.
- Optional: While the cookies are still hot out of the oven, place a few white chocolate chips in the center of each cookie, leave for 1 minute to melt, then use a spoon to spread the chips into a small pool of chocolate. Lightly sprinkle with extra tea leaves.
Notes
- If you don’t own a 1/3 teaspoon, you can measure out a heaping 1/4 teaspoon.
Keywords: Cookies, Digestive Biscuit, Earl Grey, London Fog, White Chocolate
This is quite possibly THE BEST COOKIE RECIPE I have EVER tried. OMG pure deliciousness
★★★★★