Introduction to London Fog Cookies
What are London Fog Cookies?
Imagine the cozy comfort of a warm cup of tea infused with creamy vanilla and soothing lavender, all encapsulated in a delicious cookie. That’s precisely what London Fog Cookies deliver. These delightful treats are not just ordinary cookies; they’re a sweet homage to the sophisticated drink known as the London Fog. This cookie version captures the essence of Earl Grey tea, featuring hints of bergamot and a subtle touch of floral flavor. They boast a soft, chewy texture that’s simply irresistible.
The Inspiration Behind the Flavor
The inspiration for London Fog Cookies comes from the iconic London Fog drink—a warm blend that combines Earl Grey tea, steamed milk, and a hint of vanilla. This comforting beverage has gained a loyal following and has become a popular café staple, especially in cities like London and Vancouver. But why stop at a drink when you can enjoy the same luxurious tastes in cookie form?
The marriage of flavors in these cookies is almost poetic. Earl Grey, with its fragrant bergamot, adds a sophisticated twist that elevates the common cookie to something extraordinary. Lavender, often used in aromatherapy for its calming properties, provides a unique floral note, making these cookies perfect for an afternoon tea or as a late-night treat.
Just think about it: when you take a bite, you’re not just indulging in a cookie; you’re sipping on nostalgia, bringing a bit of European café culture right into your home. Want to learn more about Earl Grey? Check out this insightful article from Tea Time Magazine that dives into the history and variations of this beloved tea.
So, if you’re in the mood for something new, why not try your hand at making London Fog Cookies? They’re perfect for sharing, social gatherings, or simply treating yourself after a long day. With a few pantry staples and a hint of creativity, you’ll recreate that café experience right in your kitchen.

Ingredients for London Fog Cookies
Baking up a batch of London Fog Cookies is sure to transport you to a cozy café setting. Here’s what you’ll need to capture that delightful flavor profile.
For the Earl Grey Cookies
- 1 cup unsalted butter, softened
- 1 cup granulated sugar
- 1 tablespoon quality Earl Grey tea leaves (Look for a blend that you enjoy drinking)
- 2 large eggs
- 2 ½ cups all-purpose flour
- 1 teaspoon baking powder
- ½ teaspoon salt
These ingredients are the foundation of your cookies, so it’s essential to choose high-quality components, especially the tea! Find your favorite Earl Grey at local tea shops or specialty stores.
For the Lavender Sugar
- 1 cup granulated sugar
- 1 tablespoon dried culinary lavender
Lavender sugar adds an aromatic sweetness that perfectly complements the Earl Grey. You might want to check out sources like The Tea Spot for culinary lavender.
For the Lavender Cream Cheese Frosting
- 8 oz cream cheese, softened
- ¼ cup unsalted butter, softened
- 2 cups powdered sugar
- 1 tablespoon cream or milk
- 1 teaspoon dried lavender
This luscious frosting is where the magic happens! The combination of cream cheese and lavender elevates the cookie experience. Feel free to explore more lavender-based recipes on andrewstea.com.
With these ingredients in hand, you’re all set to whip up your own version of London Fog Cookies at home! Happy baking!
Step-by-Step Preparation of London Fog Cookies
When you’re in the mood for a cozy treat that’s both sophisticated and comforting, London fog cookies have got you covered. Inspired by the classic London Fog tea—a delightful blend of Earl Grey tea and steamed milk—these cookies bring a unique twist to your snack game. Let’s dive into this step-by-step preparation guide!
Gather Your Ingredients
Before we embark on our baking adventure, let’s make sure you have everything you need. Here’s what you’ll be gathering:
-
For the cookies:
-
2 ¾ cups all-purpose flour
-
1 teaspoon baking soda
-
½ teaspoon baking powder
-
¼ teaspoon salt
-
1 cup unsalted butter, softened
-
½ cup granulated sugar
-
1 cup brown sugar, packed
-
2 large eggs
-
2 tablespoons strong brewed Earl Grey tea (cooled)
-
1 tablespoon vanilla extract
-
1 teaspoon finely chopped dried lavender (food-safe)
-
For the lavender sugar:
-
½ cup granulated sugar
-
1 tablespoon dried lavender
-
For the frosting:
-
8 ounces cream cheese, softened
-
½ cup unsalted butter, softened
-
2 cups powdered sugar
-
1 tablespoon strong brewed Earl Grey tea (cooled)
-
½ teaspoon vanilla extract
Once you’ve assembled these items, you’re ready to start baking!
Create the Lavender Sugar
The first step to adding that lovely flavor is making your lavender sugar. It’s super easy and infuses your cookies with an aromatic touch.
- In a small bowl, combine the granulated sugar with the dried lavender.
- Using your fingers or a fork, rub the lavender into the sugar—this helps release the essential oils, amplifying the aroma.
- Let it sit while you prepare the cookie dough; this will enhance the fragrance!
Make the Earl Grey Cookie Dough
Now that we’re aromatically prepared, let’s talk dough. Your London fog cookies need a strong base.
- Preheat your oven to 350°F (175°C), and line a cookie sheet with parchment paper.
- Whisk together the flour, baking soda, baking powder, and salt in a bowl. Set this aside.
- In your mixing bowl, cream the butter, granulated sugar, and brown sugar together until light and fluffy (about 2-3 minutes).
- Add in the eggs, lavender sugar, vanilla, and brewed Earl Grey tea. Mix until combined.
- Gradually add the flour mixture until just incorporated. Be careful not to overmix; you want a soft, but not sticky, dough.
Shape and Bake the Cookies
Time to shape these beauties!
- Using a cookie scoop or tablespoon, portion out the dough onto your prepared baking sheet, leaving some space between each one.
- Bake for about 10-12 minutes, or until the edges are lightly golden. Your kitchen will smell heavenly!
- Let them cool on the baking sheet for a couple of minutes before transferring to a wire rack.
Prepare the Lavender Cream Cheese Frosting
While your cookies cool down, let’s whip up a dreamy frosting that pairs perfectly with your London fog cookies.
- In a bowl, combine the softened cream cheese and butter, mixing until smooth.
- Gradually add the powdered sugar, followed by the brewed Earl Grey tea and vanilla extract. Beat until fluffy and well-combined.
- If you want a hint of lavender, feel free to fold in some extra chopped lavender!
Frost and Finish Your Cookies
Now comes the fun part—frosting your cookies!
- Once your cookies are completely cool, spread a generous layer of frosting on each cookie.
- If you like, you can sprinkle a pinch of dried lavender on top for an extra pop of flavor and decoration.
And there you have it—your delectable London fog cookies are ready to be savored! These treats not only taste amazing but also offer a delightful aesthetic for any gathering. Whether you’re enjoying them with a cup of tea or coffee, they’re sure to impress. Happy baking!

Variations on London Fog Cookies
When you’re enjoying your London Fog Cookies, why not jazz them up a bit? Here are a few delightful variations that cater to different dietary preferences while keeping that signature Earl Grey essence intact.
Chocolate London Fog Cookies
For the chocolate lovers among us, why not add a rich twist? Simply incorporate high-quality cocoa powder (around 1/4 cup) into your cookie dough. This not only enhances the flavor but complements the bergamot notes beautifully. You can even fold in dark chocolate chips for an extra indulgent touch! It’s like enjoying your favorite mocha latte in cookie form, and who could resist that?
Vegan London Fog Cookies
Craving your cookies without the dairy? You can easily make London Fog Cookies vegan! Substitute regular butter with plant-based options like coconut oil or vegan butter. Instead of eggs, try using a flaxseed meal mixture (1 tablespoon of ground flaxseed mixed with 2.5 tablespoons of water works wonders). These cookies will still boast that delightful tea flavor while being perfectly kind to our furry friends.
Gluten-Free London Fog Cookies
Don’t let gluten constraints keep you from savouring these tea-infused delights! Replace all-purpose flour with a high-quality gluten-free flour blend. Remember to add a bit of xanthan gum (about 1 teaspoon) to help mimic that chewy texture we all adore. The cookies will be as flavorful as ever, making them a hit for everyone at the dessert table.
Whichever variation you choose, these cookies are sure to impress! Interested in more baking tips? Check out resources like the American Institute of Baking for fantastic insights that will elevate your cookie game.
Cooking Tips and Notes for London Fog Cookies
Common Mistakes to Avoid
When making London Fog Cookies, there are a few pitfalls to steer clear of:
- Overmixing the Dough: This can lead to tough cookies. Mix just until ingredients are combined for that soft and chewy texture.
- Incorrect Oven Temperature: Always preheat your oven! An oven thermometer can be your best friend, ensuring your cookies bake evenly.
- Skipping the Chill: Don’t rush this step! Chilling your dough helps maintain shape and enhances flavor.
Best Practices for Baking Cookies
To achieve the perfect London Fog Cookies, keep these handy tips in mind:
- Measure Accurately: Use a kitchen scale for precise measurements of flour and sugar; too much can dry out your cookies.
- Use Quality Ingredients: Fresh, high-quality butter and pure vanilla extracts make a noticeable difference in flavor.
- Experiment with Infusion: Elevate the Earl Grey tea flavor by letting it steep in melted butter before mixing into your dough.
For a deeper dive into cookie techniques, check out this baking guide. Happy baking!

Serving Suggestions for London Fog Cookies
Pairing with Tea or Coffee
London fog cookies are dreamy on their own, but why not enhance the experience by pairing them with your favorite beverage? A steaming cup of Earl Grey tea, with its hints of bergamot, complements the subtle flavors of the cookies beautifully. Alternatively, a rich and creamy latte can provide a delightful contrast to the cookie’s sweetness. We know weekends are for cozying up, so why not invite friends over for a relaxing tea party? Dive deeper into the art of tea pairing here for more ideas.
Ideal Occasions for Serving
These delightful cookies are perfect for various occasions. Planning a cozy book club gathering? London fog cookies will definitely win hearts. Hosting a casual brunch with friends? You can easily whip up a batch alongside some brunch staples. They’re also a hit at holiday cookie exchanges or as thoughtful gifts wrapped in a cute box. Whenever you serve them, just watch how they elevate any event into something special!
Enjoy these delightful cookies—because who doesn’t need a little warmth and sweetness in their life?
Time Breakdown for Making London Fog Cookies
Preparation Time
Getting started on your London Fog Cookies should be a breeze. Set aside about 15 minutes for prep work. This includes measuring out your ingredients, steeping the tea, and mixing everything to perfection. Trust me—this step is all about getting that rich, earl grey flavor infused just right.
Baking Time
Once your dough is ready, it’s time to bake! These cookies typically need about 12 to 15 minutes in the oven. Keep an eye on them; you want a nice golden edge while keeping the centers soft and chewy.
Total Time
All in all, you’re looking at a total of roughly 30 to 40 minutes from start to finish. Not bad for a homemade treat that’s sure to impress friends or brighten your work-from-home snack time! If you’re curious about the London Fog drink inspiration, feel free to explore more about it here.
Ready to get baking? Your kitchen is about to smell heavenly!
Nutritional Facts for London Fog Cookies
When indulging in the delightful London Fog Cookies, knowing the nutritional breakdown can help you stay mindful of your treats. Here’s a quick overview!
Calories
Each cookie typically contains around 150 calories. Not too shabby for a little sweetness, right? Enjoying these cookies in moderation makes them a great addition to your afternoon tea or coffee routine.
Sugar Content
These cookies have about 8 grams of sugar per serving. That’s just enough to satisfy your sweet tooth without sending your sugar levels into overdrive.
Serving Size
A standard serving size is one cookie. But who can stop at just one? They’re perfect for sharing—or not!
For those looking to dive deeper into the nutritional benefits of baked goods, check out Nutrition.gov for more insights. Remember, it’s all about balance. #IndulgeMindfully!
FAQs about London Fog Cookies
Can I use different types of tea?
Absolutely! While traditional London Fog cookies often feature Earl Grey tea, feel free to experiment. Herbal teas like chamomile or green tea can bring unique flavors. Just keep in mind that each tea will impart a different taste profile, so choose one that complements the cookie’s sweetness. If you’re curious about flavor pairings, Serious Eats has great insights on how to choose the right tea for desserts.
How do I store leftovers?
Keeping your London Fog cookies fresh is easy! Once they cool completely, store them in an airtight container at room temperature. They should stay delicious for about 5-7 days. Alternatively, consider freezing them for longer storage. Just layer the cookies between parchment paper in a freezer-safe container to prevent sticking. They can last up to three months in the freezer. When you’re ready to enjoy, simply let them thaw at room temperature or reheat briefly in the oven.
Can I make these cookies in advance?
Definitely! Making London Fog cookies ahead of time is a time-saver. You can prepare the dough and refrigerate it for up to 48 hours before baking. Alternatively, you can roll the dough into balls and freeze them, which allows you to bake fresh cookies anytime. Just remember to adjust the baking time slightly if you decide to bake from frozen—usually an extra minute or two will do the trick.
Curious about other tea-infused recipes? Check out BBC Good Food for more inspiration!
Conclusion on London Fog Cookies
Recap of the Deliciousness and Ease of Making Them
In closing, London Fog Cookies combine the perfect balance of flavors with the comforting essence of Earl Grey tea and hints of vanilla. They are not only delicious but also incredibly simple to make, making them an ideal treat for any occasion. Whether you’re enjoying them with a cup of tea in the afternoon or serving them at your next gathering, these cookies are sure to impress friends and family.
The best part? You don’t need to be a seasoned baker to whip up a batch. With just a few accessible ingredients and straightforward steps, you can enjoy a delightful, sophisticated cookie experience. For even more baking inspiration, check out this resource for additional cookie recipes that complement your newfound love for London Fog Cookies.
PrintLondon Fog Cookies: The Best Indulgent Treat for Any Occasion
A delightful treat perfect for any occasion, these London Fog Cookies combine the flavors of Earl Grey tea and vanilla.
- Prep Time: 20 minutes
- Cook Time: 12 minutes
- Total Time: 32 minutes
- Yield: 24 cookies 1x
- Category: Dessert
- Method: Baking
- Cuisine: British
- Diet: Vegetarian
Ingredients
- 2 cups all-purpose flour
- 1 cup granulated sugar
- 1/2 cup unsalted butter, softened
- 2 large eggs
- 1 teaspoon baking powder
- 1/4 teaspoon salt
- 1 tablespoon Earl Grey tea leaves
- 1 teaspoon vanilla extract
- 1/2 cup white chocolate chips
Instructions
- Preheat the oven to 350°F (175°C) and line a baking sheet with parchment paper.
- In a bowl, cream together the softened butter and sugar until smooth.
- Beat in the eggs one at a time, then stir in the vanilla extract and Earl Grey tea leaves.
- In a separate bowl, whisk together the flour, baking powder, and salt.
- Gradually mix the dry ingredients into the wet ingredients until well combined.
- Fold in the white chocolate chips.
- Drop spoonfuls of dough onto the prepared baking sheet.
- Bake for 10-12 minutes or until edges are golden.
- Let cool on a wire rack.
Notes
- For a stronger tea flavor, steep the tea leaves in warm water before adding them to the dough.
- Store in an airtight container for up to a week.
Nutrition
- Serving Size: 1 cookie
- Calories: 150
- Sugar: 10g
- Sodium: 80mg
- Fat: 7g
- Saturated Fat: 4g
- Unsaturated Fat: 2g
- Trans Fat: 0g
- Carbohydrates: 20g
- Fiber: 0g
- Protein: 2g
- Cholesterol: 35mg
Keywords: London Fog Cookies, cookies, dessert, baking, tea cookies












