If you’ve been searching for a cookie that feels like a warm hug paired with your afternoon tea, then this London Fog Cookies with Lavender Cream Cheese Frosting Recipe is an absolute dream come true. Combining the subtle, aromatic notes of Earl Grey tea with the delicate floral whispers of lavender, these cookies are soft, buttery, and topped with a lush cream cheese frosting that will make you swoon. Whether you're treating yourself or sharing with friends, these cookies bring a delightful elegance and cozy comfort all in one bite.
Ingredients You'll Need
Every ingredient in this recipe plays a starring role, coming together to create the perfect balance of flavor, texture, and that beautiful lavender hue. From fragrant Earl Grey tea to creamy frosting components, these simple favorites transform into something truly special.
- Earl Grey tea (3 tbsp): Provides the signature bergamot flavor that makes these cookies distinctly London Fog.
- All-purpose flour (2 ¾ cups): The structure of your cookies depends on this carefully measured amount.
- Baking powder (½ tsp): Adds the right lift to keep the cookies tender but not cakey.
- Baking soda (½ tsp): Helps with the perfect rise and texture harmony.
- Salt (½ tsp): Enhances the sweet and floral notes wonderfully.
- Granulated white sugar (1 ½ cups total): Half is used in the dough, half combined with lavender to coat the cookies for a subtle sparkle.
- Unsalted butter (1 ¼ cups total): Softened butter ensures that creamy, melt-in-your-mouth texture.
- Egg (1, room temperature): Binds everything beautifully while contributing to softness.
- Vanilla bean paste (2 tsp): Adds warmth and depth beyond plain vanilla extract.
- Culinary lavender (1 tablespoon total): Divided between the sugar coating and the frosting, giving those signature fragrant floral notes.
- Cream cheese (4 oz): For that luscious, tangy frosting that complements the cookies perfectly.
- Powdered sugar (1 cup): The key to a smooth, sweet frosting base.
- Purple food coloring (optional): Just a drop to give the frosting that classic lavender tint.
How to Make London Fog Cookies with Lavender Cream Cheese Frosting Recipe
Step 1: Prepare the Lavender Sugar
Start by pulsing the culinary lavender in a food processor until finely ground, then sift to discard any larger bits for a smooth coating. Mix half of it with granulated sugar to create your fragrant lavender sugar, setting it aside for rolling the cookie dough later. This quick step infuses the cookies with an elegant floral note already before baking.
Step 2: Preheat and Prep
Set your oven to 350°F (175°C) and line two baking sheets with parchment paper. Taking these simple preparation steps upfront will help ensure your cookies bake evenly and come off the sheets cleanly for perfect presentation.
Step 3: Grind the Earl Grey Tea
Use your food processor again to grind the Earl Grey tea leaves finely. Passing them through a sieve removes larger bits, which prevents rough textures in the dough and guarantees a smooth, pronounced bergamot flavor throughout each bite.
Step 4: Combine the Dry Ingredients
In a medium bowl, whisk together the flour, baking powder, baking soda, salt, and the finely ground Earl Grey tea. This dry mixture forms the base for the cookie dough, blending classic baking essentials with that uniquely aromatic twist.
Step 5: Cream Butter and Sugar
In a large mixing bowl, beat together 1 cup softened butter with 1 cup granulated sugar on high speed until light and fluffy, about 1–2 minutes. This step is crucial for tender cookies with the perfect crumb, as the air incorporated here gives delightful lift and softness.
Step 6: Add Wet Ingredients
Mix in the egg and vanilla bean paste on medium speed until the mixture lightens further and becomes fluffy, around 1–2 minutes. This adds volume and a rich, complex flavor that makes these cookies irresistible.
Step 7: Mix Dry into Wet
On low speed, gradually add the dry flour mixture until just combined. Overmixing can toughen cookies, so it’s important to stop once everything looks incorporated but still soft.
Step 8: Form and Coat Cookie Dough Balls
Scoop the dough in 2-tablespoon portions and roll each into balls. Then, roll the dough balls in the lavender sugar until fully coated. This extra step adds a subtle crunch and gorgeous speckled look once baked.
Step 9: Bake the Cookies
Arrange dough balls two inches apart on the parchment-lined sheets and gently flatten each slightly into a circle. Bake for 9–10 minutes, then while still warm, use a large cookie cutter to perfect their shape. Let them cool on the sheets for 5 minutes before transferring to a wire rack to cool completely.
Step 10: Make the Lavender Cream Cheese Frosting
While the cookies cool, prepare the frosting by whipping the softened butter and cream cheese together until light and fluffy, about 3–4 minutes. Mix in powdered sugar, reserved finely ground lavender, and vanilla bean paste until the frosting is evenly luscious. Add a drop of purple food coloring for a whimsical, lavender-inspired color if you like.
Step 11: Frost and Enjoy!
Once fully cooled, spread roughly one tablespoon of frosting on each cookie using a small spatula or butter knife. The creamy frosting provides a tangy counterbalance to the floral and citrus notes of the cookie, making every bite melt-in-your-mouth perfect.
How to Serve London Fog Cookies with Lavender Cream Cheese Frosting Recipe
Garnishes
For an extra special touch, sprinkle a pinch of additional culinary lavender on top of the frosting or add a tiny edible flower. These subtle garnishes elevate the cookies, making them look as delightful as they taste and adding a charming visual hint at the flavors inside.
Side Dishes
These cookies shine when paired with a hot cup of Earl Grey tea or a creamy London Fog latte. For a cozy afternoon treat, serve alongside fresh berries or a dollop of whipped cream to complement the floral sweetness without overpowering it.
Creative Ways to Present
Arrange these cookies on a tiered serving tray for tea parties or package in small boxes tied with lavender sprigs for lovely homemade gifts. You can also sandwich two cookies together with extra frosting for a decadent lavender cream cheese cookie sandwich that’s sure to impress.
Make Ahead and Storage
Storing Leftovers
Keep any leftover London Fog Cookies with Lavender Cream Cheese Frosting Recipe in an airtight container in the fridge, where they will stay fresh for 3 to 4 days. The frosting is cream cheese based, so refrigeration is the best way to maintain taste and texture.
Freezing
You can freeze the baked cookies without frosting for up to 3 months by placing them on a baking sheet to freeze individually, then transferring them to freezer-safe bags. When ready, thaw at room temperature, then add the frosting fresh for the best flavor and texture.
Reheating
If you want to enjoy the cookies warm, remove them from the fridge and let them sit at room temperature for 15 minutes, or warm gently in the oven at 300°F for 3–5 minutes without the frosting to avoid melting it.
FAQs
Can I use a different type of tea instead of Earl Grey?
While Earl Grey is key to the signature London Fog flavor in these cookies, you could experiment with other teas like chamomile or lady grey, but keep in mind the taste will differ significantly.
Is culinary lavender safe to eat?
Yes! Culinary lavender is specially grown and prepared for cooking and baking. Just make sure to buy it from a trusted source to ensure it's food grade and pesticide-free.
Why do we grind the tea and lavender?
Grinding them finely helps distribute their flavors evenly throughout the cookies and frosting, and avoids any unpleasant texture from larger bits or leaves.
Can I make these cookies vegan?
This recipe uses butter and cream cheese for creaminess, so to make it vegan you’d need plant-based alternatives for both and check your vanilla paste and sugar are vegan-friendly, which might require some adjustments.
What’s the best way to get the perfect circular cookie shape?
After baking, gently pressing a cookie cutter around the warm cookies helps achieve a neat, uniform shape and beautiful presentation.
Final Thoughts
You truly can’t go wrong with this London Fog Cookies with Lavender Cream Cheese Frosting Recipe. It’s a wonderfully unique treat that feels both sophisticated and deeply satisfying. I hope you have as much fun baking and sharing these cookies as I do. Trust me, once you try this recipe, it’ll become a beloved staple in your baking repertoire!
Print
London Fog Cookies with Lavender Cream Cheese Frosting Recipe
- Prep Time: 20 minutes
- Cook Time: 15 minutes
- Total Time: 54 minutes
- Yield: 20 servings
- Category: Dessert
- Method: Baking
- Cuisine: British-inspired
Description
Delight in the aromatic charm of London Fog Cookies, featuring fragrant Earl Grey tea infused into buttery cookies rolled in lavender sugar, topped with a smooth and fluffy lavender cream cheese frosting. Perfectly balanced with floral notes and a hint of vanilla, these cookies offer a sophisticated twist on a classic treat.
Ingredients
Lavender Sugar
- ½ tbsp culinary lavender
- ½ cup (100 g) granulated white sugar
Earl Grey Cookies
- 3 tbsp (12 g) Earl Grey tea
- 2 ¾ cups (344 g) all purpose flour, spooned and leveled
- ½ tsp baking powder
- ½ tsp baking soda
- ½ tsp salt
- 1 cup (200 g) granulated white sugar
- 1 cup (227 g) unsalted butter, softened
- 1 egg, at room temperature
- 2 tsp vanilla bean paste
Lavender Cream Cheese Frosting
- 4 oz (113 g) cream cheese
- ¼ cup (56 g) unsalted butter, softened
- 1 cup (130 g) powdered sugar
- ½ tbsp culinary lavender (finely ground, reserved from lavender sugar preparation)
- 1 tsp vanilla bean paste
- Purple food coloring (optional)
Instructions
- Prepare Lavender Sugar: Add the lavender to a food processor and pulse until finely ground. Pass through a sieve to remove any large bits. Set aside half of this finely ground lavender for frosting later. Mix the remaining ground lavender with granulated sugar in a medium bowl and set aside for rolling the cookies.
- Preheat Oven & Prepare Baking Sheets: Preheat your oven to 350°F (175°C). Line two baking sheets with parchment paper to prevent sticking and ease cleanup.
- Grind Earl Grey Tea: Add Earl Grey tea leaves to a food processor and pulse until finely ground. Sift through a sieve to remove any larger bits ensuring a smooth dough.
- Mix Dry Ingredients: In a medium bowl, whisk together the flour, baking powder, baking soda, salt, and ground Earl Grey tea. Set aside for incorporation later.
- Cream Butter and Sugar: Using an electric mixer on high speed, cream together softened butter and granulated sugar in a bowl until the mixture is very light and fluffy, approximately 1-2 minutes, ensuring a tender cookie texture.
- Add Egg and Vanilla: Add the egg and vanilla bean paste to the creamed mixture and mix on medium speed until pale and fluffy, about 1-2 minutes, to incorporate air into the dough.
- Combine Dry Ingredients: Add the dry ingredients mixture to the wet ingredients and mix on low speed until just combined, avoiding overmixing which can toughen the cookies.
- Shape Dough Balls: Using a 2-tablespoon cookie scoop, portion out the dough and roll each scoop into balls. Roll each dough ball in the prepared lavender sugar to coat evenly.
- Arrange Cookies on Baking Sheets: Place the lavender sugar-coated dough balls at least 2 inches apart on the prepared baking sheets. Slightly flatten each ball and gently shape them into circles for even baking and appearance.
- Bake Cookies: Bake 6-8 cookies at a time in the preheated oven for 9-10 minutes. Once baked, let them cool on the baking sheet for 5 minutes. While still warm, use a large circular cookie cutter to perfect the round shape if desired.
- Cool Cookies: Transfer the shaped cookies to a cooling rack and allow them to cool completely before frosting to prevent melting the frosting.
- Make Lavender Cream Cheese Frosting: While the cookies are baking and cooling, combine softened butter and cream cheese in a medium bowl. Use an electric mixer to beat until fluffy, about 3-4 minutes. Add powdered sugar, reserved finely ground lavender, and vanilla bean paste. Mix again until very fluffy. Add purple food coloring if you want a lavender tint to the frosting.
- Frost Cookies: Once the cookies are completely cooled, top each with about 1 tablespoon of frosting. Use a mini offset spatula to spread evenly and smoothly. Serve immediately or store in an airtight container.
Notes
- Spoon and level flour when measuring to ensure accuracy and a tender crumb.
- Grinding the Earl Grey tea and lavender finely ensures even distribution and a pleasant texture.
- If you do not have vanilla bean paste, pure vanilla extract can be used as a substitute but may slightly alter the flavor intensity.
- Cookies can be baked in batches to maintain spacing and even cooking.
- Optional purple food coloring adds a beautiful aesthetic but does not affect flavor.
- Store leftover cookies in an airtight container in the refrigerator for up to 5 days.

Leave a Reply