I recently baked up a batch of these London Fog Tea Cookies for an afternoon tea gathering, and I was completely blown away by how delicious they were. My family practically devoured them in minutes, raving about how every soft, buttery bite infused citrusy bergamot Earl Grey tea notes with a velvety vanilla bean icing.

They deliver all the cozy sophistication of your favorite warm London Fog latte transformed into a soft, bakery-style cookie without any fuss. Trust me, once you glaze these fragrant sugar cookies, they will instantly become a permanent star on your baking menu.

Ingredients

Here is everything you will need to pull together these fragrant, Earl Grey-infused cookies right in your own kitchen.

For the Earl Grey Tea Cookies:
- 1 cup (2 sticks) unsalted butter, softened to room temperature – Forms the rich, buttery foundation of the soft sugar cookies.
- 3 tablespoons loose-leaf Earl Grey tea leaves (finely ground) – Delivers authentic bergamot citrus flavor and subtle speckled appearance.
- 1/2 cup granulated sugar – Sweetens the cookie dough without making it heavy.
- 1/2 cup powdered sugar, sifted – Keeps the cookie texture light, tender, and melt-in-your-mouth soft.
- 1 large egg, room temperature – Binds the cookie dough together for structure.
- 2 teaspoons pure vanilla bean paste or vanilla extract – Provides deep vanilla warmth to mimic the latte syrup.
- 2 cups all-purpose flour – Forms the structure of the soft, thick cookies.
- 1/2 teaspoon baking powder – Gives a subtle rise while maintaining a tender center.
- 1/2 teaspoon salt – Essential for balancing the sweet sugars and botanical tea notes.
- 1/4 teaspoon dried culinary lavender (optional) – Finely ground with the tea leaves for an added floral note.
For the Vanilla Bean Fog Glaze:
- 1 1/2 cups powdered sugar, sifted – Thicken and sweeten the drizzle.
- 3 tablespoons heavy cream or whole milk – Creates a smooth, pourable cream glaze.
- 1 teaspoon pure vanilla bean paste – Adds classic fragrant vanilla speckles and cozy flavor.
- Pinch of salt – Balances the sweetness of the sugar glaze.
- Dried culinary lavender buds or Earl Grey tea leaves (for garnish) – Sprinkled on top before the glaze sets.

Note: Yields about 14 to 16 large cookies.

Variations

Explore these simple tweaks to customize these cookies for your specific preferences or dietary needs.

Lavender Fog Twist: Increase the culinary lavender to 1/2 teaspoon ground directly into the dough for a more pronounced floral cafe experience.
White Chocolate Dipped: Swap the powdered sugar glaze and dip half of each cooled cookie into melted white chocolate infused with vanilla bean paste.
Gluten-Free Swap: Use a 1:1 gluten-free measure-for-measure baking flour blend with xanthan gum to keep the cookies tender and soft.

London Fog Tea Cookies — Credit: Pinterest

Cooking Time

Here is a quick breakdown of how long this easy recipe takes from start to finish.

Prep Time: 20 minutes
Chilling Time: 1 hour
Baking Time: 10 minutes
Assembly & Cooling Time: 25 minutes
Total Time: 1 hour 55 minutes

Equipment You Need

Gather these basic baking tools to ensure your cookie prep goes as smoothly as possible.

Spice Grinder or Food Processor – Essential for grinding the loose Earl Grey tea leaves into a fine powder so they distribute evenly.
Large Baking Sheets & Parchment Paper – Ensures the butter cookies bake evenly without sticking or over-browning.
Stand Mixer or Electric Hand Mixer – Cream the butter, sugars, and tea leaves into light perfection.
Cookie Scoop (2-tablespoon size) – Helps scoop uniform dough balls so your cookies bake evenly.

How to Make London Fog Tea Cookies?

Baking a batch of these tea-infused cookies is remarkably straightforward, turning high-quality Earl Grey tea and basic pantry staples into an elegant treat. I like to grind my tea leaves finely and soften my butter before starting so baking flows seamlessly. The hands-on prep time takes under 20 minutes before chilling and baking the dough.

Infusing and Creaming the Dough

In a spice grinder or mortar and pestle, grind the loose Earl Grey tea leaves (and optional lavender) until very fine. In a large bowl or stand mixer, beat the softened butter, ground tea leaves, granulated sugar, and powdered sugar together on medium speed for 2 minutes until light and fluffy. Beat in the egg and vanilla bean paste until fully combined.

Combining Dry Ingredients and Chilling

In a separate bowl, whisk together the all-purpose flour, baking powder, and salt. Gradually add the dry ingredients to the butter mixture, mixing on low speed just until a soft dough forms. Cover the dough tightly with plastic wrap and chill in the refrigerator for at least 1 hour until firm enough to roll.

Shaping and Baking

Preheat your oven to 350°F (175°C) and line two large baking sheets with parchment paper. Scoop 2-tablespoon portions of chilled dough, roll into smooth balls, and place them 2 inches apart on the prepared sheets. Gently flatten the tops slightly with the bottom of a glass. Bake for 9 to 11 minutes—the edges should be set while the centers remain soft and pale. Let cool on the pan for 5 minutes before transferring to a wire rack to cool completely.

Glazing and Decorating

While the cookies cool, prepare the glaze. In a small bowl, whisk together the powdered sugar, heavy cream, vanilla bean paste, and a pinch of salt until smooth and silky. Spoon or drizzle a generous pool of glaze over the center of each cooled cookie, allowing it to drip slightly over the edges. Sprinkle lightly with a few crushed Earl Grey tea leaves or lavender buds before the glaze sets.

Additional Tips for Making this Recipe Better

These are my personal tricks that bring out the absolute best texture and flavor in every batch.

I always recommend grinding the loose-leaf Earl Grey tea into a fine powder—leaving large tea leaves whole can create a gritty texture when you bite into the cookie.
When I make this for my family, I take care not to over-bake—pulling the cookies when the bottoms are lightly golden but the tops stay pale guarantees a melt-in-your-mouth soft center.
I like using vanilla bean paste instead of liquid vanilla extract in both the dough and glaze because the dark vanilla specks create a stunning visual contrast against the pale tea cookies.
My trick for serving is letting the glazed cookies sit at room temperature for 20 minutes until the icing sets firm to the touch, making them easy to stack on tea trays without smudging.

How to Serve London Fog Tea Cookies?

Elevate your afternoon dessert platter by arranging these glazed cookies alongside steaming mugs of real London Fog lattes, hot Earl Grey tea, or milk-steamed chai. You can also pair them with fresh berries or serve them as a delicate course for bridal showers, baby showers, and spring luncheons. Arranging them on a floral vintage porcelain platter makes for an effortless, beautiful presentation.

Nutritional Information

Here is an estimated breakdown of the key nutritional values per serving (1 cookie):

Calories: 210 kcal
Protein: 2g
Carbohydrates: 31g
Fat: 9g

Make Ahead and Storage

Follow these practical rules to store and freeze your cookies so they stay soft and fragrant.

Storage Guidelines

Store the glazed cookies in an airtight container at room temperature separated by parchment paper for up to 5 days.

Freezing

You can freeze the un-glazed baked cookies in a freezer-safe container for up to 2 months. Thaw on the counter for 20 minutes, then whisk a fresh batch of vanilla bean glaze to drizzle over the top right before serving. You can also freeze unbaked dough balls for up to 3 months.

Why You’ll Love This Recipe?

Before you jump into baking, here is why these botanical tea cookies belong on your dessert list:

Easy Make-Ahead Dough: You can mix and chill the dough days in advance, slicing and baking fresh batches whenever guests drop by.I recently baked up a batch of these London Fog Tea Cookies for an afternoon tea gathering, and I was completely blown away by how delicious they were. My family practically devoured them in minutes, raving about how every soft, buttery bite infused citrusy bergamot Earl Grey tea notes with a velvety vanilla bean icing. They deliver all the cozy sophistication of your favorite warm London Fog latte transformed into a soft, bakery-style cookie without any fuss. Trust me, once you glaze these fragrant sugar cookies, they will instantly become a permanent star on your baking menu.

Elegant Floral & Citrus Notes: Real Earl Grey tea provides a distinct bergamot orange note that balances beautifully with sweet vanilla bean glaze.

Melt-in-Your-Mouth Softness: The combination of butter, granulated sugar, and powdered sugar creates an exceptionally tender texture in every bite.

Sophisticated Tea Party Treat: These beautiful, tea-speckled cookies bring coffeehouse charm to home gatherings and afternoon teas.