London Fog Tea Cookies Recipe

I recently baked a batch of these London Fog Tea Cookies in my kitchen, and they filled the entire house with the dreamy, comforting aroma of a cozy coffee shop. Inspired by the classic tea latte, these soft-baked cookies blend the fragrant citrus notes of Earl Grey with a subtle, floral lavender cream cheese frosting.

I love how elegant and refined they taste while remaining surprisingly simple to throw together. Rolling the dough in lavender-infused sugar gives each bite a delicate crunch that contrasts beautifully with the tender, pillowy center. Trust me, once you share a plate of these with your friends alongside a hot cup of tea, they will be asking for the recipe immediately!

Ingredients

Using high-quality tea and real vanilla bean paste ensures these delicate, tea-infused cookies deliver maximum flavor in every bite.

• 3 tbsp (12 g) Earl Grey tea – Provides the signature bergamot tea flavor; pulsing and sifting ensures a fine texture throughout the dough.
• 2 3/4 cups (344 g) all purpose flour, spooned and leveled – Creates a tender, soft cookie structure.
• 1/2 tsp baking powder – Gives the cookies a light lift so they stay pillowy.
• 1/2 tsp baking soda – Helps the cookies spread gently while maintaining a soft center.
• 1/2 tsp salt – Sharpens the floral tea and vanilla notes in the dough.
• 1 cup (200 g) granulated white sugar – Sweetens the cookie dough and forms the base for the lavender sugar coating.
• 1 cup (227 g) unsalted butter, softened – Creamed with sugar to yield a rich, delicate crumb.
• 1 egg, at room temperature – Binds the dough together effortlessly without chilling the butter.
• 2 tsp vanilla bean paste – Delivers deep vanilla speckles and cozy flavor to the cookie base.
• 1/2 tbsp culinary lavender – Ground finely and divided between the sugar coating and the creamy frosting.
• 4 oz (113 g) cream cheese, softened – Creates a tangy, silky base for the lavender frosting.
• 1/4 cup (56 g) unsalted butter, softened – Adds structure and richness to the cream cheese icing.
• 1 cup (130 g) powdered sugar – Sweetens and thickens the lavender frosting.
• 1 tsp vanilla bean paste (for frosting) – Enhances the cream cheese glaze with fragrant vanilla.
• Purple food coloring (optional) – Adds a soft, subtle lavender hue to the finished frosting.

Note: Serves 18 to 20 iced cookies, perfect for afternoon tea or dessert spreads.

Variations

Customize these delicate tea treats easily with these fun flavor tweaks to suit your personal preferences.

• Bergamot Citrus Boost: Add 1 teaspoon of fresh lemon or orange zest to the cookie dough for an extra pop of bright citrus.
• Chamomile Honey Twist: Swap the Earl Grey tea for ground chamomile tea leaves and use a drizzle of local honey over the frosting.
• Gluten-Free Option: Substitute the all-purpose flour with an equal 1:1 gluten-free baking flour blend containing xanthan gum.

Cooking Time

This elegant dessert comes together in under an hour, making it a delightful baking project for any afternoon.

• Prep Time: 25 minutes
• Cook Time: 10 minutes
• Total Time: 35 minutes

Equipment you need

Having these basic kitchen tools ready ensures your tea grinding, dough rolling, and frosting steps flow smoothly.

• Food processor – Essential for finely grinding the Earl Grey tea leaves and culinary lavender.
• Fine-mesh sieve – Sifts out any large bits of tea or lavender stems for a silky texture.
• Hand or stand electric mixer – Creams the butter and sugar thoroughly and whips the frosting until light and fluffy.
• 2 tbsp cookie scoop – Ensures every cookie dough ball is uniform in size for even baking.
• Mini offset spatula – Makes spreading the smooth lavender cream cheese frosting clean and effortless.

How to Make London Fog Tea Cookies?

Making these tea-infused cookies is simple, fun, and creates an incredible aroma in your kitchen. The secret is finely grinding the Earl Grey tea leaves and sifting them so you get smooth, perfectly distributed tea speckles throughout the soft dough.

After rolling the dough in lavender-infused sugar and baking briefly, top each cooled cookie with a swoosh of silky lavender cream cheese frosting.

Preparing the Lavender Sugar and Tea

Preheat your oven to 350°F (175°C) and line two baking sheets with parchment paper. Add 1/2 tbsp of culinary lavender to a food processor, pulse until finely ground, and pass through a sieve; set aside half for the frosting. In a medium bowl, mix the remaining lavender with 1/2 cup of granulated sugar to create the lavender coating. Pulse 3 tbsp of Earl Grey tea in the food processor until fine, sift out large bits, and whisk the ground tea together in a bowl with 2 3/4 cups flour, 1/2 tsp baking powder, 1/2 tsp baking soda, and 1/2 tsp salt.

Creaming and Shaping the Dough

In a large bowl, cream 1 cup softened butter and 1 cup granulated sugar with an electric mixer on high speed for 1-2 minutes until light and fluffy. Add 1 egg and 2 tsp vanilla bean paste, beating on medium speed until pale. Mix in the dry tea ingredients on low speed just until combined. Use a 2 tbsp scoop to form dough balls, roll each ball generously in the lavender sugar, and place them at least 2 inches apart on the baking sheets, flattening slightly with your fingers.

Baking the Cookies

Bake 6 to 8 cookies at a time for 9 to 10 minutes until the edges are barely set. Immediately upon pulling them from the oven, scoot a large circular cookie cutter around each cookie to give them a perfect round shape. Let them cool on the baking sheet for 5 minutes before transferring them to a wire rack to cool completely.

Frosting and Assembling

While the cookies cool, beat 4 oz softened cream cheese and 1/4 cup softened butter together with an electric mixer for 3-4 minutes until fluffy. Mix in 1 cup powdered sugar, the reserved ground lavender, 1 tsp vanilla bean paste, and optional purple food coloring until smooth. Once the cookies are completely cool, spread 1 tbsp of frosting over each cookie using a mini offset spatula.

Additional Tips for Making this Recipe Better

• I always recommend sifting both the ground tea and lavender through a fine-mesh sieve so you don’t end up with coarse, woody pieces in your cookies.
• In my experience, using a round cookie cutter to “scoot” around the cookies right out of the oven makes them look bakery-perfect every single time.
• Don’t skip cooling the cookies completely before frosting; warm cookies will cause the cream cheese icing to melt and slide right off.
• I love using vanilla bean paste instead of liquid extract because the real vanilla specks look stunning alongside the ground tea.

How to Serve London Fog Tea Cookies?

Present these gorgeous iced cookies on an elegant tiered cake stand or vintage platter for an inviting tea party aesthetic. Serve each frosted cookie alongside a hot steaming cup of Earl Grey tea, a classic London Fog latte, or cold-brewed iced tea. Garnish the platter with a few dried lavender sprigs or extra Earl Grey tea leaves for an eye-catching finish that highlights the fragrant ingredients inside.

Nutritional Information

Enjoy one of these delicate, frosted tea cookies with this estimated nutritional overview per serving:

• Calories: 220 kcal
• Protein: 2 g
• Carbohydrates: 29 g
• Fat: 11 g

Make Ahead and Storage

Follow these easy guidelines to store, freeze, and enjoy your London Fog cookies while keeping the frosting fresh.

Restoring and Reheating

Since these cookies feature a fresh cream cheese frosting, serve them slightly chilled or let them sit at room temperature for 10 minutes before eating to soften the icing.

Freezing

You can freeze the unfrosted baked cookies in an airtight container for up to 2 months. Thaw at room temperature, then whip up a fresh batch of lavender cream cheese frosting to top them right before serving.

Freshness Duration

Store frosted cookies in a single layer in an airtight container in the refrigerator to keep the cream cheese topping safe. They stay deliciously soft and fresh for up to 3 to 4 days.

Why You’ll Love This Recipe?

Here is why these floral, tea-infused cookies will quickly become a favorite in your baking collection:

• Unique Gourmet Flavor: Blends real Earl Grey tea, floral culinary lavender, and rich vanilla bean for a sophisticated cafe-style treat.
• Irresistibly Soft Texture: Features a tender, soft-baked center coated in a crunchy lavender sugar shell and topped with silky frosting.
• Bakery-Style Appearance: Stunning ground tea specks and optional pastel purple frosting make these cookies an absolute showstopper on any dessert table.
• Perfect for Tea Lovers: Captures all the comforting, warm notes of a classic London Fog latte in a portable, bite-sized cookie.