London Fog Earl Grey Cake

Slice of London Fog cake revealing Earl Grey-infused layers with creamy vanilla bean frosting Save
Slice of London Fog cake revealing Earl Grey-infused layers with creamy vanilla bean frosting | kitchenyumspot.com

This elegant dessert combines the distinctive flavor of London Fog lattes with tender cake layers. The sponge is infused with Earl Grey tea, creating subtle bergamot notes throughout. A rich vanilla bean frosting adds creamy sweetness, while a light tea syrup keeps each layer moist.

The preparation involves steeping quality tea bags in warm milk, then incorporating this fragrant liquid into a classic butter cake batter. After baking and cooling, the layers are brushed with concentrated tea syrup before being frosted.

Perfect for afternoon tea or special occasions, this cake balances sophisticated flavors with approachable technique. The result is a beautifully aromatic dessert that pairs wonderfully with a cup of Earl Grey or sparkling wine.

The smell of bergamot always takes me back to rainy afternoons in my grandmother's kitchen, where she'd brew Earl Grey in that chipped porcelain teapot while rain tapped against the windowpane. I never thought about putting that cozy comfort into cake form until years later, when I was experimenting with tea-infused desserts and stumbled upon something magical. The first time this cake came out of the oven, the entire house smelled like a warm tea shop, and I knew I'd found something special.

I made this for my sister's birthday last autumn, right as the leaves were turning golden and the air started getting crisp. She'd spent the whole month complaining about how adulthood meant fewer moments of pure comfort, so I wanted to bake something that felt like a warm hug. When she cut into it and saw those delicate layers, she actually teared up a little. That's when I knew this wasn't just a cake, it was a mood.

Ingredients

  • Whole milk and Earl Grey tea: The milk infusion is where the magic happens, so dont rush those 15 minutes of steeping time
  • All-purpose flour: Stick to the measurements here, too much flour will make the cake dense instead of tender
  • Unsalted butter: Soften it properly, none of that halfway melted business that ruins the creaming process
  • Granulated sugar: This creates the tender crumb structure, so resist the urge to reduce it
  • Large eggs: Room temperature eggs incorporate better and help the cake rise properly
  • Vanilla extract and lemon zest: This brightens everything and balances the earthy tea notes
  • Water and sugar for syrup: This keeps the cake moist and adds an extra punch of Earl Grey flavor
  • Powdered sugar and vanilla bean paste: Sift the sugar or you'll get lumpy frosting, and bean paste gives those gorgeous specks

Instructions

Steep your Earl Grey milk:
Heat the milk until it's steaming hot but not boiling, then add your tea bags and let them work their magic for 15 minutes. This patience is what separates a good cake from a great one, and your kitchen will smell amazing during the wait.
Prep your dry ingredients and oven:
Whisk together the flour, baking powder, and salt in a bowl, then get your oven to 350°F and grease those three cake pans like your life depends on it.
Cream butter and sugar:
Beat the butter and sugar for about 3 minutes until it's pale and fluffy, then add your eggs one at a time, mixing well after each addition.
Bring everything together:
Mix in the vanilla and lemon zest, then alternate adding the dry ingredients and that beautiful Earl Grey milk, starting and ending with the flour mixture. Mix until just combined, overworking here makes tough cake.
Bake to perfection:
Divide the batter evenly among your pans and bake for 28-32 minutes until a toothpick comes out clean. Let them cool in the pans for 10 minutes before turning them out.
Make the syrup:
Simmer water and sugar, add your tea bags for 10 minutes, and let it cool. This little step is what keeps the cake incredibly moist.
Whip up the frosting:
Beat that butter until it's creamy, then gradually add powdered sugar alternating with milk until smooth. Stir in the vanilla bean paste and pinch of salt.
Assemble your masterpiece:
Level the cakes if needed, brush each layer with the London Fog syrup, then frost between layers and all over. Top with edible flowers if you're feeling fancy.
Three-tier London Fog cake garnished with lemon zest and edible flowers on white pedestal Save
Three-tier London Fog cake garnished with lemon zest and edible flowers on white pedestal | kitchenyumspot.com

My friend Sarah tasted this at a brunch gathering and immediately demanded the recipe for her wedding cake. I've never felt prouder of a baking moment than when she called to say her guests kept asking what made it so special.

Making It Ahead

I've learned through many late-night baking sessions that this cake actually benefits from being made a day ahead. The flavors have time to meld and settle into each other, making the Earl Grey taste more pronounced and the frosting even silkier. Wrap each layer tightly in plastic wrap and store at room temperature, frosting only when you're ready to serve.

Tea Variations

While Earl Grey is classic, I've experimented with other tea blends and found some wonderful variations. Lady Grey gives you a more delicate citrus note, while chai-spiced black tea transforms this into a cozy autumn dessert that tastes like a hug in cake form. Just adjust the steeping time based on how strong your tea is, remembering that the flavor will bake out slightly.

Serving Suggestions

This cake deserves to be the star of the show, so serve it on a pretty cake stand and let people admire those layers before cutting in. I love pairing it with a cup of Earl Grey tea, obviously, but a dry sparkling wine cuts through the richness beautifully.

  • Slice with a sharp knife dipped in hot water for those picture-perfect clean cuts
  • Bring the cake to room temperature for 30 minutes before serving if chilled
  • Any leftovers keep surprisingly well in the fridge for up to five days
London Fog cake with bergamot aroma, stacked Earl Grey layers, and smooth vanilla frosting Save
London Fog cake with bergamot aroma, stacked Earl Grey layers, and smooth vanilla frosting | kitchenyumspot.com

Every time I bake this London Fog cake, I'm reminded that the best recipes are the ones that transport us somewhere else. Hope it brings you as many cozy moments as it has brought me.

Recipe Q&A

The distinctive flavor comes from Earl Grey tea infused into both the cake batter and soaking syrup. The bergamot oil in Earl Grey provides citrusy, floral notes that permeate every layer, creating the classic London Fog taste profile.

Absolutely. Use 2 tablespoons of loose Earl Grey tea leaves. Strain thoroughly after steeping to remove any leaves from the milk and syrup. Loose leaf often provides a more robust flavor.

Keep refrigerated in an airtight container for up to 4 days. The tea syrup helps maintain moisture. Bring to room temperature 30 minutes before serving for optimal texture and flavor.

Extend the steeping time for the milk up to 20 minutes, or add an extra tea bag. You can also brush additional syrup onto the layers or mix a small amount of tea powder into the frosting.

Yes, bake in lined cupcake tins for 18-22 minutes at 350°F. Brush cooled cupcakes with syrup using a pastry brush, then pipe the vanilla bean frosting on top. Makes about 24 cupcakes.

Serve alongside freshly brewed Earl Grey tea, English breakfast tea, or a dry sparkling wine like Prosecco. The citrus notes also complement light fruit salads or vanilla bean ice cream.

London Fog Earl Grey Cake

Tea-infused sponge with vanilla frosting and bergamot notes

Prep 35m
Cook 35m
Total 70m
Servings 12
Difficulty Medium

Ingredients

Earl Grey Cake

  • 1 cup whole milk
  • 4 bags Earl Grey tea bags or 2 tablespoons loose leaf tea
  • 2 ½ cups all-purpose flour
  • 2 ½ teaspoons baking powder
  • ½ teaspoon salt
  • 1 cup unsalted butter, softened
  • 1 ½ cups granulated sugar
  • 4 large eggs, room temperature
  • 2 teaspoons vanilla extract
  • Zest of 1 lemon

London Fog Syrup

  • ½ cup water
  • ½ cup granulated sugar
  • 2 bags Earl Grey tea

Vanilla Bean Frosting

  • 1 cup unsalted butter, softened
  • 4 cups powdered sugar, sifted
  • 2 tablespoons whole milk
  • 1 teaspoon vanilla bean paste or extract
  • Pinch of salt

Garnish

  • Dried edible flowers
  • Lemon zest

Instructions

1
Prepare the Oven and Pans: Preheat oven to 350°F. Grease and line three 8-inch round cake pans with parchment paper.
2
Infuse the Milk: Heat the milk until steaming without boiling. Add Earl Grey tea bags and steep for 15 minutes. Remove tea bags and let milk cool to room temperature.
3
Combine Dry Ingredients: In a bowl, whisk together flour, baking powder, and salt until well blended.
4
Cream Butter and Sugar: In a large bowl, beat butter and sugar until pale and fluffy, about 3 minutes. Add eggs one at a time, mixing well after each addition. Stir in vanilla extract and lemon zest.
5
Combine Batter: With mixer on low speed, add dry ingredients in three additions, alternating with cooled Earl Grey milk. Begin and end with flour mixture. Mix until just combined.
6
Bake the Cake Layers: Divide batter evenly among prepared pans. Smooth tops and bake for 28 to 32 minutes, or until a toothpick inserted in the center comes out clean.
7
Cool the Cakes: Let cakes cool in pans for 10 minutes, then turn out onto racks to cool completely.
8
Prepare London Fog Syrup: In a small saucepan, bring water and sugar to a simmer. Add tea bags and steep for 10 minutes. Discard tea bags and let syrup cool.
9
Make Vanilla Bean Frosting: Beat butter until creamy. Gradually add powdered sugar, alternating with milk, beating until smooth and fluffy. Mix in vanilla bean paste and salt.
10
Assemble the Cake: Level cooled cakes if needed. Brush each cake layer with London Fog syrup. Spread frosting between layers and over top and sides of cake.
11
Garnish and Chill: Garnish with edible flowers and lemon zest if desired. Chill for 30 minutes before slicing for clean cuts.
Additional Information

Equipment Needed

  • 3 round cake pans (8-inch)
  • Electric mixer
  • Mixing bowls
  • Saucepan
  • Offset spatula
  • Cooling racks

Nutrition (Per Serving)

Calories 470
Protein 5g
Carbs 62g
Fat 23g

Allergy Information

  • Contains milk and dairy products
  • Contains eggs
  • Contains wheat and gluten
  • May contain traces of nuts if processed in shared facilities
Olivia Parker

Home cook sharing easy, family-friendly recipes and practical kitchen tips for everyday meals.