London Fog Cake Recipe

Save this recipe on:

Imagine sinking your fork into a soft, moist slice of cake infused with the comforting flavor of Earl Grey tea. This is not your ordinary dessert—it’s a London Fog Cake, inspired by the classic latte made with black tea, bergamot, and creamy vanilla. Delicately floral and perfectly sweet, this cake is a dreamy treat ideal for a cozy brunch, elegant afternoon tea, or just a moment of pure indulgence.

The cake layers are gently spiced and tender, with the distinctive aroma of Earl Grey shining through in every bite. Topped with a silky lavender-hued frosting, it feels like a gentle fog rolling over a field of wildflowers. Whether you’re a tea lover or simply seeking a unique bake, this cake offers a beautiful harmony of flavor and elegance.

---

Ingredients for this London Fog Cake Recipe

For the Cake:

• 1 cup whole milk
• 4 Earl Grey tea bags (or 2 tbsp loose leaf)
• 2 ¼ cups all-purpose flour
• 2 tsp baking powder
• ½ tsp baking soda
• ½ tsp salt
• 1 cup granulated sugar
• ½ cup brown sugar
• ¾ cup unsalted butter, room temperature
• 3 large eggs
• 1 tbsp vanilla extract
• ½ cup sour cream

For the Frosting:

• 1 cup unsalted butter, softened
• 3 cups powdered sugar
• 1–2 tbsp brewed Earl Grey tea (cooled)
• 1 tsp vanilla extract
• A drop of purple food coloring (optional)
• Dried lavender or edible flowers for garnish (optional)

---

Step 1: Infuse the Milk with Earl Grey

Begin by heating the milk in a small saucepan over medium heat until it just starts to steam—do not boil. Remove from heat and add the Earl Grey tea bags (or loose tea in a diffuser). Let it steep for about 10 minutes, then discard the tea bags and allow the milk to cool completely. This step ensures that the tea flavor gently infuses into the cake without overpowering it.

---

Step 2: Prepare the Dry Ingredients

In a medium bowl, whisk together the flour, baking powder, baking soda, and salt. Set aside. This mixture provides the structural foundation for the cake, keeping it light yet sturdy enough to support the frosting.

---

Step 3: Cream the Butter and Sugars

Using a stand mixer or handheld electric mixer, cream the butter, granulated sugar, and brown sugar together on medium-high speed for about 3–4 minutes, until light and fluffy. This aeration is essential for a soft, tender crumb.

---

Step 4: Add the Eggs and Vanilla

Reduce the mixer speed to medium and add the eggs one at a time, ensuring each egg is fully incorporated before adding the next. Add the vanilla extract and mix until smooth.

---

Step 5: Combine Wet and Dry Ingredients

Alternate adding the dry ingredients and the tea-infused milk to the butter mixture, starting and ending with the dry ingredients. Mix on low speed just until combined. Gently fold in the sour cream to add extra moisture and tanginess.

---

Step 6: Bake the Cake

Preheat the oven to 350°F (175°C). Grease and line an 8×8-inch square pan or similar-sized cake pan. Pour the batter into the prepared pan, smoothing out the top. Bake for 30–35 minutes or until a toothpick inserted into the center comes out clean. Let the cake cool completely in the pan before frosting.

---

Step 7: Make the Earl Grey Frosting

In a clean mixing bowl, beat the butter until smooth. Gradually add the powdered sugar, one cup at a time, mixing well between additions. Add the cooled Earl Grey tea and vanilla extract. Beat until light and fluffy. If desired, add a drop of purple food coloring for that soft lavender hue.

---

Step 8: Frost and Decorate

Spread the frosting evenly over the cooled cake using a spatula. Garnish with a few dried lavender buds or edible flowers for a beautiful finish. Slice and serve your stunning London Fog Cake with a hot cup of tea or coffee.

---

Estimated Nutrition

Per slice (based on 12 slices)

• Calories: ~370
• Total Fat: 18g
• Saturated Fat: 11g
• Carbohydrates: 48g
• Sugars: 34g
• Protein: 4g
• Fiber: 1g
• Sodium: 160mg

Note: Nutrition may vary based on specific ingredients used.

---

Frequently Asked Questions

What does a London Fog Cake taste like?

A London Fog Cake has a delicate and aromatic flavor with notes of bergamot, black tea, and vanilla. The frosting adds a subtle floral hint that complements the tea beautifully.

---

Can I make this cake without tea?

Technically yes, but the unique flavor comes from the Earl Grey tea. Without it, you’d lose the essence of what makes a London Fog Cake special.

---

Is the lavender flavor strong?

The lavender (if added) is very mild and mostly decorative. You can control its strength or omit it completely if preferred.

---

Can I use plant-based milk instead of regular milk?

Yes! Almond, oat, or soy milk can work well, especially if steeped properly with the tea.

---

What kind of tea is best for this recipe?

Earl Grey is essential, ideally one with strong bergamot notes. Loose leaf or high-quality tea bags work best.

---

Can I make cupcakes instead of a full cake?

Absolutely. Simply divide the batter into cupcake liners and bake for 18–22 minutes at 350°F (175°C), or until a toothpick comes out clean.

---

How do I keep the frosting from getting too soft?

Use only a small amount of brewed tea for the frosting, and chill the frosting slightly before applying if it’s too soft.

---

What toppings go well with this cake?

Dried lavender, edible flowers, lemon zest, or a sprinkle of loose Earl Grey leaves make for elegant toppings.

---

Print

Save this recipe on: