London Fog Cake Recipe

I am beyond excited to share one of my all-time favorite desserts that perfectly captures the refined flavors of Earl Grey tea infused with delicate lavender: my London Fog Cake Recipe. This cake is like a comforting hug in dessert form, combining fragrant tea-soaked layers with a luscious cream cheese frosting scented with lavender. Every bite feels like a cozy afternoon in a charming London café, and I promise it will quickly become a standout favorite at your gatherings or quiet moments with a cup of tea.

Why You’ll Love This London Fog Cake Recipe

What makes this London Fog Cake Recipe truly special in my eyes is the beautiful harmony of flavors. The Earl Grey tea brings that signature citrusy bergamot note, while the culinary lavender adds a subtle floral elegance that gently weaves through every layer. The cake itself is moist and tender, thanks to the tea-infused milk soak that seeps into the crumb, giving it an unforgettable rich and aromatic character. It feels fancy yet approachable, without being overpowering or too sweet.

I also love how straightforward the preparation is, considering how impressive the final cake looks and tastes. This recipe doesn’t rely on intricate techniques or hard-to-find ingredients. You can easily gather everything from your local grocery or specialty store, and the steps flow intuitively from tea grinding to baking to frosting. It’s perfect for a weekend baking project or making ahead for special occasions. Trust me, this cake shines beautifully for celebrations, tea parties, or as an elegant dessert to impress guests without stress. It’s a true crowd-pleaser!

Ingredients You’ll Need

A clear glass bowl filled with a creamy, light beige batter speckled with small dark grains sits on a worn, rustic wooden surface. The batter inside the bowl has a smooth texture with gentle swirls on the top. Next to the bowl is a white cup of light brown tea on a matching white saucer with a blue pattern, positioned slightly towards the bottom left corner. Some dried lavender stems lay on the wooden surface to the right of the bowl, adding a natural, delicate touch to the scene. The whole setting has a warm, cozy feel. Photo taken with an iphone --ar 4:5 --v 7

The ingredients for this cake are wonderfully simple yet essential to achieving its signature taste and texture. Each component plays a key role, from the fragrant Earl Grey tea and lavender to the rich cream cheese frosting that balances the floral notes perfectly.

  • Earl Grey tea: The star flavor that infuses the cake with its distinctive bergamot aroma, grounding every bite in warmth and sophistication.
  • Culinary lavender: Adds a gentle floral fragrance that’s both unique and perfectly complements the tea’s notes.
  • All-purpose flour: The base that creates a tender, soft crumb when combined with the right leaveners.
  • Baking powder and baking soda: Work together to give the cake a light and airy rise.
  • Unsalted butter: Softened for creaming, it adds richness and moisture essential for a luscious cake.
  • Granulated white sugar: Sweetens just enough to highlight but not overpower the delicate flavors.
  • Eggs: Bring structure and tenderness, ensuring the cake rises beautifully.
  • Vanilla bean paste: Adds depth and a subtle sweet aroma that enhances the overall flavor.
  • Buttermilk and whole milk: Create moisture and richness while making the crumb tender and silky.
  • Sweetened condensed milk: Enriches the Earl Grey milk soak with creamy sweetness and body.
  • Cream cheese: Cold and whipped into the frosting for tang and creamy balance.
  • Powdered sugar: Sweetens and stabilizes the frosting to the perfect consistency.
  • Purple food coloring (optional): Adds a beautiful lavender hue that enhances the cake’s visual appeal.

Directions

Step 1: Preheat your oven to 350°F (175°C). Prepare a 9×9 inch light metal baking pan by greasing it well and lining it with parchment paper to ensure easy removal of the cake later.

Step 2: Place the Earl Grey tea and culinary lavender into a food processor and pulse until they become finely ground. To avoid any large pieces, sieve the mixture and discard any solids left behind.

Step 3: In a medium bowl, whisk together the all-purpose flour, the ground Earl Grey-lavender mixture, baking powder, baking soda, and salt. Set this dry mixture aside for later.

Step 4: In a large mixing bowl, cream the softened butter and granulated sugar using an electric mixer on high speed for about 2 minutes until it becomes light and fluffy.

Step 5: Add the eggs one at a time along with the vanilla bean paste, mixing on medium speed until the mixture turns pale and smooth, roughly 1 minute.

Step 6: Gradually add the buttermilk and the dry ingredients alternately into the batter on low speed, mixing until just combined after each addition. Scrape down the sides of the bowl with a rubber spatula to ensure an even batter.

Step 7: Pour the smooth batter evenly into the prepared pan and bake for 38 to 44 minutes. Check doneness by inserting a toothpick; it should come out clean or with a few moist crumbs attached.

Step 8: Allow the cake to cool in the pan on a wire rack for 30 minutes. Then carefully lift it out using the parchment paper and place it on the rack to cool completely.

Step 9: While the cake cools, heat the milk in a small saucepan over low until steaming. Stir in the Earl Grey tea and lavender, allowing it to steep undisturbed for 15 minutes. Strain the mixture through a sieve and let it cool, then mix in the sweetened condensed milk and vanilla bean paste. Set this fragrant soak aside.

Step 10: For the frosting, pulse culinary lavender in a food processor until finely ground, then sift to remove any large bits. In a large bowl, beat the softened butter on high speed for 5 minutes until pale and fluffy.

Step 11: Add the cold cream cheese to the butter and beat on high until completely smooth and fluffy, about 1 minute.

Step 12: Sift the powdered sugar into the bowl, and add the ground lavender and vanilla bean paste. Mix on low to combine, then increase to high speed for 1 minute until fluffy again. Add a few drops of purple food coloring if desired, and mix until evenly tinted.

Step 13: Once the cake is entirely cool, carefully slice off a very thin top layer to help the soak absorb better. Transfer the cake to a serving plate and poke holes on the surface using the handle of a wooden spoon or honey dipper for smaller holes.

Step 14: Slowly drizzle the Earl Grey milk soak over the cake, allowing it to seep deep into the holes and crumb. Patience is key here—it will absorb beautifully but needs a little time.

Step 15: Finally, frost the cake generously with the lavender cream cheese frosting using an offset spatula, smoothing it evenly across the top. Cut into 16 slices and enjoy this delicate, fragrant cake with friends and family!

Servings and Timing

This charming London Fog Cake Recipe yields 16 generous servings, perfect for sharing with a crowd or savoring over several days. Prep time takes about 45 minutes, including grinding the tea and lavender and mixing the batter. The bake time is approximately 40 minutes, and you’ll want to allow for a full hour of cooling and soaking before frosting. Altogether, expect around 2 hours and 10 minutes from start to finish, including the all-important resting to get those flavors just right.

How to Serve This London Fog Cake Recipe

The image shows several square cake pieces with one piece slightly lifted to reveal two layers: a light brown sponge cake base topped with a thick, smooth layer of light purple frosting that has tiny dark specks spread evenly. One cake piece is decorated with small lavender flowers and a white flower on top. To the side, there is a round wooden bowl filled with dried lavender and tea leaves, and a white cup filled with a foamy light-colored drink. The setup is on a white marbled surface, creating a clean and fresh look. Photo taken with an iphone --ar 4:5 --v 7

Serving this cake warm is tempting, but I find it truly shines at room temperature after the soak has fully absorbed. This allows the flavors to meld and the frosting to have that creamy, velvety texture. I love pairing it with a simple pot of Earl Grey tea for the ultimate thematic experience, but a light herbal tea or even a cup of fresh coffee works beautifully as well.

For a stunning presentation, try adding a few fresh lavender sprigs or edible flowers on top of the frosting for a delicate, garden-fresh touch. If you’re serving at a party or tea time, slice the cake into small, dainty portions to accompany finger sandwiches or fresh fruit. The sophisticated flavors make it an elegant centerpiece for bridal showers, afternoon teas, or birthday celebrations.

For more casual occasions, I really enjoy enjoying a slice alongside a scoop of vanilla bean ice cream or a dollop of lightly whipped cream. If you’re feeling festive, a glass of sparkling wine or a lavender-infused cocktail is a fun adult pairing to elevate the experience. No matter how or when you serve it, this cake always brings smiles and compliments aplenty.

Variations

I love experimenting with different twists on this London Fog Cake Recipe to suit every mood and dietary need. For instance, if you want to lighten it up, swapping half the butter for oil or using reduced-fat cream cheese in the frosting works well without sacrificing that tender crumb or creamy tang. If you prefer a vegan version, I’ve had success using plant-based butter alternatives, aquafaba as an egg substitute, and coconut milk instead of dairy—though the lavender and Earl Grey flavors remain the true stars.

For gluten-free adaptations, I recommend trying a blend of almond flour and gluten-free baking flour, which keeps the cake moist and flavorful while adding a hint of nuttiness. Flavor-wise, you can also experiment with adding a hint of lemon zest to the batter for extra brightness or even a dash of ground cardamom for a subtle spice note that adds complexity. Some friends have even enjoyed a drizzle of honey over the frosting for a touch of natural sweetness.

Finally, if you want to shake up the method, consider baking this cake in cupcake form for mini London Fog treats perfect for gifting or a portable snack. Just adjust the bake time accordingly, usually around 20-25 minutes. No matter how you tweak it, I know you’ll love making this cake your own.

Storage and Reheating

Storing Leftovers

I always recommend storing any leftover London Fog Cake wrapped tightly with plastic wrap or kept in an airtight container in the fridge. This keeps the cake moist and the frosting fresh for up to 4 days. Leaving it uncovered can dry out the delicate crumb, so plastic wrap or a sealed container is essential. Before serving leftovers, allow slices to come to room temperature for the best flavor and texture.

Freezing

Yes, you can freeze this cake if you want to prepare ahead or save extras! I suggest slicing the cake before freezing and wrapping individual slices tightly in plastic wrap, then storing them all in a freezer-safe airtight container or bag. This way, you can thaw portions as needed. Frozen cake slices keep well for up to 2 months. Avoid freezing the cake with frosting already applied if possible, as the texture of cream cheese frosting can change slightly upon thawing.

Reheating

When you’re ready to enjoy your leftover London Fog Cake, let it thaw in the fridge overnight or at room temperature for a couple hours. If you want to gently warm a slice, I recommend using a microwave on low power for about 15 seconds. Avoid overheating, which can make the cream cheese frosting separate or the cake dry out. A quick warm-up helps release those lovely aromas and enhances the soft, tender texture. Just be sure to enjoy promptly after warming!

FAQs

Can I use regular black tea instead of Earl Grey in this cake?

While you can substitute regular black tea, the signature bergamot flavor of Earl Grey is integral to the cake’s unique taste. Using black tea will produce a different flavor profile—still tasty but missing that trademark London Fog charm. If you don’t have Earl Grey, consider adding a touch of orange zest to mimic the citrus notes.

Is it possible to make this cake dairy-free or vegan?

Absolutely! You can use plant-based butter substitutes and non-dairy milks like almond or oat milk. To replace eggs, try flax or chia egg substitutes made by mixing ground seeds with water. For the frosting, vegan cream cheese alternatives are widely available. Keep in mind that these substitutions may slightly alter the texture but the flavors can still shine beautifully.

How far in advance can I make this cake?

This cake can be made a day ahead and actually tastes better once the flavors have had time to meld. Store it in the refrigerator after assembly. Just bring it to room temperature before serving for the best taste and texture. For longer storage, you can freeze the cake without frosting up to 2 months.

Can I make mini cakes or cupcakes using this London Fog Cake Recipe?

Yes, the batter works wonderfully for cupcakes or mini cakes. Adjust the baking time to 20-25 minutes and monitor closely to avoid overbaking. Mini cakes are perfect for hosting parties or gifting, and you can frost them individually for an elegant touch.

Why is the milk soak important for this cake?

The Earl Grey milk soak is the secret to making this cake incredibly moist and infused with the lovely tea and lavender flavors. It gently soaks into the crumb, adding richness and depth that elevate the cake beyond a simple baked good. Don’t skip this step—it’s what makes this cake truly unforgettable.

Conclusion

I genuinely can’t recommend this London Fog Cake Recipe enough if you’re looking for a dessert that feels both comforting and special. It’s like bringing a little slice of London elegance right to your kitchen, wrapped in the wonderful aromas of tea and lavender. With its balance of sophisticated flavors and easy preparation, it’s perfect for celebrations or any time you want to treat yourself and your loved ones. I can’t wait for you to bake it and make this delightful cake one of your personal favorites too!

Print

London Fog Cake Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

4.3 from 5 reviews

This delicate London Fog Cake combines the fragrant flavors of Earl Grey tea and culinary lavender with a moist, tender crumb and a luscious lavender cream cheese frosting. Infused with an Earl Grey milk soak, this cake is an elegant treat perfect for tea time or special occasions.

  • Author: Sarah
  • Prep Time: 30 minutes
  • Cook Time: 44 minutes
  • Total Time: 2 hours 10 minutes
  • Yield: 16 servings
  • Category: Dessert
  • Method: Baking
  • Cuisine: British-inspired

Ingredients

For the Earl Grey Cake

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

For the Earl Grey Milk Soak

  • 2 tbsp (8 g) Earl Grey tea
  • 1/2 tbsp (1 g) culinary lavender
  • 1/2 cup (150 g) sweetened condensed milk
  • 1/2 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
  • Purple food coloring (optional)

Instructions

  1. Prepare Earl Grey Cake: Preheat your oven to 350°F (175°C). Grease a 9×9 inch light metal baking pan and line it with parchment paper for easy removal.
  2. Grind Tea and Lavender: Place 3 tbsp Earl Grey tea and 1 tbsp culinary lavender into a food processor and pulse until finely ground. Pass this mixture through a fine sieve to remove any large pieces.
  3. Mix Dry Ingredients: In a medium bowl, whisk together 2 1/4 cups all-purpose flour, the ground Earl Grey and lavender, 1 1/2 tsp baking powder, 1/4 tsp baking soda, and 1/2 tsp salt. Set aside.
  4. Cream Butter and Sugar: Using an electric mixer, cream 10 tbsp unsalted butter and 1 1/2 cups granulated sugar on high speed for 2 minutes until light and fluffy.
  5. Add Eggs and Vanilla: Mix in 3 eggs and 1 tbsp vanilla bean paste on medium speed until the mixture is pale and smooth, about 1 minute.
  6. Combine Wet and Dry: Alternately add the buttermilk (1 cup) and dry flour mixture to the butter mixture in small increments, mixing on low speed until fully incorporated and the batter is smooth. Scrape the bowl as needed.
  7. Bake the Cake: Pour batter into the prepared pan and bake for 38-44 minutes until a toothpick inserted in the center comes out clean.
  8. Cool Cake: Let cake cool in the pan on a wire rack for 30 minutes. Then, use the parchment paper to lift the cake out of the pan and continue cooling completely on the rack.
  9. Prepare Earl Grey Milk Soak: Heat 1/2 cup whole milk in a small saucepan over low heat until steaming. Add 2 tbsp Earl Grey tea and 1/2 tbsp lavender. Steep for 15 minutes off the heat. Strain and cool. Stir in 1/2 cup sweetened condensed milk and 1/2 tsp vanilla bean paste. Set aside.
  10. Prepare Lavender Cream Cheese Frosting: Pulse 1 tbsp culinary lavender in a food processor until finely ground; sift to remove large bits. Beat 1 cup softened butter in a large bowl on high speed until pale and fluffy (about 5 minutes). Add 8 oz cold cream cheese and beat on high until fluffy (about 1 minute). Gradually sift in 2 cups powdered sugar, then mix in the lavender and 1 tsp vanilla bean paste on low until combined. Increase mixer speed to high and beat for 1 minute. Add purple food coloring if desired.
  11. Assemble Cake: Once cake is fully cooled, slice a thin layer from the top to help absorption. Place cake on serving plate. Use a wooden stick to poke holes all over the surface.
  12. Soak Cake: Slowly pour the Earl Grey milk soak over the cake, allowing it to absorb through the holes. Be patient as it soaks in evenly.
  13. Frost Cake: Spread a thick layer of lavender cream cheese frosting evenly over the top using an offset spatula.
  14. Serve: Cut cake into 16 slices and serve immediately for best taste and texture.

Notes

  • Use a light-colored metal pan for even baking and avoid dark pans which can cause over-browning.
  • Make sure eggs are at room temperature for better emulsion and fluffiness.
  • Do not skip the milk soak step; it adds moisture and enhances the Earl Grey flavor.
  • Adjust the amount of lavender in frosting and batter to your personal preference as lavender can be quite strong.
  • Optional purple food coloring adds a visual hint of the lavender flavor but does not affect taste.
  • Store leftover cake covered in the refrigerator and allow it to come to room temperature before serving.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star