London Fog Cake is a delightful dessert inspired by the classic Earl Grey tea latte. This version infuses the cake and frosting with fragrant Earl Grey, delivering a soothing, aromatic experience. It’s perfect for enjoying with afternoon tea or celebrating a cozy gathering.

What makes this recipe special is its simplicity and the infusion of Earl Grey flavor in every bite. The cake is moist and tender, paired with a creamy frosting that enhances the bergamot notes of the tea.
You can quickly whip up this London Fog Cake without complicated techniques, making it ideal for both beginner and seasoned bakers. Its elegant presentation also makes it a crowd-pleaser for occasions like birthdays or tea parties.
Whether you’re craving a comforting slice with your favorite cup of tea or looking for a unique dessert to impress guests, this easy London Fog Cake recipe is a wonderful choice.
Why You'll Love This Recipe
This London Fog Cake blends classic flavors with an accessible baking process. Here’s why it stands out:
- Infuses authentic Earl Grey tea flavor in both cake and frosting for rich aroma.
- Moist, tender crumb that melts in your mouth.
- Simple ingredients and straightforward steps suitable for all bakers.
- Beautiful presentation with subtle lavender garnish for elegance.
- Perfect balance of sweetness without overpowering the tea notes.
Ingredients
Gather these ingredients to create your London Fog Cake with Earl Grey infused frosting. Make sure to use quality Earl Grey tea for the best flavor.
- 2 cups all-purpose flour
- 1 1/2 tsp baking powder
- 1/2 tsp baking soda
- 1/2 tsp salt
- 1/2 cup unsalted butter, softened
- 1 cup granulated sugar
- 2 large eggs
- 1 tsp vanilla extract
- 3/4 cup whole milk
- 2 Earl Grey tea bags
- 1 tbsp loose dried lavender (optional, for garnish)
YOUR NEXT FAVORITE RECIPE STARTS HERE
For the Frosting
- 1 cup unsalted butter, softened
- 4 cups powdered sugar
- 2 tbsp brewed Earl Grey tea (strongly brewed, cooled)
- 1 tsp vanilla extract
- Pinch of salt
If you prefer, you can substitute black tea bags for Earl Grey, but the distinctive bergamot flavor is key to this cake’s character. For dairy-free options, use plant-based milk and vegan butter alternatives.
Recipe Details
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Total Time: 50 minutes
- Servings: 8 slices
- Calories: Approximately 320 per serving
How to Make London Fog Cake - In Bloom Bakery
Follow these steps to bring this fragrant cake to life with a luscious Earl Grey frosting.
- Preheat your oven to 350°F and grease two 8-inch round cake pans. Line with parchment paper for easy removal.
- Steep the Earl Grey tea bags in the whole milk for 10 minutes, then remove the bags and let the milk cool completely.
- In a medium bowl, whisk together the flour, baking powder, baking soda, and salt. Set aside.
- In a large bowl, beat the softened butter and sugar until light and fluffy, about 3 minutes. Add eggs one at a time, mixing well after each addition, then stir in vanilla extract.
- Alternate adding the dry ingredients and the cooled Earl Grey milk to the butter mixture, beginning and ending with the dry ingredients. Mix until just combined; do not overmix.
- Divide the batter evenly between the prepared pans and smooth the tops. Bake for 28-30 minutes, or until a toothpick inserted in the center comes out clean.
- Allow cakes to cool in pans for 10 minutes, then turn out onto wire racks to cool completely before frosting.
- For the frosting, beat the softened butter until creamy. Gradually add powdered sugar, alternating with the brewed Earl Grey tea, vanilla extract, and salt, until smooth and fluffy.
- Once the cakes are fully cooled, spread a generous layer of frosting on the first cake layer, then top with the second layer and frost the top and sides evenly. Garnish with a sprinkle of dried lavender if desired.
You’ll know the cake is perfectly done when it springs back lightly to the touch and a toothpick comes out clean. The frosting should be smooth and hold its shape without being stiff.
Tips for the Best Results
Keep these tips in mind to make your London Fog Cake shine.
- Use room temperature ingredients for smooth batter and frosting consistency.
- Don't over-brew the tea; steep just long enough for flavor without bitterness.
- Allow the cake layers to cool completely before frosting to prevent melting.
- For a stronger Earl Grey flavor, add a teaspoon of finely ground Earl Grey leaves to the dry ingredients.
- Use a serrated knife to level the cake layers if they dome during baking for even stacking.
Serving Suggestions
This cake pairs beautifully with a fresh pot of Earl Grey or chamomile tea, enhancing the floral notes. Serve slices with a side of fresh berries or a light whipped cream to add brightness.
It’s an elegant choice for celebrations like bridal showers, afternoon teas, or a sophisticated weekend treat. The subtle lavender garnish adds a lovely touch for spring or summer occasions.
Storage and Reheating
Store any leftover London Fog Cake in an airtight container in the refrigerator for up to 4 days. Bring to room temperature before serving for the best flavor and texture.
You can freeze the cake layers without frosting for up to 2 months. Thaw overnight in the fridge, then frost just before serving. Avoid microwaving frosted slices to maintain the frosting’s texture.
Frequently Asked Questions
Can I use loose leaf Earl Grey instead of tea bags?
Yes, you can steep 2 tablespoons of loose leaf Earl Grey in warm milk for 10 minutes. Strain before using to avoid leaves in the batter.
What if I don’t have lavender for garnish?
The lavender is optional and mainly for aesthetic and subtle aroma. You can skip it or use edible flowers or lemon zest as an alternative garnish.
Can I make this cake gluten-free?
Yes, substitute the all-purpose flour with a gluten-free baking blend suitable for cakes. Be sure the blend contains xanthan gum for structure.
How do I store leftover frosted cake?
Keep leftover cake covered tightly in the refrigerator to maintain freshness. It’s best enjoyed within 3-4 days for optimal flavor and texture.
Give this London Fog Cake recipe a try to enjoy the comforting flavors of Earl Grey in an elegant, easy-to-make dessert. Whether for a special occasion or a cozy afternoon, it’s sure to become a favorite.


