London Fog Earl Grey Cake

London Fog cake slice revealing Earl Grey-infused layers with creamy vanilla bean frosting Save to Pinterest
London Fog cake slice revealing Earl Grey-infused layers with creamy vanilla bean frosting | viralpinkitchen.com

This elegant dessert combines the sophisticated flavors of a classic London Fog latte into a stunning layered cake. The sponge gets its distinctive character from Earl Grey tea steeped in the milk, while buttery vanilla bean frosting adds luxurious sweetness. A simple syrup infused with additional tea keeps layers incredibly moist and intensifies the bergamot aroma that makes this combination so beloved.

The cake balances the floral, citrusy notes of bergamot with rich vanilla and creamy butter—just like the beloved beverage it's named after. Perfect for afternoon tea or special celebrations, this British-inspired creation serves 12 and takes about 90 minutes from start to finish.

The first time I tasted a London Fog latte, something clicked—that floral bergamot perfume mixed with creamy vanilla felt like it belonged in a cake. I spent three afternoons tweaking tea ratios and accidentally over-steeping milk that turned bitterly unforgettable. My kitchen smelled like an elegant tea shop for days, which honestly wasn't the worst problem to have.

I made this for my book club last winter, and one friend actually stopped mid-conversation after her first bite. She said it tasted like someone turned a cozy cafe afternoon into cake form. Watching everyone reach for seconds while discussing plot twists made all those testing rounds worth it.

Ingredients

  • Earl Grey tea bags: The quality matters here since the bergamot oil carries the signature flavor
  • Whole milk: The fat content helps carry the tea flavor deeper into the cake crumb
  • All-purpose flour: Creates the tender structure needed for three delicate layers
  • Baking powder: Gives the cake its lift without interfering with the tea infusion
  • Unsalted butter: Room temperature butter is non-negotiable for proper aeration
  • Granulated sugar: Cream this properly with butter or your cake texture will suffer
  • Large eggs: Bring them to room temperature for better emulsion
  • Vanilla extract: Rounds out the floral notes with warmth
  • Lemon zest: Brightens the Earl Grey and keeps it from becoming too perfumed
  • Vanilla bean paste: Those tiny bean specks make the frosting feel extra special

Instructions

Infuse the milk:
Heat until you see steam rising but before bubbles form, then add tea bags and let them work their magic for 15 minutes.
Prep your pans:
Grease three rounds and line with parchment because stuck cake layers will ruin your day.
Whisk the dry team:
Combine flour, baking powder, and salt so everything distributes evenly.
Cream butter and sugar:
Beat until pale and fluffy, about three full minutes, or your cake will be dense.
Add eggs properly:
Drop them in one at a time and let each fully incorporate before reaching for the next.
Build the batter:
Alternate dry ingredients with that fragrant Earl Grey milk, starting and ending with flour.
Bake until done:
Cook 28 to 32 minutes until a toothpick comes out clean from the center.
Make the syrup:
Simmer sugar and water with two more tea bags, then cool completely.
Whip up frosting:
Beat butter creamy, then gradually work in powdered sugar with milk and vanilla bean paste.
Assemble with care:
Brush each layer with syrup, frost generously between and all around, then chill before slicing.
Three-tier London Fog cake topped with edible flowers and lemon zest garnish Save to Pinterest
Three-tier London Fog cake topped with edible flowers and lemon zest garnish | viralpinkitchen.com

This cake has become my go-to for birthdays now because it feels fancy without being fussy. Last month my sister said it was the first cake she's ever wanted to eat slowly instead of devouring.

Getting The Tea Flavor Right

I've learned that Earl Grey varies wildly between brands—some are subtle and others hit you over the head with bergamot. Taste your infused milk before baking and adjust accordingly. The syrup is your insurance policy if the cake needs an extra floral boost.

Frosting Like A Pro

Cold cake layers are easier to frost without crumbs ending up everywhere. I chill mine for at least 30 minutes, sometimes overnight wrapped in plastic. An offset spatula and a bench scraper will make those sides look professionally smooth.

Making It Ahead

The unfrosted layers freeze beautifully for up to a month if wrapped well. Thaw them in the refrigerator overnight before frosting.

  • Brush the syrup generously on thawed layers to refresh any moisture loss
  • Let the finished cake sit at room temperature for 20 minutes before serving
  • Store frosted cake in the fridge but bring it out early for the best texture
Moist Earl Grey cake brushed with tea syrup and swirled with vanilla frosting Save to Pinterest
Moist Earl Grey cake brushed with tea syrup and swirled with vanilla frosting | viralpinkitchen.com

There's something deeply satisfying about turning a beloved drink into an entirely different form. Every bite feels like a quiet moment in a cozy café.

Recipe FAQs

The distinctive Earl Grey tea infusion in both the cake batter and soaking syrup creates the signature London Fog flavor profile. The bergamot citrus notes from the tea blend beautifully with vanilla bean frosting, recreating the beloved tea latte experience in dessert form.

Absolutely. Use 2 tablespoons of loose leaf Earl Grey tea to replace the 4 tea bags called for in the cake. You'll need to strain the infused milk through a fine-mesh sieve or cheesecloth before using it in the batter.

Keep the assembled cake refrigerated in an airtight container for up to 4 days. The flavors actually develop and intensify after a day. Bring slices to room temperature for 15-20 minutes before serving for the best texture and flavor.

Yes, bake and cool the cake layers completely, then wrap each individually in plastic wrap and freeze for up to 1 month. Thaw overnight in the refrigerator before assembling with fresh syrup and frosting.

A freshly brewed cup of Earl Grey tea creates the perfect pairing. For a celebratory touch, try dry sparkling wine or prosecco. The cake's floral, citrusy notes also complement champagne or light, floral white wines.

London Fog Earl Grey Cake

Earl Grey-infused sponge with vanilla bean 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 or 2 tbsp loose leaf
  • 2 ½ cups all-purpose flour
  • 2 ½ tsp baking powder
  • ½ tsp salt
  • 1 cup unsalted butter, softened
  • 1 ½ cups granulated sugar
  • 4 large eggs, room temperature
  • 2 tsp 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 tbsp whole milk
  • 1 tsp 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
Mix Dry Ingredients: In a bowl, whisk together flour, baking powder, and salt until well combined.
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 Cakes: 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 the 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 the 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/dairy
  • Contains eggs
  • Contains wheat/gluten
  • May contain traces of nuts if processed in shared facilities
Kaylee Jordan

Sharing easy, nourishing recipes and practical cooking tips for home cooks and food enthusiasts.