A warm, tea-scented cookie with a kiss of lavender and a silky cream cheese frosting — that’s what these London Fog Cookies with Lavender Frosting bring to your tea table.
They’re delicate but satisfying, and they pair beautifully with a mug of Earl Grey or a glass of milk.
If you like floral desserts or elegant tea-time treats, these cookies are built for sharing and photographing.
For a similar twist on classic cookies, see this take on London Fog cookies with lavender cream cheese frosting for more inspiration.
Why You’ll Love This London Fog Cookies with Lavender Frosting
- Bright, bergamot-forward Earl Grey flavor balanced by soft, floral lavender.
- Buttery, tender cookie texture that holds up to a creamy frosting.
- Elegant appearance with subtle purple hues for special occasions.
- Easy-to-follow method that yields consistent results for home bakers.
- Customizable frosting thickness and color to suit your palette.
- Great make-ahead cookie — dough and frosting freeze well.
These cookies deliver a layered sensory experience: bergamot from Earl Grey provides citrusy top notes, culinary lavender lends a floral backbone, and the cream cheese frosting adds tang and silkiness. The cookie itself is crisp at the edges and tender inside thanks to the balance of fat and sugar.
“Absolutely dreamy — my guests thought these were from a boutique bakery. The Earl Grey shines and the lavender frosting isn’t overpowering. Five stars!” — Sarah, home baker
Key Ingredients for London Fog Cookies with Lavender Frosting
Earl Grey tea (3 tbsp)
Earl Grey brings bergamot oil, which gives this cookie its characteristic citrusy-floral aroma. Buy a high-quality loose-leaf or premium tea bag blend to avoid bitter fannings; the flavor concentrates when finely ground. If you substitute with black tea alone, you’ll lose the bergamot brightness; for a similar profile, add a small amount of orange zest to black tea.
All-purpose flour (2 3/4 cups)
All-purpose flour provides structure and the classic tender crumb in these cookies. Use a medium-protein, unbleached flour for the best mouthfeel and predictable gluten development. Swapping to cake flour will yield a more delicate crumb and slightly flatter cookies; whole wheat will make them denser and nuttier.
Unsalted butter (1 cup, softened)
Butter gives flavor, spread, and the melt-in-your-mouth quality of the cookie. Choose high-fat, unsalted butter if available for richer flavor; salted butter can alter your salt balance. If you use margarine or a lower-fat spread, expect less flavor and a different texture — the cookies may be drier or lack proper spread.
Culinary lavender (1/2 tbsp)
Culinary lavender adds the floral note that makes these London Fog Cookies unique. Buy food-grade lavender labeled “culinary” and avoid strongly perfumed ornamental varieties. If you omit lavender, you lose the floral counterpoint; alternatively, reduce the amount if you’re sensitive to floral flavors.
Full Ingredient List for London Fog Cookies with Lavender Frosting
- 3 tbsp Earl Grey tea
- 2 3/4 cups all-purpose flour
- 1/2 tsp baking powder
- 1/2 tsp baking soda
- 1/2 tsp salt
- 1 cup granulated white sugar
- 1 cup unsalted butter, softened
- 1 egg, at room temperature
- 2 tsp vanilla bean paste
- 1/2 cup granulated white sugar (for lavender sugar)
- 1/2 tbsp culinary lavender
- 4 oz cream cheese
- 1/4 cup unsalted butter, softened (for frosting)
- 1 cup powdered sugar
- 1 tsp vanilla bean paste
- Purple food coloring (optional)
Step-by-Step Instructions for London Fog Cookies with Lavender Frosting
Step 1: Prepare and grind the lavender for London Fog Cookies with Lavender Frosting
Start by grinding the culinary lavender finely in a food processor or mortar and pestle. Sift the ground lavender through a fine mesh to remove any larger bits that could be sharp in the cookie.
Pro Tip: The lavender should look like a fine dust and smell floral but not medicinal.
Step 2: Preheat and line pans for London Fog Cookies with Lavender Frosting
Preheat the oven to 350°F (175°C). Line two baking sheets with parchment paper so the cookies bake evenly and release cleanly.
Pro Tip: The oven should register steady heat; parchment should sit flat with no wrinkles around cookie placement.
Step 3: Grind the Earl Grey tea for London Fog Cookies with Lavender Frosting
Grind the Earl Grey tea until finely ground and sift to remove large bits. Combine the tea with the dry ingredients so the bergamot disperses evenly through the dough.
Pro Tip: The ground tea looks like a light dust and will tint the flour slightly; it should smell bright and citrusy.
Step 4: Mix dry ingredients for London Fog Cookies with Lavender Frosting
In a medium bowl, whisk together the flour, baking powder, baking soda, salt, and the ground Earl Grey tea. Ensure even distribution so rising agents are consistent.
Pro Tip: The dry mix should be homogeneous with no clumps; lift a pinch and it should feel powdery and even.
Step 5: Cream butter and sugar for London Fog Cookies with Lavender Frosting
In a large bowl, beat the softened butter and granulated sugar until light and fluffy. Beat in the room-temperature egg and vanilla bean paste until fully incorporated.
Pro Tip: The creamed mixture should be pale and airy and will ribbon slightly when the beater is lifted.
Step 6: Combine dough and form balls for London Fog Cookies with Lavender Frosting
Add the dry ingredients to the wet and mix until just combined. Roll dough into balls, then coat each ball in the lavender sugar mixture made from the 1/2 cup granulated sugar and ground lavender.
Pro Tip: The dough should hold its shape and feel slightly cool; the sugar coating will cling and glisten.
Step 7: Shape and bake for London Fog Cookies with Lavender Frosting
Place the coated dough balls on the prepared baking sheets, flatten them slightly with your palm, and bake for 9–10 minutes. Let the cookies cool on the baking sheets for 5 minutes before transferring to a wire rack to finish cooling.
Pro Tip: Cookies should be pale gold at the edges and soft in the center when removed.
Step 8: Make the lavender cream cheese frosting for London Fog Cookies with Lavender Frosting
For the frosting, beat the cream cheese and softened butter until fluffy. Mix in the powdered sugar, the remaining ground lavender, and vanilla bean paste; add a drop of purple food coloring if you want a pastel tint.
Pro Tip: Frosting should be smooth, creamy, and spreadable — not runny or overly stiff.
Step 9: Frost and finish the London Fog Cookies with Lavender Frosting
Frost the cooled cookies with about 1 tablespoon of frosting each. Allow the frosting to set slightly before stacking or serving.
Pro Tip: Frosting should hold its shape on the cookie and show faint texture from your spreader when set.
Expert Tips for London Fog Cookies with Lavender Frosting
- Temperature tip: Use room-temperature egg and butter for proper emulsification and a tender cookie. Cold ingredients prevent full creaming and can make cookies dense.
- Texture troubleshooting: If cookies spread too much, chill the dough 15–20 minutes before baking; if they’re dry, reduce baking time by 1–2 minutes.
- Equipment tips: A stand mixer with paddle attachment gives the most consistent creaming; a food processor is ideal for grinding tea and lavender fine. For another baking-friendly appliance option, see this quick chocolate roll technique that discusses dough handling.
- Measuring tip: Spoon flour into the cup and level it off rather than scooping — this prevents dense dough.
- Flavor balance: Taste the ground Earl Grey and lavender before mixing; if the lavender is overpowering, halve the amount and add more to the frosting instead.
- Common mistake: Overmixing after adding flour develops gluten and makes cookies tough; stop as soon as dry streaks disappear.
- Color and presentation: For a soft purple hue, add a tiny amount of gel food coloring; liquid dyes can thin the frosting too much.
- Make-ahead tip: Freeze unbaked dough balls on a tray, then transfer to a bag for up to 3 months; bake directly from frozen with an extra 1–2 minutes.
For more cookie inspiration that embraces delicate flavors, try this soft Valentine’s sugar cookies with pink buttercream which also highlights frosting color techniques.
Storage & Freezing for London Fog Cookies with Lavender Frosting
Store finished cookies in the refrigerator in an airtight container for up to 5 days. Place wax paper between stacked layers to protect the frosting.
Cookies can be frozen unfrosted for up to 3 months in a freezer-safe container or bag. Thaw overnight in the refrigerator and bring to room temperature before frosting.
Frosted cookies can be frozen for up to 2 months; arrange them in a single layer on a tray to freeze solid, then stack with parchment between layers in a container. Thaw in the fridge to avoid condensation on the frosting.
Reheat chilled cookies briefly in a 275°F oven for 3–4 minutes if you prefer them warm; do not microwave as it will soften the frosting unevenly.
Variations & Substitutions for London Fog Cookies with Lavender Frosting
- Shortbread variation: Replace the egg with 1/4 cup of extra butter and reduce sugar by 2 tbsp to transform the dough into a London Fog shortbread. Result: crumblier, ultra-buttery cookies perfect for tea.
- Citrus lift: Add 1 tsp finely grated orange zest to the dough to amplify bergamot notes. Result: brighter cookies with more pronounced citrus complexity.
- Vegan swap: Use a vegan butter and a flax “egg” (1 tbsp ground flax + 3 tbsp water). Result: slightly denser texture and a less pronounced dairy tang in the frosting; use vegan cream cheese for the same tangy finish.
- Stronger lavender frosting: Increase lavender in the frosting by 25% and skip lavender in the sugar coating. Result: a smoother floral finish concentrated in the frosting rather than the cookie exterior.
For equipment and method crossovers that streamline small-batch bakes, this air fryer technique article shows how to adapt timing and heat for compact appliances.
Frequently Asked Questions About London Fog Cookies with Lavender Frosting
Can I use pre-ground Earl Grey tea or must I grind it fresh for London Fog Cookies with Lavender Frosting?
Pre-ground Earl Grey from a high-quality loose-leaf blend is fine if it’s fresh and aromatic. Grind if you have larger leaves or tea bags to ensure even flavor dispersion. If using older pre-ground tea, the bergamot notes may be muted; add a touch of orange zest to boost aroma.
How much lavender is too much in London Fog Cookies with Lavender Frosting?
Start with 1/2 tablespoon of culinary lavender in the recipe and split additional amounts between sugar and frosting. Too much lavender tastes soapy; if you detect any medicinal or soapy notes, reduce by 25% next time. Taste the ground lavender before using to judge its potency.
Why did my frosting turn out runny for London Fog Cookies with Lavender Frosting?
Runny frosting usually means the cream cheese or butter was too warm or too much liquid dye was added. Chill the frosting for 15–30 minutes and re-whip. If still soft, add a tablespoon more powdered sugar at a time until it holds shape.
Can I bake these cookies at high altitude for London Fog Cookies with Lavender Frosting?
At high altitude, decrease baking powder by 1/8 to 1/4 teaspoon and slightly increase flour by 1–2 tablespoons to prevent excess spread. Also reduce oven temperature by 15–25°F and watch baking time closely. Test a small batch first to dial in exact adjustments.
Is it okay to skip the lavender sugar coating for London Fog Cookies with Lavender Frosting?
Yes — skipping the lavender sugar will yield a less floral exterior but the lavender flavor can still be present in the frosting. If you skip it, consider tossing the dough balls in plain sugar for texture and sparkle instead.
Final Thoughts on London Fog Cookies with Lavender Frosting
These cookies are a refined, easy-to-achieve treat that showcase Earl Grey and lavender in harmony. They’re great for tea parties, bridal showers, or as a unique bake to gift friends.
Please leave a star rating in the recipe card below and pin this recipe to Pinterest if you enjoyed it.
Conclusion: London Fog Cookies with Lavender Frosting
For another take on a delicate London Fog shortbread, see Mary Disomma’s London Fog Lavender Shortbread Cookie Recipe which leans into crumbly texture.
If you want a bakery-style inspiration before baking, check In Bloom Bakery’s London Fog Cookies for plating and styling ideas.
For a different home-baker perspective on lavender and Earl Grey, read Hummingbird High’s Lavender Earl Grey Cookies.
