London Fog Cake (Earl Grey Lavender Delight)

London Fog Cake is a dessert that feels like a cozy afternoon in your favorite sweater, the kind that fills your home with the warm scent of Earl Grey tea and lavender. This soft, velvety cake is inspired by the London Fog latte — that classic combination of black tea, bergamot, steamed milk, and a touch of vanilla. In this cake, those same flavors are brought to life through a moist Earl Grey sponge, a sweet tea milk soak, and a luscious lavender vanilla bean cream cheese frosting.

The texture is perfection: soft, tender, and delicately fragrant, with just enough sweetness to make every bite feel special. Whether you’re baking for a brunch, a shower, or simply for yourself (because yes, you deserve that), this London Fog Cake brings all the warmth and charm of a fancy tea shop right into your kitchen.

Table of Contents

What is London Fog Cake?

If you’ve ever had a London Fog latte, you already know where this cake gets its magic. London Fog Cake is a baked version of that soothing drink — it takes the floral notes of Earl Grey tea, the subtle aroma of lavender, and the creamy comfort of vanilla to create a beautifully balanced dessert. The sponge itself is infused with ground Earl Grey and lavender, giving it a distinctive taste that’s both elegant and homey.

After baking, the cake is gently soaked in an Earl Grey milk mixture that enhances the flavor and keeps it irresistibly moist. The frosting — made with cream cheese, butter, vanilla bean paste, and a hint of lavender — adds the perfect silky finish. It’s like having your favorite cup of tea transformed into cake form, only better.

Reasons to Try London Fog Cake

First, the flavor profile is simply divine. Earl Grey tea brings sophistication, lavender adds a floral twist, and the vanilla bean frosting ties it all together with creamy sweetness. It’s the kind of cake that makes you slow down to savor it. Second, the texture — soft yet structured, thanks to the milk soak that gives it a tres leches-like tenderness without turning it soggy. And third, it’s stunning to serve. The light purple hue from the lavender and optional food coloring makes it a showstopper at any gathering. It pairs beautifully with coffee, tea, or even after a light dinner — much like our Strawberry Milkshake Pound Cake or Best Ever No-Bake Cheesecake.

Ingredients Needed to Make London Fog Cake

For the Earl Grey Cake: 3 tablespoons Earl Grey tea, 1 tablespoon culinary lavender, 2¼ cups all-purpose flour, 1½ teaspoons baking powder, ¼ teaspoon baking soda, ½ teaspoon salt, 10 tablespoons unsalted butter (softened), 1½ cups granulated sugar, 3 large eggs (room temperature), 1 tablespoon vanilla bean paste, and 1 cup buttermilk.
For the Earl Grey Milk Soak: ½ cup whole milk, 2 tablespoons Earl Grey tea, ½ tablespoon culinary lavender, ½ cup sweetened condensed milk, and ½ teaspoon vanilla bean paste.
For the Lavender Cream Cheese Frosting: 1 tablespoon culinary lavender, 1 cup unsalted butter (softened), 8 ounces cream cheese (cold), 2 cups powdered sugar, 1 teaspoon vanilla bean paste, and optional purple food coloring.

Instructions to Make London Fog Cake Step by Step

Step 1: Preparing the Base Batter

Start by preheating your oven to 350°F (175°C). Grease a 9×9-inch metal baking pan and line it with parchment paper. In a food processor, pulse together the Earl Grey tea and lavender until finely ground, then sift out any larger pieces. This helps evenly distribute the flavor without leaving gritty bits. In a medium bowl, whisk your dry ingredients — flour, baking powder, baking soda, salt, and the ground tea-lavender mix — until they’re well combined. Set aside.

Now, in a large bowl, cream the butter and sugar with an electric mixer on high speed for about two minutes. You’re looking for a pale, fluffy texture that signals air is being incorporated. Add the eggs one at a time, mixing on medium speed, then blend in the vanilla bean paste until everything looks silky and light. Alternate adding your dry ingredients and buttermilk in small portions, starting and ending with the dry mix. Keep your mixer on low and scrape the sides of the bowl as needed. The batter should be smooth and fragrant, with that unmistakable tea aroma already shining through. Pour it into the prepared pan, smoothing the top with a spatula.

Step 2: Baking the Cake

Bake for 38–44 minutes, or until a toothpick inserted in the center comes out clean. While baking, your kitchen will smell like a dream — bergamot, lavender, and buttery sweetness filling the air. Once baked, let the cake cool in the pan for 30 minutes before gently lifting it out with the parchment paper and placing it on a rack to cool completely.

Step 3: Creating the Earl Grey Milk Soak

While the cake cools, it’s time for the tea soak that takes this dessert to the next level. In a small saucepan over low heat, warm the milk until steaming but not boiling. Add the Earl Grey tea and lavender, allowing them to steep for about 15 minutes. Strain out the solids using a fine sieve, then whisk in the sweetened condensed milk and vanilla bean paste. Let this mixture cool to room temperature — it should be smooth, creamy, and full of tea flavor.

Step 4: Making the Lavender Cream Cheese Frosting

Add the lavender to a food processor and pulse until finely ground. In a large mixing bowl, beat the softened butter on high speed for 5 minutes until it’s pale and airy. Then add in the cold cream cheese and beat for another minute until fluffy. Sift in the powdered sugar and add the ground lavender and vanilla. Start mixing on low speed, then switch to high for another minute until the frosting is smooth and luscious. If you want that delicate pastel color, add a few drops of purple food coloring and stir until it’s evenly tinted.

Step 5: Assembling the Cake

Once your cake is fully cooled, use a sharp knife to slice off the very top layer to create an even surface. This helps the milk soak absorb more easily. Place the cake on your serving dish and poke small holes all over the top with the handle of a wooden spoon or a skewer — this part is oddly satisfying. Slowly pour the milk mixture over the surface, letting it soak in as you go. Be patient — it’s worth it! The milk will seep through the sponge, infusing it with flavor without making it soggy.

Spread a generous layer of frosting on top, smoothing it with an offset spatula until you have a thick, creamy finish. You can pipe swirls or leave it rustic — either way, it looks gorgeous. Cut the cake into 16 neat slices and serve. Each slice is tender, aromatic, and irresistibly creamy — the perfect ending to any meal or afternoon tea.

What to Serve with London Fog Cake

This cake pairs beautifully with a hot drink. Try serving it with a steaming cup of Earl Grey (for the full theme experience) or even a creamy cappuccino. For a savory contrast, pair it with something hearty but mild, like our Creamy Lemon Garlic Chicken Skillet or Pasta Primavera. The light citrus and floral notes of the cake balance savory dishes wonderfully, making it an ideal dessert after a cozy homemade dinner.

Key Tips for Making London Fog Cake

Use high-quality Earl Grey tea — loose-leaf works best for maximum flavor. Don’t skip the steeping step for the milk soak; it’s what gives the cake its signature richness. Always cool the cake completely before soaking or frosting — rushing this part can melt the frosting or make the cake too wet. If you’re not a lavender fan, reduce the amount slightly or substitute with dried chamomile for a gentler floral taste.

Storage and Reheating Tips for London Fog Cake

Store your cake in an airtight container in the refrigerator for up to five days. Let slices sit at room temperature for about 20 minutes before serving to bring back that buttery softness. You can also freeze unfrosted cake layers for up to two months; just wrap them tightly in plastic and thaw before assembling.

FAQs

Can I make this cake ahead? Absolutely! In fact, it tastes even better the next day once the flavors meld. Can I make it gluten-free? Yes, just substitute your favorite 1:1 gluten-free flour blend. What if I don’t have lavender? You can skip it entirely or replace it with a few drops of vanilla extract for extra depth.

Final Thoughts

London Fog Cake is the ultimate combination of comfort and elegance — a soft, fragrant treat that feels like something you’d order at a boutique bakery, yet it’s completely doable at home. Every bite is infused with warmth and calm, making it perfect for both everyday indulgence and special moments. The next time you want to bake something that wows without overwhelming, reach for this recipe — your kitchen, your guests, and your soul will thank you.

Visit our Pinterest for regular slow cooker recipe updates, or join our Facebook discussions where cooking fans exchange their favorite hearty meal ideas.

Print