London Fog Cookies: Cozy and Protein-Packed Treats
There’s something incredibly comforting about the soft, aromatic embrace of London Fog Cookies. Imagine biting into a warm cookie that’s not only delicately infused with Earl Grey tea and sweet vanilla but also provides a satisfying boost of protein to power you through your day. These cookies are crispy on the edges, chewy in the middle, and loaded with 3 grams of protein each, making them an ideal treat for busy parents like me who want to indulge without sacrificing nutrition. I whipped up this recipe during one of those hectic weeks when my family craved something special but needed it to be quick and easy.
I still remember the first time I made these delightful cookies; it was a rainy Sunday afternoon, and my teenagers were lounging around, looking for something sweet. As I pulled the batch out of the oven, the rich aroma filled our home, and my youngest exclaimed, “It smells like a cozy café!” The secret twist that sets my London Fog Cookies apart is the use of Earl Grey tea—not only does it add a unique flavor profile, but it also brings a hint of elegance to a classic treat. To my delight, both kids came back for seconds, and my husband couldn’t stop raving about how they perfectly captured the essence of their favorite beverage.
Ingredients You’ll Need
Each ingredient in this dish plays an essential role in flavor and texture. Here’s what you’ll need:
2 cups all-purpose flour: Provides the structure and base for the cookies.
1 teaspoon baking soda: Acts as a leavening agent, helping the cookies rise.
1/2 teaspoon salt: Balances the sweetness and enhances overall flavor.
2 tablespoons Earl Grey tea leaves (finely crushed): Infuses the cookies with aromatic and citrusy notes.
1 cup unsalted butter (softened): Contributes rich creaminess and moisture to the dough.
1 cup granulated sugar: Sweetens the cookies and aids in achieving a crisp exterior.
1/2 cup brown sugar (packed): Adds depth of flavor and helps retain moisture for softness.
2 large eggs: Binds the ingredients together while adding richness and structure.
2 teaspoons vanilla extract: Enhances sweetness and adds a warm, comforting aroma.
1/2 cup powdered sugar (for dusting): Offers a sweet finishing touch that looks beautiful.
- 1 tablespoon milk (for icing): Helps create a smooth icing for drizzling over cookies.
Step-by-Step Instructions
I recommend starting by preheating your oven so it’s ready when you finish mixing the dough — this way, you won’t have to wait around for it to heat up.
Step 1: Preheat your oven to 350°F (175°C) to ensure it’s hot enough for baking the cookies. This step is crucial because a properly heated oven helps the cookies rise and bake evenly, giving them that soft texture you’re looking for.
Step 2: In a mixing bowl, whisk together the flour, baking soda, salt, and crushed Earl Grey tea leaves until well combined. This step not only distributes the baking soda and salt evenly but also infuses the dry ingredients with the aromatic flavor of Earl Grey tea. Make sure the tea leaves are finely crushed; otherwise, you might end up with larger pieces in your cookies which can affect the texture.
Step 3: In another bowl, cream together the softened butter, granulated sugar, and brown sugar until light and fluffy. I usually use an electric mixer on medium speed for about 2-3 minutes, as this builds air into the mixture and results in a lighter cookie. The key here is to beat until everything is well-combined and fluffy — don’t rush this step as it enhances the overall texture of your cookies.
Step 4: Add the eggs one at a time, mixing well after each addition, then stir in the vanilla extract. This gradual incorporation ensures that each egg is fully blended into the mixture before adding the next one; it creates a uniform batter that leads to better cookies. The vanilla extract will add a lovely depth of flavor that pairs beautifully with the Earl Grey.
Step 5: Gradually add the dry ingredients to the wet ingredients, mixing until just combined. Be careful not to overmix here; a few flour streaks are okay as they will disappear during baking. This step ensures that all components are evenly incorporated without developing too much gluten, keeping your cookies soft and chewy.
Step 6: Using a cookie scoop, drop dough onto a baking sheet lined with parchment paper, spacing them about 2 inches apart. This spacing allows for even spreading while baking; if they’re too close together, they’ll merge into one giant cookie! I typically use a standard-sized scoop for uniformity; it helps ensure that all cookies bake evenly.
Step 7: Bake in the preheated oven for 10-12 minutes or until the edges are lightly golden. Keep an eye on them towards the end; you’ll know they’re done when they have a slight golden color around the edges but still look soft in the center. This visual cue is important because overbaking can lead to dry cookies.
Step 8: Remove from the oven and let cool on the baking sheet for 5 minutes before transferring to a wire rack to cool completely. Letting them rest on the sheet allows them to set up just right without falling apart while moving them. After cooling completely on a wire rack, they will be ready for any optional toppings or just perfect as they are.
Step 9: If desired, mix powdered sugar with milk to create a smooth icing. Start by sifting your powdered sugar into a bowl to eliminate any lumps before gradually adding milk until you reach your desired consistency — I prefer it slightly thicker for drizzling.
Step 10: Drizzle over cooled cookies and let set before serving. I like using a fork or piping bag for an even drizzle; this step adds an extra touch of sweetness that complements those delightful flavors perfectly! Just be patient while waiting for it to set so you don’t smudge any designs when serving.
What to Serve with London Fog Cookies
This dish is already incredibly filling and balanced, but these sides add extra variety and nutrition to round out your meal perfectly.
Lemon Herb Quinoa Salad: This refreshing salad combines fluffy quinoa with a zesty lemon dressing, cherry tomatoes, cucumber, and fresh herbs. The bright flavors of lemon and herbs contrast beautifully with the sweet tea and vanilla notes in the cookies. Quinoa adds a protein boost of about 8 grams per cup, making this a nutritious option that my family loves to have as a light side.
Savory Sweet Potato Wedges: These oven-roasted sweet potato wedges are tossed in olive oil, paprika, and garlic powder for a crispy finish. Their natural sweetness complements the cookies while providing a satisfying texture contrast. Packed with vitamins A and C, they also offer healthy carbohydrates that keep energy levels stable during busy afternoons when we’re prepping for after-school activities.
Creamy Avocado Toast: Whole grain bread topped with smashed avocado, sprinkled with sea salt and red pepper flakes creates a creamy, savory side that’s hard to resist. The richness of the avocado balances the sweetness of the cookies, while healthy fats provide satiety and support heart health. My kids love this as an afternoon snack alongside our cookie baking sessions.
Earl Grey Infused Chia Pudding: This delightful pudding blends chia seeds soaked in Earl Grey tea with almond milk and a touch of honey for natural sweetness. It mirrors the cookie’s flavor profile while introducing a fun texture and providing fiber and omega-3 fatty acids. Preparing it ahead of time makes it an easy grab-and-go option for busy mornings when we want to enjoy cookies without compromising on nutrition.
Storage & Serving Tips
To store your London Fog Cookies, place them in an airtight container at room temperature for up to 5 days. If you find yourself with extra cookies or want to prep ahead, you can also freeze them for up to 2 months. For best results, keep the powdered sugar and icing (made from the optional 1 tablespoon milk) in separate small containers so they stay fresh until you’re ready to serve. This prevents the cookies from becoming overly sweet and maintains their soft texture.
When reheating, the best method is to preheat your oven to 350°F (175°C) and warm the cookies for about 5 minutes on a baking sheet; this will help retain their softness. Avoid microwaving as it makes them soft and disappointing, which can ruin their deliciously chewy texture. If you have any leftover icing, it can be gently warmed in the microwave for about 10 seconds to make it easier to drizzle over the cookies when serving.
Pro tip: To batch cook London Fog Cookies for meal prep during the week, consider doubling the recipe on a Sunday and portioning them into individual containers for grab-and-go snacks. Family members can self-assemble their own cookie plates by adding different toppings such as a dusting of powdered sugar or a light drizzle of icing. For variety across the week, swap in matcha powder instead of Earl Grey tea leaves for a different flavor profile or use coconut sugar in place of brown sugar for a healthier alternative. To keep your cookies at their best during storage, always ensure they are fully cooled before sealing them in containers to prevent moisture buildup.
Conclusion

These London Fog Cookies have become a regular rotation recipe for me, and I find myself making them at least twice a month because they are deliciously soft, aromatic, and only 150 calories per cookie. The finely crushed Earl Grey tea leaves truly set these cookies apart from typical sweet treats, infusing each bite with that distinct, comforting flavor reminiscent of the beloved beverage. Give this one a try this week. I promise it’ll become a regular in your rotation too.

London Fog Cookies
Ingredients
Method
- Preheat the oven to 350°F (175°C).
- In a mixing bowl, whisk together the flour, baking soda, salt, and crushed Earl Grey tea leaves.
- In another bowl, cream together the softened butter, granulated sugar, and brown sugar until light and fluffy.
- Add the eggs one at a time, mixing well after each addition, then stir in the vanilla extract.
- Gradually add the dry ingredients to the wet ingredients, mixing until just combined.
- Using a cookie scoop, drop dough onto a baking sheet lined with parchment paper, spacing them about 2 inches apart.
- Bake in the preheated oven for 10-12 minutes or until the edges are lightly golden.
- Remove from the oven and let cool on the baking sheet for 5 minutes before transferring to a wire rack to cool completely.
- If desired, mix powdered sugar with milk to create a smooth icing.
- Drizzle over cooled cookies and let set before serving.
