London Fog Cake with Earl Grey

A slice of London Fog Cake with Earl Grey and Lavender, with creamy vanilla frosting and dried lavender garnish on a rustic table. Save to Pinterest
A slice of London Fog Cake with Earl Grey and Lavender, with creamy vanilla frosting and dried lavender garnish on a rustic table. | yumvibekitchen.com

This elegant cake captures the comforting essence of a London Fog latte in dessert form. The tender crumb is infused with fragrant Earl Grey tea and subtle lavender, creating a sophisticated flavor profile that's both comforting and refined. A creamy vanilla butter frosting complements the floral notes perfectly, while a brush of lavender syrup keeps each layer moist and adds an extra touch of sweetness. Perfect for afternoon tea or special occasions.

The afternoon sun was streaming through my kitchen window when I first decided to bake something that tasted like my favorite café order. I'd spent years nursing London Fog lattes through gray winters and crisp autumns, that comforting blend of Earl Grey and steamed milk somehow making everything feel right with the world. Turning that experience into cake felt like a natural progression, like capturing a cozy moment in edible form.

I served this at a book club meeting last winter, watching seven skeptical faces transform into something wonderstruck with the first forkful. Someone actually said it tasted like being wrapped in a cashmere blanket, which might be the best description I've ever heard for anything edible.

Ingredients

  • Whole milk: The fat content carries those delicate tea and lavender notes better than skim or low-fat versions ever could
  • Earl Grey tea bags: Quality matters here since the bergamot is the backbone of the entire flavor profile
  • Culinary lavender: Make absolutely certain it's labeled culinary grade, as ornamental lavender can taste soapy or bitter
  • All-purpose flour: Provides just enough structure to hold those tender, fragrant crumbs together
  • Baking powder and baking soda: The double lift ensures the cake rises despite the weight of the infused milk
  • Unsalted butter: Room temperature butter is non-negotiable for that cloud-like texture we're after
  • Granulated sugar: Creates a tender crumb while letting the floral flavors shine through
  • Large eggs: Also at room temperature, they emulsify beautifully into the butter for even texture
  • Vanilla extract: Pure extract bridges the gap between the tea and lavender components
  • Water and additional sugar: For the lavender syrup that keeps every bite impossibly moist
  • Powdered sugar: Sifting it first prevents those stubborn lumps that can ruin silky frosting

Instructions

Infuse the milk with patience:
Heat the milk until it's steaming gently, watching like a hawk so it never comes to a boil. Stir in the tea bags and lavender, then let it work its magic for 15 minutes while your kitchen starts to smell like an upscale tearoom.
Build your cake foundation:
Preheat that oven and prepare your pans while the milk cools. Whisk the dry ingredients together in one bowl, then cream butter and sugar in another until the mixture turns pale and fluffy.
Bring everything together:
Add eggs one at a time, letting each disappear completely before the next. Alternate between flour mixture and that fragrant infused milk, beginning and ending with flour, and stop mixing the second everything just comes together.
Bake into something wonderful:
Divide the batter between your prepared pans and slide them into the oven. Twenty-five to thirty minutes later, when a toothpick emerges clean, you'll have two golden rounds perfuming your entire home.
While cakes cool, make the syrup:
Simmer water, sugar, and lavender until the sugar dissolves completely. Let it steep for 10 minutes, then strain and let it cool to room temperature.
Create cloud-like frosting:
Beat butter until it's creamy and light, then gradually rain in powdered sugar. Add vanilla, salt, and that reserved infused milk until you've achieved something spreadable and dreamy.
Assemble your masterpiece:
Brush each cake layer with lavender syrup, letting it soak in like sweet perfume. Stack with frosting between the layers, then frost the top and sides until everything is smooth and inviting.
Close-up of layered London Fog Cake with Earl Grey and Lavender, showing fluffy cake crumb and swirls of frosting beside a steaming teacup. Save to Pinterest
Close-up of layered London Fog Cake with Earl Grey and Lavender, showing fluffy cake crumb and swirls of frosting beside a steaming teacup. | yumvibekitchen.com

My grandmother asked for seconds, which is practically unheard of for someone who typically claims desserts are too sweet. That's when I knew this cake wasn't just a recipe, it was a keeper.

Making It Your Own

I've discovered that grinding a teaspoon of Earl Grey leaves into the batter intensifies the tea flavor without being overwhelming. Some days I'll add a drop of food-grade lavender oil to the frosting for extra perfume, though I'm always careful to start with less than I think I need.

The Art of Tea Infusion

Temperature matters more than you might expect. Too hot and the tea turns bitter, too cool and the flavor never fully extracts. I've found the sweet spot is when the milk is steaming but not bubbling, creating that perfect extraction window where every aromatic compound has time to work its way into the dairy.

Serving Suggestions

This cake deserves to be the star of the show, served on a pretty cake stand with nothing to distract from its elegant simplicity. I love pairing it with a fresh cup of Earl Grey, though a crisp sparkling wine cuts through the richness beautifully for evening gatherings.

  • The flavors actually deepen after a day in the refrigerator, making it excellent for make-ahead occasions
  • A light dusting of culinary lavender on top transforms it into something truly show-stopping
  • Room temperature serving lets those subtle floral notes shine their brightest
A beautiful London Fog Cake with Earl Grey and Lavender, cut to reveal its tender layers and topped with a drizzle of lavender syrup. Save to Pinterest
A beautiful London Fog Cake with Earl Grey and Lavender, cut to reveal its tender layers and topped with a drizzle of lavender syrup. | yumvibekitchen.com

There's something deeply satisfying about eating a cake that tastes like comfort and elegance all at once. Every slice feels like a small act of self-care.

Recipe FAQs

The cake features the distinctive bergamot citrus notes from Earl Grey tea, complemented by subtle floral lavender undertones. The vanilla frosting adds creaminess that balances the fragrant tea flavors, creating a sophisticated taste reminiscent of the classic London Fog latte.

Only if it's specifically labeled as culinary-grade lavender. Garden ornamental lavender may contain pesticides or other treatments. Culinary lavender is grown and processed specifically for food use, ensuring it's safe and has the best flavor.

Heat the milk until steaming but not boiling, then add the tea bags and lavender. Let it steep for 15 minutes to extract maximum flavor. Strain well to remove all lavender bits before using in your batter and frosting.

The cake layers can be baked and wrapped tightly up to 2 days ahead. The frosted cake keeps well at room temperature for 1-2 days or refrigerated for up to 4 days. The flavors often develop and intensify after resting overnight.

Serve alongside a freshly brewed cup of Earl Grey tea to enhance the floral notes. A glass of sparkling wine or champagne also complements the delicate flavors beautifully for special occasions.

Ensure the sugar is completely dissolved by stirring while simmering. If your syrup appears grainy, return it to low heat and stir until the sugar fully dissolves. Straining through a fine mesh helps remove any undissolved crystals.

London Fog Cake with Earl Grey

Delicate cake infused with Earl Grey tea and lavender, topped with creamy vanilla frosting for a fragrant British-inspired dessert.

Prep 30m
Cook 30m
Total 60m
Servings 11
Difficulty Medium

Ingredients

Cake Components

  • 1 cup whole milk
  • 4 Earl Grey tea bags
  • 2 teaspoons dried culinary lavender
  • 2½ cups all-purpose flour
  • 2 teaspoons baking powder
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • 1 cup unsalted butter, room temperature
  • 1¾ cups granulated sugar
  • 4 large eggs, room temperature
  • 1 tablespoon vanilla extract

Lavender Syrup

  • ¼ cup water
  • ¼ cup granulated sugar
  • 1 teaspoon dried culinary lavender

Earl Grey Frosting

  • 1 cup unsalted butter, room temperature
  • 4 cups powdered sugar, sifted
  • 2–3 tablespoons infused milk (reserved from cake preparation)
  • 1 teaspoon vanilla extract
  • Pinch of salt

Instructions

1
Infuse the Milk: Heat the milk in a small saucepan until steaming without boiling. Add Earl Grey tea bags and 2 teaspoons lavender. Steep for 15 minutes. Remove tea bags, strain out lavender, and allow to cool completely. Reserve 2–3 tablespoons of infused milk for frosting preparation.
2
Prepare Cake Pans: Preheat oven to 350°F. Grease and line two 8-inch round cake pans with parchment paper.
3
Combine Dry Ingredients: In a medium bowl, whisk together flour, baking powder, baking soda, and salt until thoroughly combined.
4
Cream Butter and Sugar: In a large bowl, beat butter and granulated sugar on medium-high speed until light and fluffy, approximately 3–4 minutes. Add eggs one at a time, beating well after each addition. Mix in vanilla extract.
5
Combine Batter: Alternately add dry ingredients and infused milk to butter mixture, beginning and ending with flour mixture. Mix gently until just combined, being careful not to overmix.
6
Bake Cake Layers: Divide batter evenly between prepared pans. Bake for 25–30 minutes or until a wooden toothpick inserted into the center comes out clean. Cool in pans for 10 minutes, then transfer to a wire rack to cool completely.
7
Prepare Lavender Syrup: Combine water, granulated sugar, and 1 teaspoon lavender in a small saucepan. Bring to a simmer while stirring until sugar completely dissolves. Remove from heat and let steep for 10 minutes. Strain through a fine-mesh sieve and cool completely.
8
Make Earl Grey Frosting: Beat butter on medium-high speed until creamy and smooth. Gradually add powdered sugar, mixing well after each addition. Add vanilla extract and salt. Beat in reserved infused milk, 1 tablespoon at a time, until desired spreading consistency is achieved.
9
Assemble the Cake: Brush cooled cake layers generously with lavender syrup. Place one cake layer on a serving plate and spread with an even layer of frosting. Position second layer on top. Frost top and sides of cake with remaining frosting. Garnish with additional dried lavender if desired.
Additional Information

Equipment Needed

  • Small saucepan
  • Mixing bowls (various sizes)
  • Electric mixer (stand or hand)
  • Two 8-inch round cake pans
  • Fine-mesh sieve or strainer
  • Offset spatula
  • Wire cooling racks
  • Measuring cups and spoons

Nutrition (Per Serving)

Calories 480
Protein 5g
Carbs 62g
Fat 24g

Allergy Information

  • Contains milk and dairy products including butter
  • Contains eggs
  • Contains wheat and gluten
  • May contain traces of nuts depending on flour and tea sourcing
Brianna Lopez

Everyday cook sharing easy meals, kitchen hacks, and seasonal favorites for real-life home cooks.