London Fog Cake Recipe – 5 Secrets to a Moist & Dreamy Dessert

The London Fog Cake is one of those desserts that makes you stop mid-bite and sigh happily. If you’ve ever wrapped your hands around a warm London Fog latte on a rainy afternoon, this cake captures that same cozy magic—but in edible form. Imagine a tender, buttery cake infused with Earl Grey tea and lavender, soaked with a silky tea-infused milk mixture, then finished with an airy lavender vanilla bean cream cheese frosting. It’s soft, aromatic, and balanced—sweet but never cloying.

This London Fog Cake recipe feels like something out of an elegant bakery but is surprisingly simple to make at home. Whether you’re baking for a weekend brunch, a bridal shower, or simply because you crave something beautiful, this recipe will earn you instant applause. And trust me, the scent alone will make your kitchen smell like a spa day.

Table of Contents

What is London Fog Cake?

At its heart, a London Fog Cake is the dessert version of the classic London Fog latte. The latte, loved for its warm vanilla and bergamot notes, is transformed here into layers of moist, tea-infused cake. The Earl Grey adds depth with its citrusy aroma, while lavender brings a delicate floral lift. Unlike most layer cakes, this one includes an Earl Grey milk soak—similar to a tres leches cake—that keeps it impossibly soft and tender.

The cream cheese frosting, scented with vanilla and lavender, gives it a tangy, velvety finish. Each bite feels like sipping a cup of tea on a foggy London morning—calming, aromatic, and luxurious. If you’ve tried our Lemon Blueberry Cake or Blueberry Cheesecake Rolls, think of this as their elegant cousin from across the pond.

Reasons to Try London Fog Cake

There are plenty of reasons to fall in love with this London Fog Cake, but let’s start with the obvious—it’s incredibly moist and flavorful. The combination of Earl Grey and lavender might sound fancy, but together they create a flavor that’s both comforting and sophisticated. It’s not too sweet, which means it pairs perfectly with tea, coffee, or even a glass of milk. Plus, this cake stores well and tastes even better the next day after the milk soak fully infuses into the crumb.

And while it looks impressive, the recipe itself is straightforward. You don’t need to be a pastry chef to pull this off—just a mixing bowl, some patience, and maybe a podcast for company while you wait for the cake to bake. If you love elegant desserts that aren’t a sugar bomb, you’ll adore this one. Looking for other cozy desserts with a twist? You might also enjoy Hot Chocolate Lasagna or the Strawberry Tres Leches Cake.

Ingredients Needed to Make London Fog Cake

For the Earl Grey Cake:

• 3 tbsp (12 g) Earl Grey tea
• 1 tbsp (2 g) culinary lavender
• 2 ¼ cups (282 g) all-purpose flour, spooned and leveled
• 1 ½ tsp baking powder
• ¼ tsp baking soda
• ½ tsp salt
• 10 tbsp (140 g) unsalted butter, softened
• 1 ½ cups (300 g) granulated white sugar
• 3 eggs, room temperature
• 1 tbsp vanilla bean paste
• 1 cup (240 ml) buttermilk

For the Earl Grey Milk Soak:

• ½ cup (120 ml) whole milk
• 2 tbsp (8 g) Earl Grey tea
• ½ tbsp (1 g) culinary lavender
• ½ cup (150 g) sweetened condensed milk
• ½ tsp vanilla bean paste

For the Lavender Cream Cheese Frosting:

• 1 tbsp (2 g) culinary lavender
• 1 cup (224 g) unsalted butter, softened
• 8 oz (226 g) cream cheese, cold
• 2 cups (260 g) powdered sugar
• 1 tsp vanilla bean paste
• A touch of purple food coloring (optional)

Instructions to Make London Fog Cake – Step by Step

Step 1: Prepare the Cake Batter

Begin by preheating your oven to 350°F (175°C). Grease a 9×9-inch baking pan and line it with parchment paper so the cake lifts out easily. In a food processor, pulse together Earl Grey tea leaves and lavender until finely ground—this releases the oils that give the cake its distinct aroma. Sift out any large bits to avoid gritty texture. In a bowl, whisk the flour, tea-lavender mixture, baking powder, baking soda, and salt.

In another large bowl, cream together butter and sugar with an electric mixer for about 2 minutes until light and fluffy. This step helps create a tender crumb. Beat in the eggs, one at a time, then add vanilla bean paste for that sweet floral note. Alternate adding your dry ingredients and buttermilk, starting and ending with the flour mixture. Mix gently on low speed until just combined, scraping down the sides to make sure everything blends evenly. Pour the batter into your pan and smooth the top with a spatula. Bake for 38–44 minutes or until a toothpick comes out clean from the center. Your kitchen will smell divine—like a warm teahouse on a rainy afternoon.

Step 2: Cool the Cake

Once baked, place the pan on a wire rack and let it cool for 30 minutes. Don’t rush this step—if you try to soak it too soon, the cake might fall apart. Lift the cake out using the parchment paper and let it cool completely. The texture will settle, making it ready for the milk soak later.

Step 3: Make the Earl Grey Milk Soak

While your cake cools, prepare the milk soak. In a small saucepan, heat the milk over low heat until it’s just steaming—not boiling. Add the Earl Grey tea and lavender, then let them steep for about 15 minutes to draw out the flavors. Strain the mixture through a fine sieve and let it cool slightly. Whisk in the sweetened condensed milk and vanilla bean paste. The result is a lightly floral, creamy tea-infused mixture that will make your cake melt-in-your-mouth soft.

Step 4: Prepare the Frosting

In a food processor, pulse the lavender until it’s finely ground, then sift to remove large bits. In a large mixing bowl, whip the butter on high speed for 5 minutes until pale and airy. Add in the cream cheese and whip for another minute until smooth and fluffy. Sift in the powdered sugar, then add the ground lavender and vanilla. Mix on low speed first to avoid a sugar storm, then whip on high for another minute until it’s beautifully silky. If you’d like a soft pastel hue, add a tiny drop of purple food coloring and mix.

Step 5: Assemble the London Fog Cake

Once the cake is completely cool, trim a thin layer off the top to help the milk soak absorb more evenly. Place the cake on a serving plate and poke small holes across the top using the handle of a wooden spoon or honey dipper. Slowly pour the Earl Grey milk soak over the surface, allowing time for the liquid to seep into every pore. Be patient—this is where the magic happens. The milk will transform the crumb into something lush, tender, and almost custard-like.

Step 6: Frost and Finish

Spread the lavender cream cheese frosting generously across the top using an offset spatula. Don’t rush—smooth swirls give that signature “bakery” look. If you’d like to get fancy, sprinkle a few edible lavender buds or Earl Grey tea leaves on top for garnish. Slice into 16 squares, serve, and prepare for compliments.

This London Fog Cake recipe may seem detailed, but once you’ve followed it step by step, you’ll realize how approachable it really is. The key is patience—allowing the flavors of tea and lavender to bloom at every stage. If you enjoy recipes that balance sweetness with a touch of sophistication, this one is for you.

What to Serve with London Fog Cake

This cake pairs beautifully with, well, more tea! A cup of Earl Grey or chamomile is perfect, but it also plays well with coffee or hot cocoa for contrast. If you’re planning a tea party spread, consider adding something citrusy like Lemon Blueberry Bread or a light savory dish such as Tropical Chicken Pasta Salad for balance.

Key Tips for Making London Fog Cake

1. Use fresh, good-quality Earl Grey tea—its bergamot notes are the backbone of this dessert.
2. Don’t skip grinding the tea and lavender—it intensifies the flavor throughout the cake.
3. Always let your milk soak cool before pouring over the cake; hot liquid can make it soggy.
4. For frosting, cold cream cheese is key—it helps the texture stay thick and pipeable.
5. If you’re sensitive to floral notes, reduce the lavender slightly; a little goes a long way.

Storage and Reheating Tips for London Fog Cake

Keep your London Fog Cake refrigerated in an airtight container for up to 4 days. The flavors deepen over time, making day-two slices even more flavorful. To serve, let the cake sit at room temperature for about 15–20 minutes to soften the frosting. If you’d like a warm treat, heat individual slices in the microwave for 10 seconds—just enough to wake up those fragrant tea notes.

FAQs

Can I make this without lavender?
Yes, but the lavender really brings that spa-day flavor. You can substitute it with a bit more vanilla or even honey for a comforting touch.

Can I use Earl Grey tea bags instead of loose tea?
Absolutely. Just open the bags and measure about 3 tablespoons worth of leaves.

Can this be made ahead of time?
Yes! You can bake the cake a day in advance, store it wrapped at room temp, then add the milk soak and frosting the next day.

Can I freeze the cake?
You can freeze the unfrosted cake for up to a month. Thaw completely before soaking and frosting.

Final Thoughts

This London Fog Cake is pure comfort meets elegance. It’s fragrant, moist, and effortlessly beautiful—a perfect centerpiece for any gathering or self-care Sunday. If you’ve ever wanted to bake something that feels like a hug in dessert form, this is it. Once you’ve made it step by step, you’ll understand why it’s become a favorite for so many. And if you love this cake, don’t miss our Funfetti Pound Cake for another show-stopping dessert moment.

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

Print