London Fog Cake Recipe
If you adore the soothing flavors of Earl Grey tea and the gentle floral notes of lavender, then you are absolutely going to fall in love with this London Fog Cake. This cake is like a cozy afternoon wrapped up in dessert form, combining the fragrant aromas of a classic London Fog tea latte with a decadently moist texture and luscious cream cheese frosting. Every bite tells a story of elegance and comfort, making the London Fog Cake a perfect centerpiece for any tea party, celebration, or simply a sweet treat to brighten your day.

Ingredients You’ll Need
Don’t be intimidated by the ingredient list—each item is straightforward, yet essential for capturing the delicate and fragrant character of the London Fog Cake. From the fragrant Earl Grey tea and culinary lavender that infuse the cake with their distinct aromas, to the fluffy buttermilk which lends moisture and lightness, every ingredient plays its part in creating layers of flavor and texture.
- Earl Grey tea (3 tbsp for cake, 2 tbsp for soak): This is the heart of the cake’s signature citrusy bergamot flavor that makes it unmistakable.
- Culinary lavender (1 tbsp for cake, 1/2 tbsp for soak, 1 tbsp for frosting): Adds a subtle floral note that beautifully complements the Earl Grey.
- All-purpose flour (2 1/4 cups): Provides structure and the perfect crumb to the cake.
- Baking powder and baking soda (1 1/2 tsp and 1/4 tsp): These leavening agents ensure your cake rises just right for a tender texture.
- Unsalted butter (10 tbsp for cake, 1 cup for frosting): For richness, moisture, and that melt-in-your-mouth crumb.
- Granulated white sugar (1 1/2 cups): Sweetens and helps create a delicate crumb.
- Eggs (3): Bind the ingredients and add fluffiness.
- Vanilla bean paste (1 tbsp for cake, 1/2 tsp for soak, 1 tsp for frosting): Adds depth and warmth to the flavor profile.
- Buttermilk (1 cup): Works to tenderize the cake and adds a slight tanginess.
- Whole milk (1/2 cup for soak): Acts as the foundation for the soaking syrup, helping infuse the cake with flavor.
- Sweetened condensed milk (1/2 cup): Adds sweetness and creaminess to the soak.
- Cream cheese (8 oz): For the luscious frosting that’s creamy, tangy, and the perfect finishing touch.
- Powdered sugar (2 cups): Sweetens the frosting while keeping it light and airy.
- Purple food coloring (optional): For a playful pop of lavender-hued beauty in the frosting.
How to Make London Fog Cake
Step 1: Prep and Flavor Your Dry Ingredients
Start by preheating your oven and preparing your baking pan with greasing and parchment paper. Grinding the Earl Grey tea and lavender ensures that every bit of their distinctive aromas gets evenly distributed, which is key to that nuanced London Fog Cake flavor. Sifting the ground tea and lavender with your flour and leavening agents not only blends flavors but ensures an even cake rise and texture.
Step 2: Cream Butter and Sugar
Next, cream the softened butter and sugar together until it’s light and fluffy. This step is crucial because it creates tiny air pockets that give the cake its incredible tenderness. Then gently blend in the eggs and vanilla bean paste — these enrich the batter with moisture and classic warmth.
Step 3: Combine Wet and Dry Ingredients
Adding the buttermilk and dry ingredients alternately helps keep the batter smooth without overmixing. This approach guarantees your cake will be moist and tender without being dense or tough. A rubber spatula helps scrape down the bowl to get all that delicious batter mixed perfectly.
Step 4: Bake to Perfection
Pour your batter into the prepared pan and pop it in the oven for around 40 minutes. You’ll know it’s ready when a toothpick inserted in the middle comes out clean. Let the cake cool in the pan first, then gently lift it out using the parchment and transfer it to a wire rack until it’s fully cooled.
Step 5: Prepare the Earl Grey Milk Soak
While the cake cools, gently warm the whole milk and steep the Earl Grey tea and lavender to extract all those lovely flavors. Strain the milk and stir in sweetened condensed milk and vanilla. This soak will make your London Fog Cake extra moist and infuse it with that irresistible tea flavor.
Step 6: Make the Lavender Cream Cheese Frosting
Grinding the lavender again ensures no big pieces make their way into your frosting – just pure floral essence. Beat the butter until fluffy, add cold cream cheese, then powdered sugar, lavender, and vanilla. The optional purple food coloring gives this frosting a dreamy hue that fits perfectly with the tea-inspired theme.
Step 7: Assemble Your London Fog Cake
Trim a thin layer off the top so the soak can absorb without pooling. Use a wooden spoon handle to poke holes all across the top, letting the Earl Grey milk soak seep deep into the cake. Patience here is key – slowly pour the soak and watch the cake soak up every bit of that fragrant goodness. Finally, spread a thick layer of frosting over the top and slice into sixteen beautiful pieces to share.
How to Serve London Fog Cake

Garnishes
A little goes a long way when it comes to garnishes for the London Fog Cake. A few sprigs of fresh lavender or a light dusting of edible glitter can elevate the presentation instantly. You might also sprinkle finely crushed Earl Grey tea leaves on top just before serving for an extra aromatic punch that hints at what’s inside.
Side Dishes
This cake pairs beautifully with a simple cup of brewed Earl Grey or a classic London Fog latte (tea, steamed milk, and vanilla syrup). For something lighter, fresh berries or a delicate fruit compote provide a refreshing contrast that balances the creaminess and sweetness of the cake.
Creative Ways to Present
Try serving individual slices on delicate china with a thin drizzle of honey over the frosting for an added touch of elegance. If you’re feeling adventurous, transform the cake into mini trifles by layering pieces with whipped cream and candied lavender blossoms in pretty glass jars. Presentation can turn this lovely cake into a truly memorable experience.
Make Ahead and Storage
Storing Leftovers
Wrap leftover London Fog Cake tightly in plastic wrap or store it in an airtight container to keep it fresh and moist for up to 3 days at room temperature. The cream cheese frosting is best kept cool but make sure to bring slices back to room temperature before enjoying to get the full flavor and texture experience.
Freezing
You can freeze the London Fog Cake either frosted or unfrosted. Wrap it well in plastic wrap and then in foil to protect it from freezer burn. It will keep beautifully for up to 2 months. When you’re ready to enjoy, thaw the cake overnight in the fridge and then bring it to room temperature for best results.
Reheating
This cake is best enjoyed at room temperature, but if you prefer it slightly warm, pop a slice in the microwave for about 15 seconds. The warmth will revive the softness and gently enhance the fragrant Earl Grey and lavender notes without melting the frosting too much.
FAQs
What exactly is a London Fog Cake?
London Fog Cake is a dessert inspired by the popular tea latte that combines Earl Grey tea, lavender, and vanilla flavors baked into a moist and fragrant cake with a creamy frosting.
Can I use a different type of tea instead of Earl Grey?
While Earl Grey is key to achieving the distinct bergamot flavor of London Fog, you could experiment with other floral or citrus teas, but expect a different flavor profile.
Is culinary lavender necessary or can I substitute it?
Culinary lavender contributes an authentic floral aroma essential to this cake’s charm. If you can’t find it, you can reduce or omit it, but the cake will lose a signature note.
How do I make sure my cake is moist and flavorful?
Don’t skip the Earl Grey milk soak – it infuses extra moisture and tea flavor. Also, be sure not to overbake, and always allow the cake to cool completely before soaking and frosting.
Can I make this cake gluten-free?
You can try substituting a gluten-free flour blend, but keep in mind the texture may change. Be sure the blend includes xanthan gum or another binder for the best results.
Final Thoughts
If you’re looking for a cake that’s not only beautiful but delivers an unforgettable combination of tea, lavender, and creamy frosting, the London Fog Cake should become your new go-to dessert. It’s elegant enough for special occasions yet comforting enough for any day you want to treat yourself or a loved one. I hope you give this recipe a try and enjoy every fragrant, luscious bite as much as I do!
PrintLondon Fog Cake Recipe
This London Fog Cake is a fragrant and moist dessert inspired by the popular Earl Grey tea latte. Featuring a delicate Earl Grey and lavender infused cake soaked with a sweet Earl Grey milk mixture and topped with a smooth lavender cream cheese frosting, this cake offers a perfect balance of floral and citrus notes in every bite.
- Prep Time: 30 minutes
- Cook Time: 40 minutes
- Total Time: 1 hour 40 minutes
- Yield: 16 servings 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
- Diet: Vegetarian
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
For the Earl Grey Milk Soak
- 1/2 cup (120 ml) whole milk
- 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
- Prepare the Earl Grey Cake dry mix: Add the Earl Grey tea and lavender to a food processor and pulse until finely ground. Pass the mixture through a sieve to separate any large bits. In a medium bowl, whisk together the flour, ground Earl Grey tea, lavender, baking powder, baking soda, and salt. Set aside.
- Cream butter and sugar: In a large bowl, cream the softened butter and granulated white sugar with an electric mixer on high speed for about 2 minutes until light and fluffy.
- Add eggs and vanilla: Mix in the eggs and vanilla bean paste on medium speed until the mixture turns pale and smooth, about 1 minute.
- Combine wet and dry ingredients: Alternately add the buttermilk and dry flour mixture to the butter mixture, starting and ending with the dry ingredients. Mix on low speed until just combined and the batter is smooth, scraping the sides of the bowl as necessary.
- Bake the cake: Pour the batter into a greased and parchment-lined 9×9 inch metal baking pan. Bake at 350°F (175°C) for 38-44 minutes, or until a toothpick inserted into the center comes out clean.
- Cool the cake: Let the cake cool in the pan on a wire rack for 30 minutes. Then lift the cake out of the pan using the parchment paper and cool completely on the wire rack.
- Make the Earl Grey milk soak: Heat the whole milk in a small saucepan over low heat until steaming. Add Earl Grey tea and lavender to steep for 15 minutes. Strain through a sieve and let the milk cool. Stir in the sweetened condensed milk and vanilla bean paste.
- Prepare the lavender cream cheese frosting: Grind the lavender in a food processor and sift out any large pieces. Beat the softened butter in a large bowl with an electric mixer on high speed until pale and fluffy (about 5 minutes). Add the cold cream cheese and beat for another minute until fluffy.
- Add sugar and flavoring to frosting: Sift in the powdered sugar, add the ground lavender and vanilla bean paste. Mix on low speed until combined, then increase to high speed for 1 minute to make frosting light and fluffy. Add purple food coloring if desired and mix until uniform.
- Assemble the cake: Once completely cooled, slice a very thin layer off the top of the cake to help the soak absorb better. Transfer the cake to a serving plate and poke holes in the surface using a wooden stick or handle of a spoon.
- Soak the cake: Slowly pour the Earl Grey milk soak evenly over the cake, allowing it to absorb into the holes and the cake evenly.
- Frost the cake: Spread a thick, even layer of lavender cream cheese frosting over the soaked cake using an offset spatula. Slice into 16 pieces and serve.
Notes
- Use high-quality loose leaf Earl Grey tea for the best flavor.
- Room temperature eggs ensure even mixing and better texture.
- Be patient when pouring the milk soak to allow gradual absorption.
- Make sure the cake is completely cooled before soaking and frosting to prevent melting the frosting.
- Adjust lavender quantity to taste; it has a strong floral flavor.
Nutrition
- Serving Size: 1 slice (1/16 of cake)
- Calories: 350 kcal
- Sugar: 30 g
- Sodium: 180 mg
- Fat: 20 g
- Saturated Fat: 12 g
- Unsaturated Fat: 7 g
- Trans Fat: 0.3 g
- Carbohydrates: 38 g
- Fiber: 1.5 g
- Protein: 4 g
- Cholesterol: 75 mg
Keywords: London Fog Cake, Earl Grey Cake, Lavender Cake, Cream Cheese Frosting, Tea Infused Cake, Floral Dessert