Silky London Fog Cake Recipe with Earl Grey Frosting
Smooth, creamy london fog cake represents pure comfort in dessert form.
Tea enthusiasts and sweet lovers unite over this dreamy creation that whispers elegance from the first slice.
Sophisticated yet approachable, the recipe captures delicate flavor notes that dance between familiar and extraordinary.
Soft layers promise a sensory experience bridging classic British tea traditions with modern baking artistry.
Subtle aromatics weave through each tender crumb, inviting passionate bakers and casual dessert fans alike.
Rich undertones suggest complexity without overwhelming the palate, making this cake perfect for afternoon gatherings or quiet personal moments.
Experience pure decadence with one extraordinary slice that celebrates simplicity and refined flavor.
What Makes London Fog Cake So Elegant
What Are the Main Ingredients for London Fog Cake
Cake Dry Ingredients:Cake Wet Ingredients:Frosting Ingredients:Equipment You’ll Use London Fog Cake
Cooking Method for London Fog Cake
Brewing Tea Milk
Grab a saucepan and heat 1 cup of whole milk until it’s steaming. Drop in 4 Earl Grey tea bags or 2 tablespoons of loose leaf tea. Let the tea steep for exactly 10 minutes to infuse those gorgeous tea flavors. After steaming, strain the milk and set it aside to cool completely.
Mixing Dry Ingredients
Grab a medium bowl and whisk together 2 1/2 cups of all-purpose flour, 2 1/2 teaspoons baking powder, 1/2 teaspoon baking soda, and 1/2 teaspoon salt. Make sure these dry ingredients are well combined and free of any lumps.
Creaming Butter and Sugar
Pull out your stand mixer or hand mixer. Toss in 3/4 cup softened unsalted butter and 1 3/4 cups granulated sugar. Beat these together until the mixture looks light and fluffy. Add 3 large room-temperature eggs one at a time, mixing after each. Pour in 1 tablespoon vanilla extract and blend smoothly.
Creating Cake Batter
Start combining your tea milk and dry ingredients into the butter mixture. Alternate adding the dry ingredients and tea-infused milk, mixing gently until just combined. Don’t overmix – you want a smooth, silky batter.
Preparing to Bake
Grease two 8-inch cake pans and divide the batter evenly between them. Place the pans in a preheated oven at 350°F. Bake for 25-30 minutes. The cakes are done when a toothpick inserted in the center comes out clean.
Cooling Cake Layers
Remove the cake pans from the oven and let them rest for 10 minutes. Carefully turn the cakes out onto a wire rack and allow them to cool completely. Patience is key here – rushing might make your frosting melt.
Whipping Up Frosting
In a clean mixing bowl, beat 1 cup softened unsalted butter until creamy. Gradually add:
Whip until the frosting becomes light and fluffy.
Assembling the Cake
Level your cake layers if needed. Spread a generous layer of lavender frosting between the cake layers. Cover the entire cake with remaining frosting. Sprinkle some dried lavender buds on top for a beautiful finish. Optional: Add a touch of lemon zest for extra brightness.
Notes For Best Results With London Fog Cake
Different Takes On London Fog Cake
Elegant Cake Table Ideas For London Fog Cake
How To Store London Fog Cake
Questions And Answers For London Fog Cake
Can I use a different type of tea for this cake?
Earl Grey is essential for the classic London Fog flavor profile. Other teas won’t capture the bergamot essence that makes this cake unique.
Is lavender optional in the frosting?
Lavender adds a delicate floral note that complements the Earl Grey, but you can skip it if you’re not a fan of herbal flavors.
What does Earl Grey milk do for the cake?
Steeping tea in milk infuses a delicate, aromatic flavor throughout the entire cake, creating a subtle tea-inspired taste.
Do I need special equipment to make this cake?
Just standard cake baking tools like mixing bowls, cake pans, and an electric mixer will work perfectly.
How can I tell if the cake is done baking?
Insert a toothpick into the center – if it comes out clean with no wet batter, the cake is ready.
Can this cake be made gluten-free?
Substitute the all-purpose flour with a gluten-free flour blend designed for baking to make this recipe accessible.
London Fog Cake Recipe
- Total Time: 45-50 minutes
- Yield: 12 1x
Description
Sipping a London Fog cake brings classic Earl Grey tea flavors right to your dessert plate, blending creamy bergamot and vanilla into a dreamy layer cake that celebrates British tea culture with sweet simplicity. Delicate tea-infused layers paired with silky frosting deliver a comforting treat perfect for afternoon tea or special celebrations.
Ingredients
Primary Ingredients:
- 2 ½ cups all-purpose flour
- 1 ¾ cups granulated sugar
- 3 large eggs
- 1 cup whole milk
- ¾ cup unsalted butter
- 1 cup unsalted butter
- ¾ cup powdered sugar
Flavoring Ingredients:
- 4 Earl Grey tea bags
- 1 tablespoon vanilla extract
- 2 tablespoons vanilla extract
- 2–3 tablespoons heavy cream
- 1–2 teaspoons culinary lavender
Dry Ingredients:
- 2 ½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- Optional: gel food coloring
- Optional: dried lavender buds
- Optional: lemon zest
- Optional: edible flowers
Instructions
- Steep 4 Earl Grey tea bags in 1 cup hot milk for 10 minutes at 180°F. Remove bags and let liquid cool to room temperature.
- Sift 2 ¼ cups flour, 2 ½ teaspoons baking powder, ½ teaspoon baking soda, and ½ teaspoon salt into a medium bowl.
- Cream ¾ cup softened butter with 1 ¾ cups sugar using an electric mixer until the mixture becomes pale and airy.
- Add 3 room-temperature eggs one at a time to the butter mixture, blending thoroughly after each addition.
- Pour 1 tablespoon vanilla extract into the tea-infused milk, then alternate adding dry ingredients and milk mixture to the batter.
- Grease two 8-inch cake pans and divide batter evenly between them.
- Bake at 350°F for 25-30 minutes until a toothpick inserted in the center comes out clean.
- Allow cakes to cool completely on a wire rack for approximately 45-60 minutes.
- Beat 1 cup softened butter until smooth and creamy for the frosting.
- Gradually incorporate ¾ cup powdered sugar, 2 tablespoons cream, 1 ½ teaspoons vanilla, and 1 teaspoon ground lavender.
- Whip frosting until it becomes light and fluffy, about 3-4 minutes.
- Level cake layers if needed, then spread frosting between and around the entire cake.
- Garnish with dried lavender buds and optional lemon zest for a delicate finish.
Notes
- Use freshly brewed Earl Grey tea for the most robust flavor in your cake’s milk infusion.
- Steep tea exactly 10 minutes to capture delicate bergamot notes without creating bitterness.
- Room temperature ingredients help create a smoother, more evenly textured cake batter.
- For a gluten-free version, swap wheat flour with a cup-for-cup alternative like Bob’s Red Mill blend.
- Prep Time: 20 minutes
- Cook Time: 25-30 minutes
- Category: Cakes
- Method: Baking
- Cuisine: British
Nutrition
- Serving Size: 12
- Calories: 466 kcal
- Sugar: 40 g
- Sodium: 140 mg
- Fat: 26 g
- Saturated Fat: 16 g
- Unsaturated Fat: 8 g
- Trans Fat: 0.5 g
- Carbohydrates: 57 g
- Fiber: 1 g
- Protein: 4 g
- Cholesterol: 70 mg




Logan Lemaster
Founder & Culinary Innovator
Expertise
Recipe Development and Innovation, Menu Design and Optimization, Fine Dining Techniques, Ingredient Pairing and Flavor Science
Education
Metropolitan Culinary Arts Institute
Logan’s culinary journey kicked off in his vibrant Chicago family kitchen, where fresh, seasonal ingredients and bold flavors were always front and center.
After graduating from the Metropolitan Culinary Arts Institute in Arlington, Virginia, and honing his skills in renowned restaurants, Logan mastered the art of blending classic techniques with exciting, modern twists.
His kitchen is a dynamic lab for flavor exploration. Through Yum Utopia, Logan aims to empower you to cook with both confidence and creativity, turning simple ingredients into spectacular meals.