London Fog Cake. Chocolate cake with Earl Grey buttercream and salted caramel, a recipe from the new cake book Layered by our contributor, Tessa Huff.
Hi everyone! Today’s layer cake recipe is one that is near and dear to my heart. It comes straight from the pages of my new cookbook, “Layered: Baking, Building, and Styling Spectacular Cakes.” After nearly two years in the making, I am so excited to share it here on The Cake Blog.
I’ve been writing about cakes on The Cake Blog for over three years now. Looking back to some of my first posts, you can clearly see how the recipes and photography have evolved. Between your (the readers) feedback and Carrie’s continuous support, I’ve been able to take the concept of layer cakes and turn it into an entire 288-page, hardcover book! As a thank you for all of my time spent here so far, sharing stories about buttercream and flavorful fillings, I am thrilled to be giving you a peak inside “Layered.”
As indicated by the title, the book is all about layer cakes! I’m talking two, three, and more layers of cakes, fillings, and frostings. The sky-high, sugar-clad cake confections of your dreams! If you’ve been reading my posts here for some time, then you know how much I love to combine different flavors and textures within a layer cake, and “Layered” is no different. From flavors like Pink Peppercorn Cherry Cake to Bourbon Butterscotch Cake, there is a recipe for each and every occasion – 60 cakes with over 150 different recipes from fillings to edible garnishes, to be exact!
To go along with all of the carefully crafted flavour pairings (although there are some great classics too, like Red Velvet and Hummingbird Cake), each cake has been decorated and styled for its own color photo. Yes, there is a picture (or two) for each cake! Here, you can follow along with the step-by-step instructions for achieving a variety of frosting finishes and design elements. Not finding exactly what you are looking for? Feel free to mix and match the recipes and decorations to create your own custom cake!
To get you all even more intrigued and excited, I’m sharing the recipe for the London Fog Cake. In a book of 60 different cake combinations, this is definitely in my top five.
Have you ever had a London Fog before? It is a vanilla-sweetened Earl Grey tea latte. They are one of my favorite things to sip and I was inspired to turn those flavors into an irresistible buttercream. The distinctive yet subtle flavors of the bergamont orange scented black tea really shines through. If you are an Earl Grey fan, this cake is a must!
Tea-flecked and silky smooth, Earl Grey buttercream is slathered between layers of classic chocolate cake before being blanketed over the entire thing. The cake layers themselves are extremely moist and versatile – the quintessential cake to fulfill any chocolate craving. To top it all off, homemade Salted Caramel Sauce! Any recipe that calls for boiling sugar might sound a little scary, but it really isn’t as hard to make as you might think. Several of the recipes throughout the book call for this staple recipe, and once you make your own, you’ll abandon the store-bought stuff for good. Trust me, fudgy chocolate cake, creamy Earl Grey, and salted caramel – it doesn’t get much better than this!
London Fog Cake
London Fog Cake – chocolate cake with Earl Grey buttercream and salted caramel, a recipe from Layered by Tessa Huff.
- Yield: One 8" Round Cake (3 layers)
- Category: ✽ ✽ ✽ ✽
Ingredients
For the Classic Chocolate Cake:
- 2 ½ cups all purpose flour
- 1 cup unsweetened cocoa powder
- 2 ½ teaspoons baking powder
- ¾ teaspoon baking soda
- 1 teaspoon salt
- ½ cup plus 2 tablespoons grapeseed or canola oil
- 2 cups granulated sugar
- 2 large eggs
- 1 large egg yolk
- 2 teaspoons vanilla extract
- ½ teaspoon almond extract
- 1 ½ cups whole milk
- 1 cup hot strong-brewed coffee
For the Earl Grey Buttercream:
- 2 cups unsalted butter, at room temperature
- ¼ cup loose Earl Grey tea
- ½ cup plus 2 tablespoons (150 ml) egg whites, from about 4 to 5 large eggs
- 1 ¼ cups granulated sugar
- 1 ½ teaspoons vanilla bean paste, or seeds from ½ vanilla bean
For the Salted Caramel Sauce:
- ¾ cup granulated sugar
- 2 tablespoons light corn syrup
- 2 tablespoons water
- ½ cup heavy cream
- 2 tablespoons unsalted butter, diced
- ¾ teaspoon sea salt, or to taste
- 1 teaspoon vanilla extract
Instructions
Make the Chocolate Cake:
- Preheat over to 350 degrees. Grease and flour three 8-inch cakes pans and set aside.
- Sift together the flour, cocoa powder, baking powder, baking soda, and salt and set aside.
- In the bowl of a stand mixer fitted with paddle attachment, beat together the oil and sugar on medium speed for 2 minutes. With the mixer on, add the eggs, egg yolks, vanilla, and almond extract. Stop the mixer and scrape down the bowl.
- Turn the mixer to low and add the flour mixture in three batches, alternating with the milk, beginning and ending with the flour mixture. Stop the mixer and scrape down the bowl. With the mixer on low, stream in the coffee. Mix on medium-low for no more than 30 seconds, or until combined.
- Evenly divide the batter among the prepared pans. Bake for 23 to 25 minutes, or until a toothpick inserted into the center of the cakes comes out clean. Let them cool on a wire rack fro 10 to 15 minutes before removing the cakes from their pans.
Make the Earl Grey Buttercream:
- Place 1 cup of the butter in a saucepan with the loose tea. Heat over medium heat until the butter melts, then reduce the heat to low and simmer for 5 minutes. Remove from the heat and let the tea steep for 5 minutes more. Strain the butter through a fine mesh sieve set over a bowl and refrigerate it until is reached the same consistency as softened butter, 20 to 30 minutes. Small bits of tea may remain in the butter.
- Place the egg whites and sugar in the bowl of a stand mixer. Whisk them together by hand to combine. Fill a medium saucepan with a few inches of water and place it over medium-high heat. Place the mixer bowl on top of the saucepan to create a double-boiler. The bottom of the bowl should not touch the water. Whisking intermittently, heat the egg mixture until it registers about 155-160 degrees on a candy thermometer or is hot to the touch. Carefully fit the mixer bowl onto the stand mixer.
- With the whisk attachment, beat the egg white mixture on high speed for 8 to 10 minutes, until it holds medium-stiff peaks. When done, the outside of the mixer bowl should return to room temperature and no residual heat should be escaping from the meringue out of the top of the bowl. Stop the mixer and swap out the whisk attachment for the paddle.
- With the mixer on low speed, add the vanilla, tea-infused butter, and 1 cup butter, a couple tablespoons at a time. Once incorporated, turn the mixer to medium-high and bet until the buttercream is silky smooth, about 3 to 5 minutes.
Make the Salted Caramel Sauce:
- Place the sugar, corn syrup, and water in a heavy-bottomed saucepan. Stir to combine.
- Heat over high heat, occasionally swirling the pan, until it turns a medium golden amber color (about 8 to 10 minutes). The sugar mixture will begin to rapidly boil before slowing down and darkening in color. Remove the saucepan from the heat once the correct color is reached and the bubbles start to subside (the darker the color, the deeper the caramel flavor).
- Slowly and carefully whisk in the cream.
- The mixture will foam up and sputter, so stand clear and keep stirring.
- Add the butter and continue to stir until melted. Add the salt and vanilla and stir to combine. Pour the caramel into a heat-safe container and let it cool until it reaches your desired consistency or refrigerate until use. It will thicken as it cools.
Assemble the Cake:
- Place the bottom layer of cake on a cake plate or serving dish. Spread on about ½ to ¾ cup of the buttercream with an offset spatula. Top with the next layer of cake and repeat.
- Frost the cake with the remaining buttercream. Using an icing comb to crate the stripe finish (if desired) and refrigerate until set, about 15 to 20 minutes.
- Pour caramel sauce over the chilled cake, starting with about a ½ cup, letting it drip over the edges. Add more caramel as necessary.

Thank you all for your years of support and helping make Layered happen!
Recipe excerpted from Layered, by Tessa Huff. © 2016 by Tessa Huff. Published by Stewart, Tabori & Chang – an imprint of ABRAMS. Used by permission of the author. All rights reserved.
OTHER DRINK INSPIRED CAKES TO TRY:
Caramel Cappuccino Cake
Hot Chocolate Cake
Champagne Mimosa Cake
Eggnog Cake
Raspberry Earl Grey Cake
Hi Tessa,
Is there a substitute I can use for the corn syrup when making the caramel?
Thanks!
Tessa, I tackled this cake yesterday and it worked out and tasted amazing!
I noticed a few non-issue timing sensitive conditions on my side I thought I would share
1 – I used 2-9″ forms and cut into 4 layers – the baking took more like 45min – used toothpick to test – this also affected how to ration the icing for the extra layer.
2 – the tea steeping in the butter you mention letting it cool for 25min until same consistency as the other room temp butter but it stayed in liquid form – didn’t seem to impact buttercream icing
3 – the buttercream icing took half the time to whip into medium-stiff peaks – kitchenaid artisan stand mixer set to 1 notch off highest
4 – I burnt the salted caramel first time, as you said basically don’t stir and wait until it’s medium amber and pull off stove, which took 4-5 mins for my stove opposed to recommended 8-10 mins which was too long – thank you for the very descriptive explanation of what coloring to wait for – second batch was perfect!
Hi Tessa,
Where do you get your cake stands?
Thank you in advance@ 🙂
Hi!
I’m excited to try this recipe!
I also have a question, where did you get your pretty cake stand and plates?
Thanks!
Wow! <3 Does anyone know how much 1/4 cup of loose tea would be in grams?
Thanks from the UK!
This was the most delicious cake I’ve made for my friend. I was sad that I had to share it with the birthday girl.
The Buttercream was amazing!!
It’s easily my favorite cake. Thank you for sharing your recipe.
I made this for my husband’s birthday today, and I wish I could tell you how I stumbled across it.
The combination of flavors is outstanding. The taste of the tea lingers after the slice is gone. I made two 6″ layers and split them for a total of four. This required half the two-layer cake recipe. I let the caramel go a degree or two beyond amber for a toasty flavor that really worked with all the others. I also really appreciate your post with the alternate Swiss meringue buttercream technique; I used it with great success. This was remarkably simple to put together, as I made the icing and caramel one day, the layers the next (and froze them, chocolate layers are so much easier to work with when frozen), and final assembly the following day. I’d let the caramel come to room temperature, but next time I’ll refrigerate the iced cake for 20′” or so and very slightly warm the caramel so it will drip more finely. I’m so glad to have found this!
This cake was amazing! I made it for a friend who is gluten intolerant, so I successfully substituted the flour for King Arthur’s gluten free AP flour (I chose this one because there is no xantham gum), and it turned out great! I think it made the cake layers a little more crumbly than usual, but still delicious with a great texture. Also, I only had enough buttercream for a crumb coat and a small see-through layer, but this might have been because I used the alternative SMBC method from this blog (https://thecakeblog.com/2014/06/no-meringue-swiss-buttercream-recipe.html).
Thanks for your feedback Whitney! Happy to know you had success with this recipe, even with the gluten free flour substitution!
Made London fog cake/earl grey butter cream. Cake batter was extremely runny. Followed recipe exactly. Is it really 1.5 cups milk and 1cup coffee? Only 2.5 cups flour and 1 cup chocolate powder.
My birthday is coming up and I’d love to make this cake!! However, I don’t love the flavor of almond exract, and I was wondering how strongly that flavor came through in this cake, or if it used more to enhance the other flavors of the chocolate cake.
@ Lucy Bell – I left out the almond extract as well, as I didn’t think it was necessary – obviously I don’t know what the cake would have tasted like with it in the batter, but I certainly didn’t feel the cake was missing anything by leaving it out.
Hello! I loved this recipe and purchased your book a few years ago! I’ve been slowly baking my way through, and this weekend I’m making the coconut mojito cake for our 12 year wedding anniversary!
I love your creativity with flavors and my family and friends are always excited to find out what new recipe of yours that I am trying 🙂
Hi, I do not have a stand mixer. Will a hand mixer or?
Thank you
Work.
This looks delicious!!!! Could I eliminate the coffeee from the chocolate cake recipe or is it not recommended?
Thanks 🙂
@ Vanna – you don’t actually taste the coffee in the cake, it just makes it very moist and adds a bit of richness in the background. If you don’t use coffee, you will have to substitute it with another liquid, because the batter would be very thick without it! I was dubious after adding the milk that the batter would need any more liquid, but after I had finished adding the dry ingredients I could see that it was needed.
What a fantastic cake – the flavours all complement each other so well! I saw the recipe and just had to make it (assisted by the fresh nip of autumn in the air, which always awakens the baking bug in my brain). I brought the cake to work today and my colleagues loved it as much as I did (even those who are not fans of drinking Earl Grey tea).
Next time I make this cake (which I will definitely be doing) the only thing I will change is to put the salted caramel in between the layers as well as drizzling over the top – that little salty hit from the caramel is too special not to taste in every single bite!
Question: looks divine! making the icing as I type and I see it calls for 2 cups of butter but directions only mention 1. Am I maybe missing something?
I indeed misread the steps. I see I rotate adding 1 cup of the infused butter with 1 cup reg butter. Looking forward to the outcome🙌🏼
I made this for my birthday last week. It turned out amazing, even though I made the caramel a little on the lighter side. It turned out beautifully, was delicious, and is the talk of the office at my husband’s job. I will be making this many times again, I’m sure. The only thing I noticed was my infused butter was a little light on flavour, so I think I need to steep the tea longer. I have never made a buttercream with meringue before but this was a really fun project for me! Thank you for posting this. I share it with everyone who asks where I got my cake from.
I made this for a friend and she literally said it was the BEST cake she had ever eaten. I love your book Layered and am working my way through it … slowly, but surely. I am curious what are your top five favorite cakes from the book?