Enchanting and Elegant London Fog Cake for Tea Lovers and Dessert Dreamers

If you adore cozy moments with a cup of Earl Grey tea, you’re going to fall head over heels for this beautifully crafted London Fog Cake. With soft layers infused with earl grey, delicate vanilla, and floral notes of lavender, this cake is the definition of dreamy. Paired with a cloud-like lavender vanilla frosting, it captures all the magic of your favorite coffee shop drink—in dessert form.

This stunning dessert isn’t just a treat; it’s a conversation piece. Perfect for birthdays, brunches, or a Bridgerton-inspired tea party, this cake brings a sophisticated twist to classic flavor cakes. And despite its elegance, it’s surprisingly approachable to bake at home.

Love creating desserts with a cozy, whimsical vibe? You might also enjoy our Pumpkin Cheesecake Pops or Lavender Cupcakes, both excellent for witchy dessert recipes and themed events.

What Is a London Fog Cake? (And Why You’ll Adore It)

The London Fog Cake is inspired by the London Fog drink, a comforting latte made with Earl Grey tea, vanilla, and steamed milk. This cake transforms those flavors into moist layers of tea-infused sponge, all wrapped in creamy lavender vanilla buttercream.

Why is it special? Because it offers:

  • A unique flavor profile: delicate, floral, and rich
  • A gorgeous presentation with natural color and edible florals
  • A sensory experience: the aroma of brewed tea, the feel of velvet cake, and the taste of cream and herbs

It’s a showstopper that fits right into coffee shop baked goods ideas or homemade summer desserts with flair.

Ingredients You’ll Need to Make a London Fog Cake

For the Cake:

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

For the Lavender Vanilla Frosting:

  • 1 cup (226g) unsalted butter, softened
  • 3–4 cups (360–480g) powdered sugar, sifted
  • 2–3 tbsp heavy cream or milk
  • 1 ½ tsp vanilla extract
  • ½–1 tsp culinary lavender, ground or steeped
  • Optional: gel food coloring (lavender or pale purple)

For Decoration:

  • Dried lavender buds
  • Lemon zest or edible flowers (optional)

These ingredients work beautifully to evoke a true bakery products idea vibe with homemade heart.

Essential Baking Tools for a Perfect London Fog Cake

Before you begin, make sure you have the right tools on hand:

  • Stand mixer or electric hand mixer
  • Mixing bowls
  • Measuring cups and spoons
  • Fine mesh strainer (for tea and lavender)
  • Saucepan (to infuse milk with tea)
  • 8-inch cake pans (two or three)
  • Offset spatula for frosting
  • Cooling racks
  • Parchment paper

These tools help achieve even layers, smooth frosting, and that professional finish.

How to Make London Fog Cake Step-by-Step

  1. Infuse the milk
    Heat milk in a small saucepan until steaming (not boiling). Add Earl Grey tea and steep for 10 minutes. Strain, discard tea leaves or bags, and let the milk cool completely.
  2. Mix dry ingredients
    In a medium bowl, whisk flour, baking powder, baking soda, and salt. Set aside.
  3. Cream butter and sugar
    In a large bowl, beat butter and sugar until light and fluffy (about 3–4 minutes). Add eggs one at a time, mixing well after each. Add vanilla.
  4. Combine wet and dry
    Alternate adding the dry ingredients and tea-infused milk to the butter mixture, starting and ending with flour. Mix until just combined.
  5. Bake
    Divide the batter between greased and lined 8-inch cake pans. Bake at 350°F (175°C) for 25–30 minutes, or until a toothpick comes out clean. Let cool completely.
  6. Make the frosting
    Beat butter until creamy. Slowly add powdered sugar. Add heavy cream, vanilla, and lavender (steeped or ground). Whip until light and fluffy.
  7. Assemble the cake
    Level the cakes if needed. Spread frosting between each layer, then cover the entire cake. Decorate with dried lavender or lemon zest.

Looking for more elegant cakes? Try the soft, citrus-kissed Lemon Eclair Cake or the dreamy Peach Sorbet for summer pairings.

Tips for Making Lavender Frosting at Home

Lavender is delicate—use it thoughtfully to avoid overwhelming the cake:

  • Steep it: Heat cream and steep culinary lavender for 10–15 minutes. Strain before adding to buttercream.
  • Grind it: If using dried buds, grind into powder with a mortar and pestle for smoother texture.
  • Start small: Begin with ¼ tsp and adjust to taste. A little goes a long way!

Pair this frosting with other fresh lavender recipes like cookies or cupcakes.

Presentation Ideas for an Elegant London Fog Cake

This cake deserves to shine on any dessert table. Here’s how to dress it up:

  • Pipe swirls of frosting and top with dried lavender buds
  • Add edible gold leaf for a royal, Bridgerton inspired dessert finish
  • Decorate with lemon peel curls for a pop of color
  • Use a lavender ombré frosting effect for visual drama
  • Serve on a vintage cake stand with Earl Grey tea

It also pairs beautifully with our Strawberry Sorbet for a light, refreshing end to the meal.

Flavor Variations and Frosting Alternatives

Switch it up to keep things exciting:

  • London Fog Tres Leches Cake: Combine the flavors with a milk-soaked sponge
  • Lavender Honey Frosting: Use honey instead of vanilla for natural sweetness
  • Citrus twist: Add orange zest to the batter and glaze
  • Chocolate London Fog: Add cocoa to the batter for a mocha-lavender fusion

Want a soft but flavorful cake base? Explore our Fluffy Baked Bread as a rustic complement.

Common Mistakes to Avoid When Baking London Fog Cake

Keep your cake perfect by avoiding these errors:

  • Over-steeping the tea: Makes the flavor bitter. Stick to 10 minutes max.
  • Too much lavender: A heavy hand can make the cake taste soapy.
  • Under-whipping the frosting: For a fluffy finish, beat it until light and airy.
  • Skipping cooling time: Warm cake will melt the frosting.

How to Store London Fog Cake for Freshness

This cake keeps well with proper storage:

  • Refrigerator: Store covered for up to 4 days. Let sit at room temp before serving.
  • Freezer: Freeze slices wrapped in plastic and foil for up to 1 month.
  • Make-ahead: Bake the layers a day ahead and frost when ready to serve.

Pro tip: Store with a slice of bread or damp paper towel inside the container to keep it moist.

Serving Suggestions for London Fog Cake

Serve this cake with:

  • A hot cup of Earl Grey or English breakfast tea
  • Fresh fruit like raspberries or sliced peaches
  • Lemonade or Strawberry Dirty Sprite for a summer garden party
  • Vanilla bean ice cream on the side

It also pairs beautifully with delicate dishes like Grilled Peach and Burrata Crostini.

London Fog Cake Tips for Perfect Texture and Flavor

  • Use room temp ingredients: Ensures even mixing and baking.
  • Don’t overmix: This keeps the cake soft, not tough.
  • Sift powdered sugar: Prevents clumps in frosting.
  • Add gel coloring carefully: Too much liquid can change the frosting texture.
  • Let flavors rest: Chill the cake for 30 minutes to let it set before serving.

Frequently Asked Questions About London Fog Cake

Can I make it gluten-free?
Yes! Use a 1:1 gluten-free flour blend and ensure your baking powder is GF-certified.

What’s the best Earl Grey for baking?
Choose a strong, high-quality loose-leaf or pyramid bag Earl Grey with real bergamot.

Can I use food coloring?
Gel food coloring gives beautiful results without watering down your frosting.

Is it safe to eat lavender?
Yes, but only culinary-grade lavender—avoid anything labeled “for fragrance only.”

Can I make cupcakes instead?
Absolutely! Bake for 16–18 minutes at 350°F and top with a swirl of lavender frosting.

📌 Share This London Fog Cake with Fellow Dessert Lovers and Tea Fans!

The London Fog Cake is soft, floral, and elegant—a beautiful balance of tea, vanilla, and lavender that makes every bite feel special. Whether you’re serving this for a garden party, a tea-themed bridal shower, or just because you love magical desserts, this cake is sure to impress.

📌 If you loved this recipe, don’t forget to share it, pin it, and subscribe to the blog for more stunning bakes like our Chocolate Strawberry Brownies and Neapolitan Rice Krispie Treats.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Elegant and Irresistible London Fog Cake with Lavender Frosting

5 Stars 4 Stars 3 Stars 2 Stars 1 Star No reviews
  • Author: Maria
  • Prep Time: 25 minutes
  • Cook Time: 30 minutes
  • Total Time: 1 hour + cooling
  • Yield: 810 1x
  • Category: Dessert, Cakes
  • Method: Baked
  • Cuisine: British Inspired

Description

This London Fog Cake is a dreamy dessert infused with Earl Grey tea, vanilla, and lavender. With soft, aromatic sponge layers and a delicate lavender vanilla frosting, it’s the perfect cake for tea parties, birthdays, or Bridgerton-inspired gatherings.


Ingredients

Scale

For the Cake:

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

For the Lavender Vanilla Frosting:

  • 1 cup (226g) unsalted butter, softened
  • 34 cups (360–480g) powdered sugar, sifted
  • 23 tbsp heavy cream or milk
  • 1 ½ tsp vanilla extract
  • ½1 tsp culinary lavender, ground or steeped
  • Optional: gel food coloring (lavender or pale purple)

For Decoration:

  • Dried lavender buds
  • Lemon zest or edible flowers (optional)


Instructions

  1. Infuse the milk: Heat milk until steaming, then steep Earl Grey tea for 10 minutes. Strain and cool.
  2. Mix dry ingredients: Whisk flour, baking powder, baking soda, and salt in a bowl.
  3. Cream butter and sugar: Beat until light and fluffy. Add eggs one at a time, then vanilla.
  4. Combine wet and dry: Alternately add dry ingredients and tea milk, mixing until just combined.
  5. Bake: Divide batter into greased 8-inch pans. Bake at 350°F (175°C) for 25–30 minutes. Cool completely.
  6. Make the frosting: Beat butter until creamy. Add sugar, cream, vanilla, and lavender. Whip until fluffy.
  7. Assemble: Level cakes. Frost layers, then coat outside. Decorate with lavender buds or lemon zest.

Notes

  • Use culinary-grade lavender only.
  • To avoid bitterness, steep tea for no more than 10 minutes.
  • For extra elegance, try ombré frosting or edible gold leaf.
  • This recipe also works beautifully as cupcakes (bake 16–18 mins).
  • Let the cake chill for 30 minutes before slicing for best texture.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star