These London Fog Cookies capture the essence of a cozy tea latte in cookie form—soft, buttery rounds topped with a dreamy earl grey-infused frosting. The texture lands somewhere between a melt-in-your-mouth sugar cookie and a soft-baked shortbread, with a gentle crunch at the edges.
What makes them stand out is the way the bergamot from the earl grey tea plays with the vanilla in the frosting. It’s not overpowering or perfume-like, which I find can happen with floral cookies. Instead, the flavor is balanced and mellow—just like the drink it’s inspired by. The lavender garnish on top isn’t just pretty; it enhances the aroma with a subtle lift.
Most versions I’ve tried in the past either skimp on the earl grey or go overboard. This recipe steeps the tea directly into warm butter before baking, giving the cookie dough its signature flavor from the start. And unlike other frosted cookies, the icing here stays fluffy without crusting over, thanks to a touch of cream cheese and a whipped finish.


Earl Grey Butter Steeping Is the Flavor Backbone
Instead of just throwing dry tea leaves into the dough, I melt unsalted butter and steep the earl grey right in it. You don’t need fancy loose-leaf—a couple bags of a good-quality earl grey work beautifully. Letting the butter steep for 10 minutes allows it to absorb the bergamot oils, mellow the tannins, and carry that aromatic flavor straight into the cookie base.
If you rush this part or use boiling water instead of butter, you lose the richness. The butter needs to smell like a creamy version of your favorite tea by the end of steeping. That’s when you know it’s ready.
The Frosting Is a London Fog on a Spoon
The frosting is what takes these cookies from good to dreamy. I whip together softened butter, cream cheese, powdered sugar, vanilla, and a little earl grey concentrate. The lavender-gray tint comes from the tiniest pinch of ground black tea and purple food gel—completely optional, but it makes them look like they came from a boutique bakery.
I go for a thick, pillowy consistency that holds its shape when spooned on. The key is not overmixing, or it gets too runny. You want it soft but stable, like the top of a well-frothed latte.
Why I Use White Chocolate Sparingly
Just a few shards of white chocolate scattered on top add sweetness and contrast without overpowering the tea and floral notes. I wouldn’t mix it into the dough; it competes too much with the delicate flavor.
If you love white chocolate, try a drizzle instead of chunks—but for me, less is more here. The tea should always be the lead voice.
Baking Time and What to Expect as It Bubbles Up
These cookies only need about 9 to 11 minutes in a 350°F oven, and timing is everything. You want the edges just barely golden—any darker and you lose the soft, tea-infused center. They won’t spread too much, so don’t worry about spacing them far apart.
The moment they come out, they might look underdone in the center. That’s exactly what you want. They finish setting as they cool, developing a tender middle that stays soft for days.
Let them cool completely before frosting—at least 30 minutes. If the cookies are even slightly warm, the frosting will slide right off. I usually make the frosting while they cool so everything comes together smoothly.

Serving Notes and Simple Ways to Store Leftovers
I like to serve these cookies with a hot cup of black tea or a mild latte—anything too sweet on the side overwhelms them. The floral and vanilla notes shine brightest when they’re the star of the show.
Texture-wise, they stay soft for days if you store them properly. I layer them between sheets of parchment in an airtight tin. The frosting stays fluffy, not crusty, for up to 3 days at room temperature or 5 days in the fridge.
If you chill them, let them sit out for 15 minutes before serving. That brings back the buttery softness and lets the bergamot come through again. You can also freeze the unfrosted cookies and frost them fresh for a make-ahead option.
Why These Cookies Belong in Your Cozy Winter Baking Rotation
London Fog Cookies are my go-to when I want something special but not fussy. They taste like comfort in cookie form—gentle, aromatic, and soft in every bite. I especially love baking them in the colder months, when warm, tea-based flavors feel most soothing.
They work equally well for a quiet afternoon treat or dressed up on a holiday platter. Unlike bold chocolate or peppermint cookies, these have a calm presence that rounds out a dessert table without shouting for attention.
If you’re into subtle, elegant flavors, these are a must. I rotate them with my cardamom snickerdoodles and chamomile lemon bars for a tea-themed bake session that never fails to impress.
Before You Go, Pin and Comment Below
If these cookies have inspired your next bake, don’t forget to save them to your “Winter Baking,” “Tea Party Treats,” or “Cozy Desserts” Pinterest boards. The more they’re shared, the more this gentle flavor combo finds the love it deserves.
I’d love to hear what you think—did you tweak the frosting, add extra lavender, or pair them with your favorite tea? Drop a comment and let’s trade ideas. Your tips always help make the next batch even better!
Print
London Fog Cookies: Soft, Floral, and Just Sweet Enough
- Total Time: 35 minutes
- Yield: 20 cookies
- Diet: Vegetarian
Description
Soft, buttery cookies infused with Earl Grey and topped with lavender cream. These London Fog cookies capture the warmth and calm of your favorite tea in every bite.
Ingredients
1 cup unsalted butter
2 tablespoons loose-leaf Earl Grey tea
1 cup granulated sugar
1 large egg
1 teaspoon vanilla extract
2 cups all-purpose flour
1 tablespoon cornstarch
1 teaspoon baking soda
0.5 teaspoon salt
0.5 cup finely chopped white chocolate
0.25 cup heavy cream
1 tablespoon culinary lavender buds
0.5 cup unsalted butter (for frosting)
2 cups powdered sugar
0.5 teaspoon vanilla extract
extra white chocolate and lavender for garnish
Instructions
1. Melt 1 cup butter and stir in the Earl Grey tea. Let steep 10 minutes, then strain and cool.
2. Cream the infused butter with sugar until fluffy.
3. Add egg and vanilla. Mix until smooth.
4. Whisk together flour, cornstarch, baking soda, and salt. Add to wet ingredients and mix until combined.
5. Fold in the chopped white chocolate.
6. Chill dough for at least 30 minutes.
7. Preheat oven to 350°F (175°C) and line baking sheet with parchment.
8. Scoop dough and bake 9–11 minutes, until edges are golden and centers look set but soft.
9. Cool completely before frosting.
10. To make frosting, heat cream and steep with lavender buds for 10 minutes. Strain and cool.
11. Beat butter with powdered sugar, lavender cream, and vanilla until light and fluffy.
12. Frost cookies once cooled. Garnish with extra chopped white chocolate and dried lavender.
13. Store in airtight container or frost just before serving.
Notes
Let the tea steep fully in melted butter to get the most flavor.
Strain both butter and cream to avoid gritty or bitter texture.
Freeze unfrosted cookies and frost fresh for best results.
- Prep Time: 25 minutes
- Cook Time: 10 minutes
- Category: Cookies
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 cookie
- Calories: 210
- Sugar: 18g
- Sodium: 95mg
- Fat: 11g
- Saturated Fat: 7g
- Unsaturated Fat: 3g
- Trans Fat: 0g
- Carbohydrates: 27g
- Fiber: 0.5g
- Protein: 2g
- Cholesterol: 35mg
Keywords: London Fog, Earl Grey Cookies, Lavender Frosting, Tea Cookies
