London Fog Cookies Recipe: Easy & Delicious Tea-Inspired Treats

Updated On: October 17, 2025

London Fog Cookies are the perfect delightful treat inspired by the classic London Fog latte—a soothing blend of Earl Grey tea, vanilla, and creamy milk. Imagine biting into a soft, tender cookie infused with fragrant bergamot and hints of vanilla, creating a unique and elegant flavor profile that’s both comforting and sophisticated.

Whether you’re a tea lover or simply looking for a cookie that stands out from the usual chocolate chip or sugar cookie, these London Fog Cookies offer a charming twist that pairs beautifully with your afternoon tea or coffee break.

In this recipe, we’ll guide you through making these aromatic cookies from scratch, ensuring each bite delivers that perfect blend of tea and sweetness. They’re simple enough to bake for a cozy weekend at home but special enough to impress guests or gift to friends.

Let’s dive into this delightful tea-infused baking adventure!

Why You’ll Love This Recipe

These London Fog Cookies combine the best of two worlds: the comforting warmth of tea and the satisfying indulgence of a cookie. They’re:

  • Fragrant and flavorful: The Earl Grey tea leaves infuse the dough with subtle citrusy notes thanks to bergamot oil.
  • Soft and chewy: Perfect texture that melts in your mouth without being overly sweet.
  • Unique and elegant: A sophisticated twist on traditional cookies that’s perfect for tea parties or gifting.
  • Easy to make: No complicated techniques or hard-to-find ingredients needed.

Plus, these cookies are versatile—you can tweak the vanilla or tea intensity to suit your taste. They’re a great way to impress your friends or simply treat yourself to something a little special.

Ingredients

  • 1 cup (226g) unsalted butter, softened
  • 1 cup (200g) granulated sugar
  • 1 large egg
  • 2 teaspoons pure vanilla extract
  • 2 tablespoons Earl Grey tea leaves (finely ground)
  • 2 ½ cups (312g) all-purpose flour
  • 1 teaspoon baking powder
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • 2 tablespoons milk (whole or 2%)
  • Optional: pearl sugar or coarse sugar for sprinkling

Equipment

  • Mixing bowls (at least two)
  • Electric mixer or stand mixer
  • Measuring cups and spoons
  • Fine mesh sieve or spice grinder (for grinding tea leaves)
  • Rubber spatula
  • Baking sheets
  • Parchment paper or silicone baking mats
  • Cooling rack
  • Cookie scoop (optional but helpful for even-sized cookies)

Instructions

  1. Prepare the tea leaves: Use a fine mesh sieve or spice grinder to finely grind the Earl Grey tea leaves. This helps the flavor incorporate evenly into the cookie dough without leaving large bits.
  2. Cream the butter and sugar: In a large mixing bowl, beat the softened butter and granulated sugar together using an electric mixer on medium speed until the mixture is light, fluffy, and pale in color—about 3-4 minutes.
  3. Add egg and vanilla: Beat in the egg and vanilla extract until fully combined. The mixture may look slightly curdled but that’s normal.
  4. Mix dry ingredients: In a separate bowl, whisk together the all-purpose flour, baking powder, baking soda, salt, and ground tea leaves to distribute the tea flavor evenly.
  5. Combine wet and dry: Gradually add the dry ingredients to the wet ingredients, mixing on low speed or folding with a spatula. Add the milk when the dough starts to come together to ensure it’s moist but not sticky. Mix just until combined—avoid over-mixing.
  6. Chill the dough: Cover the dough with plastic wrap and chill in the refrigerator for at least 30 minutes. This helps the cookies hold their shape while baking.
  7. Preheat your oven: to 350°F (175°C) and line your baking sheets with parchment paper or silicone mats.
  8. Scoop the cookies: Using a cookie scoop or spoon, drop dough balls about 1.5 inches in diameter spaced 2 inches apart on the baking sheet. Sprinkle with pearl sugar if desired for a beautiful, crunchy topping.
  9. Bake: Bake for 10-12 minutes or until the edges are lightly golden but the centers remain soft. The cookies will firm up as they cool.
  10. Cool: Let the cookies cool on the baking sheet for 5 minutes before transferring them to a wire rack to cool completely.

Tips & Variations

“For a stronger tea flavor, try steeping the Earl Grey leaves in the milk before adding it to the dough, then strain the leaves out and use the infused milk.”

  • Adjust sweetness: If you prefer less sweet cookies, reduce the granulated sugar by ¼ cup.
  • Make it dairy-free: Substitute butter with coconut oil or vegan butter and use a plant-based milk.
  • Add mix-ins: Stir in white chocolate chips or lemon zest to complement the bergamot flavor.
  • Storage: Store cookies in an airtight container at room temperature for up to 4 days or freeze for longer storage.

Nutrition Facts

Nutrient Amount per Cookie (approx.)
Calories 120 kcal
Fat 6 g
Saturated Fat 3.5 g
Carbohydrates 16 g
Sugar 9 g
Protein 1.5 g
Fiber 0.5 g
Sodium 70 mg

Serving Suggestions

London Fog Cookies are perfect served alongside a warm cup of tea or coffee. Their subtle bergamot and vanilla flavor pair beautifully with a classic Earl Grey tea or a creamy chai latte.

For an elegant afternoon tea experience, serve these cookies with finger sandwiches and fresh fruit.

They also make a lovely gift when packaged in a decorative tin or cellophane bag tied with a ribbon. If you want to enjoy them as a dessert, serve with a scoop of vanilla ice cream or a drizzle of honey for extra indulgence.

For more cozy treats, check out our Classic Chocolate Chip Cookies, Lemon Poppy Seed Muffins, or Vanilla Bean Scones recipes.

Conclusion

These London Fog Cookies are a wonderful way to bring the beloved flavors of a London Fog latte into a delightful handheld treat. With their fragrant Earl Grey tea infusion and soft, buttery texture, they’re sure to become a favorite for tea lovers and cookie enthusiasts alike.

Whether you’re baking for a special occasion, a cozy afternoon, or just to satisfy your sweet tooth, this recipe is straightforward and rewarding.

Experiment with the intensity of the tea or add your own twist with mix-ins to make this recipe uniquely yours. These cookies also offer a charming, elegant alternative to everyday sweets that can elevate any gathering or quiet moment.

Happy baking and enjoy every fragrant bite!

📖 Recipe Card: London Fog Cookies

Description: Delightful cookies inspired by the classic London Fog tea latte, combining Earl Grey tea and vanilla flavors in a soft, buttery cookie. Perfect for tea time or a cozy treat.

Prep Time: PT20M
Cook Time: PT12M
Total Time: PT32M

Servings: 24 cookies

Ingredients

  • 2 cups all-purpose flour
  • 1 teaspoon baking soda
  • 1/2 teaspoon salt
  • 2 Earl Grey tea bags (contents only)
  • 3/4 cup unsalted butter, softened
  • 1 cup granulated sugar
  • 1/2 cup brown sugar, packed
  • 1 large egg
  • 1 teaspoon vanilla extract
  • 1/2 teaspoon vanilla bean paste or vanilla extract
  • 1/4 cup powdered sugar (for dusting, optional)

Instructions

  1. Preheat oven to 350°F (175°C).
  2. In a bowl, whisk together flour, baking soda, salt, and Earl Grey tea leaves.
  3. In a separate bowl, cream butter and sugars until light and fluffy.
  4. Add egg, vanilla extract, and vanilla bean paste; mix well.
  5. Gradually add dry ingredients to wet ingredients and mix until combined.
  6. Scoop dough onto baking sheets, spacing 2 inches apart.
  7. Bake for 10-12 minutes or until edges are lightly golden.
  8. Let cookies cool on baking sheet for 5 minutes, then transfer to wire racks.
  9. Dust with powdered sugar if desired before serving.

Nutrition: Calories: 150 kcal | Protein: 2 g | Fat: 7 g | Carbs: 20 g

{“@context”: “https://schema.org/”, “@type”: “Recipe”, “name”: “London Fog Cookies”, “image”: [], “author”: {“@type”: “Organization”, “name”: “GluttonLv”}, “description”: “Delightful cookies inspired by the classic London Fog tea latte, combining Earl Grey tea and vanilla flavors in a soft, buttery cookie. Perfect for tea time or a cozy treat.”, “prepTime”: “PT20M”, “cookTime”: “PT12M”, “totalTime”: “PT32M”, “recipeYield”: “24 cookies”, “recipeIngredient”: [“2 cups all-purpose flour”, “1 teaspoon baking soda”, “1/2 teaspoon salt”, “2 Earl Grey tea bags (contents only)”, “3/4 cup unsalted butter, softened”, “1 cup granulated sugar”, “1/2 cup brown sugar, packed”, “1 large egg”, “1 teaspoon vanilla extract”, “1/2 teaspoon vanilla bean paste or vanilla extract”, “1/4 cup powdered sugar (for dusting, optional)”], “recipeInstructions”: [{“@type”: “HowToStep”, “text”: “Preheat oven to 350\u00b0F (175\u00b0C).”}, {“@type”: “HowToStep”, “text”: “In a bowl, whisk together flour, baking soda, salt, and Earl Grey tea leaves.”}, {“@type”: “HowToStep”, “text”: “In a separate bowl, cream butter and sugars until light and fluffy.”}, {“@type”: “HowToStep”, “text”: “Add egg, vanilla extract, and vanilla bean paste; mix well.”}, {“@type”: “HowToStep”, “text”: “Gradually add dry ingredients to wet ingredients and mix until combined.”}, {“@type”: “HowToStep”, “text”: “Scoop dough onto baking sheets, spacing 2 inches apart.”}, {“@type”: “HowToStep”, “text”: “Bake for 10-12 minutes or until edges are lightly golden.”}, {“@type”: “HowToStep”, “text”: “Let cookies cool on baking sheet for 5 minutes, then transfer to wire racks.”}, {“@type”: “HowToStep”, “text”: “Dust with powdered sugar if desired before serving.”}], “nutrition”: {“calories”: “150 kcal”, “proteinContent”: “2 g”, “fatContent”: “7 g”, “carbohydrateContent”: “20 g”}}

Photo of author

Marta K

Leave a Comment

X