• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • Collaborate with us
  • Contact

Serena Lissy logo

  • Recipe Index
  • Privacy Policy
menu icon
go to homepage
  • Christmas
  • Recipes
  • Photography
  • About
    • Facebook
    • Instagram
    • Pinterest
  • search icon
    Homepage link
    • Christmas
    • Recipes
    • Photography
    • About
    • Facebook
    • Instagram
    • Pinterest
  • ×

    Serena Lissy » Recipes » Recipes

    Published: Apr 2, 2021 · Modified: Jan 24, 2022 by serena · This post may contain affiliate links.

    Chocolate Cake with Earl Grey Buttercream

    Jump to Recipe - Print Recipe

    London Fog Cake is the delicious comfort of an Earl Grey latte in cake form. Moist chocolate cake is layered with Earl Grey buttercream and topped with a silky and sweet caramel sauce.

    London Fog Cake with Earl Grey buttercream and a caramel drizzle on plate

    What is London Fog Cake

    I recently picked up the Layered cookbook by Tessa Huff. First, I'm going to say that this book is awesome. Quite a few incredible easy desserts in there. But her London Fog cake really stood out. I'm a huge fan of Earl Grey tea so we gave this a whirl. I'll say it was pretty delicious.

    For me, the most unforgettable flavors are those that are both familiar, yet somehow new. The sweet vanilla-infused Earl Grey tea latte is a classic for any coffee lover, but its London Fog twist makes this cake extra special. A bergamot orange flavor gives the buttercream an almost tangy undertone of citrus that goes so well with vanilla bean and black tea leaves. If you are an Earl Grey fan, this London Fog cake is a must!

    Bringing Out More Earl Grey Flavor

    What I ended up wanting from Tessa's recipe was just a bit more Earl Grey flavor, so we made a few adaptations to her Swiss Meringue buttercream recipe and ended with this recipe. We used our standard chocolate cake recipe for the cake layers. This makes two delicious chocolate layers. If you want more layers of cake go ahead and double the recipe, or 1.5 times it to give you three layers. We went with three, but two would easily work for this London Fog Cake and your buttercream will just be a bit thicker since you have one less layer to cover.

    Now when you think chocolate cake, what is the first thing that comes to mind? For many people, it's no doubt a delicious and moist cake topped with a decadent sauce or frosting.

    Caramel Topping

    The best part of this caramel topping recipe is how easy it is to make. You just boil the sugar down until browned, then add the dairy while stirring continuously. After cooking for a few minutes more, add butter and vanilla. It takes about 15 minutes from start to finish. We then topped the cake with this caramel sauce - which tastes amazing without but really tasty with...it just depends on your motivation and love of caramel. Personally I love adding a generous drizzle of this to my vanilla bean ice cream or even sprinkling over apple cobbler.

    Caramel Sauce:

    • ¾ cup sugar
    • 2 tablespoon light corn syrup
    • 2 tablespoon water
    • ½ cup heavy cream at room temperature
    • 1 tablespoon unsalted butter
    • 1 ½ teaspoon vanilla

    Place sugar, corn syrup and 2 tablespoon water in a medium saucepan. Heat over high heat, slowly swirling the pan until it turns a golden amber color, about 10 minutes. Once you have the right color, remove from heat and slowly whisk in the cream. (Be careful it will foam up and splash, so stand clear) Add the butter and continue to stir until melted. Add the vanilla and pour into a heat proof container until it cools.

    London Fog Cake Ingredients

    Ingredients In London Fog Cake

    Earl Grey Tea is the star of the buttercream for this recipe. Don't rush the steeping time for the tea and that will help its flavor to shine through.

    • All-purpose flour
    • Sugar
    • Cocoa powder
    • Salt
    • Baking powder
    • Cultured buttermilk
    • Vegetable oil
    • Water
    • Eggs
    • Unsalted butter
    • Earl grey tea
    • Egg whites
    • Vanilla
    London Fog Cake Process Collage

    How to Make Chocolate Cake with Earl Grey Buttercream

    1. Sift the flour and dry ingredients into the bowl of a stand mixer.
    2. Add oil, water and eggs (one at a time) until combined and pour into prepared round baking pans.
    3. Bake 30-35 minutes or until a toothpick inserted in the center comes out clean. Cool completely.
    4. Simmer Earl Grey tea in 1 cup of melted butter for 5 minutes then remove from the heat and steep for 5 more minutes.
    5. Strain the butter and refrigerate for 30 minutes.
    6. Beat egg white and sugar and then heat to 160°F over a double boiler before beating to stiff peaks.
    7. Beat in the vanilla, tea infused butter and remaining butter until smooth and fluffy.
    8. Spread buttercream between layers, on the sides and top of the cake.
    9. Refrigerate for 30 minutes that top with caramel sauce.

    If You Love London Fog Cake Try

    • Caramel Apple Chocolate Mousse Cake
    • Chocolate Pumpkin Stout Cupcakes
    • Lemon Poppy Seed Bundt Cake
    • Texas Sheet Cake
    • S’mores Cake

    Looking For More Recipes?

    Subscribe to my free newsletter to get new baking tips in your inbox monthly. Find me sharing new recipes and tips on Pinterest, Instagram, or Facebook.

    Chocolate Cake With Earl Grey Buttercream

    Chocolate Cake with Earl Grey Buttercream

    London Fog Cake is the delicous comfort of an Earl Grey latte in cake form. Moist chocolate cake is layered with Earl Grey buttercream and topped with a silky and sweet caramel sauce.
    5 from 4 votes
    Print Pin Rate
    Course: Dessert
    Cuisine: American
    Prep Time: 30 minutes minutes
    Cook Time: 35 minutes minutes
    Total Time: 1 hour hour 5 minutes minutes
    Servings: 8 Servings
    Calories: 1124kcal
    Author: Serena

    Ingredients

    Cake

    • 297 grams AP Flour
    • 425 grams sugar
    • 65 grams cocoa powder
    • 11 grams salt
    • 12 grams baking soda
    • 45 grams cultured buttermilk powder
    • 170 grams vegetable oil
    • 525 grams water
    • 80 grams eggs

    Earl Grey Buttercream

    • 2 cups 450 grams unsalted butter at room temperature
    • ¼ cup 25 grams Earl Grey tea
    • ½ cup plus 2 Tablespoons Egg Whites (160 ml egg whites)
    • 1 ¼ cups 250 grams sugar
    • 1 tablespoon vanilla

    Instructions

    Cake

    • Preheat oven to 350°F.
    • Spray two 8” round cake pans with cooking spray.
    • Sift flour, sugar, cocoa powder, salt, baking soda and buttermilk powder into mixing bowl of stand mixer.
    • With paddle attachment mix on low speed to combine.
    • Add oil, water, eggs, one at a time and continue mixing until blended together.
    • Pour into pans and bake for 30 - 35 minutes or until cake springs back when lightly touched or toothpick inserted into center comes out clean.
    • Remove from oven and let cool in pan for 15 minutes.
    • Remove from pan and cool on wire rack.

    Earl Grey Buttercream

    • Place one cup of the butter in a saucepan with the loose tea. Heat until the butter melts, then reduce heat to low and simmer for 5 minutes.
    • Remove from heat and let steep for 5 minutes more.
    • Strain the butter and then refrigerate it until it cools to the consistency of softened butter. About 30 minutes.
    • Place the egg whites and sugar in the bowl of a stand mixer and whisk by hand to combine.
    • Fill a saucepan with a few inches of water and place it over medium heat. Place the mixer bowl on top of the saucepan to create a double boiler. Whisk intermittently, and heat the egg mixture until it reaches 160 F.
    • Place the mixer bowl back onto the stand mixer.
    • With the whisk attachment beat the egg mixture for 10 minutes, until it holds medium stiff peaks.
    • Stop the mixture and change to the paddle attachment.
    • With mixture on low speed, add the vanilla, tea infused butter, and remaining one cup of butter, a tablespoon at a time.
    • Once all incorporated, mix until the buttercream is silky smooth, about 5 minutes.
    • Spread buttercream between layers and lightly on top and sides of cake.
    • Refrigerate until set, about 30 minutes.
    • Pour caramel drizzle onto cake.

    Notes

    Recipe Source: SerenaLissy.com
    This website provides approximate nutrition information for convenience and as a courtesy only. Nutrition data is gathered primarily from the USDA Food Composition Database via Spoonacular API, whenever available, or otherwise other online calculators. While this information can be helpful in estimating the nutritional information of a recipe, it is by no means accurate or official and is not evaluated by the Food and Drug Administration.
     
    All images and content are copyright protected. Do not use our images without prior permission.

    Nutrition

    Serving: 1Serving | Calories: 1124kcal | Carbohydrates: 121g | Protein: 11g | Fat: 70g | Saturated Fat: 34g | Polyunsaturated Fat: 14g | Monounsaturated Fat: 18g | Trans Fat: 2g | Cholesterol: 163mg | Sodium: 1025mg | Potassium: 312mg | Fiber: 4g | Sugar: 88g | Vitamin A: 1482IU | Vitamin C: 1mg | Calcium: 106mg | Iron: 3mg
    Tried this Recipe? Pin it Today!Mention @SerenaLissy or tag #serenalissy!

    And if you find you love this London Fog Cake we also used the cake recipe in our  chocolate peppermint cupcakes, and the red wine chocolate cupcakes.

    As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases. What that means is if you click on one of our affiliate links they may toss a few pennies our way for a commission.

    More Recipes

    • Scoop of chocolate mint ice cream in bowl with ice cream cone
      No Churn Chocolate Mint Ice Cream
    • Bowl of key lime pie ice cream with a spoon
      No Churn Key Lime Pie Ice Cream
    • Lemon Cupcakes
      Lemon Cupcakes
    • Slices of Mango Bread on Plate
      Easy Mango Bread

    Reader Interactions

    Comments

    1. Kristi Ann says

      August 29, 2018 at 11:08 am

      Wow! This cake is beautiful and sounds so delicious!! Must have some!

      Reply
      • serena says

        August 29, 2018 at 2:18 pm

        Thanks so much!

        Reply
    2. Elizabeth O says

      August 29, 2018 at 9:25 am

      I have to say I was really taken aback by the thought of a cake with earl grey but it actually looks and sounds really delicious indeed!

      Reply
      • serena says

        August 29, 2018 at 9:34 am

        Thanks so much!

        Reply
    3. Faneshia says

      August 29, 2018 at 6:47 am

      Looks delicious! I love that it’s butter cream! Will have to give it a try.

      Reply
      • serena says

        August 29, 2018 at 6:56 am

        Thanks!

        Reply
    4. Johanna says

      August 28, 2018 at 11:57 pm

      I would love to try making this recipe, it looks delicious! My husband would absolutely love it!

      Reply
      • serena says

        August 29, 2018 at 6:56 am

        It's pretty easy! Give it a go 🙂

        Reply
    5. Frank says

      August 28, 2018 at 11:05 pm

      WHAT..... Earl Grey buttercream???! How have I not heard of this before! I'm going to try this asap. My wife and son's birthdays are this week and I'm in charge of baking, so I think at least one of the cakes will be this!

      Reply
      • serena says

        August 29, 2018 at 6:56 am

        Enjoy!

        Reply
    6. Christa says

      August 28, 2018 at 5:15 pm

      I see a lot of recipes online, but this one made me actually gasp out loud. It looks absolutely delicious. My weekend plans have just been set!

      Reply
      • serena says

        August 29, 2018 at 6:56 am

        Enjoy!

        Reply
    7. Sarah says

      August 28, 2018 at 9:55 am

      Buttercream is my favorite and adding Earl Gray? A wonderful combination I would never have thought of on my own! Can't wait to try this!

      Reply
      • serena says

        August 28, 2018 at 10:01 am

        I was a bit skeptical with this one, but I loved it! I wouldn't have tried it on my own either.

        Reply
    8. Heather says

      August 28, 2018 at 7:07 am

      Mmmmm this looks so good! I'm a sucker for buttercream, so this is right up my alley!

      Reply
      • serena says

        August 28, 2018 at 7:36 am

        Thanks! Enjoy 🙂

        Reply
    9. Marianne Blackham says

      August 28, 2018 at 1:15 am

      I had never thought of doing Earl Grey buttercream. I am going to have to try this now.

      Reply
      • serena says

        August 28, 2018 at 7:36 am

        It's pretty tasty and definitely worth the time. Enjoy!

        Reply
    10. Geraline Batarra says

      August 27, 2018 at 11:39 pm

      I am a cake lover but not good in making cake. This one looks really delicious I will try to make this since the procedures look so easy to follow.

      Reply
      • serena says

        August 28, 2018 at 7:36 am

        It's super easy to whip up. Enjoy!

        Reply
    11. Whitney says

      August 27, 2018 at 11:39 pm

      That looks so delicious! I used to make cheesecakes but this is making me want to get in the kitchen again! I never would have thought of Earl Grey and Buttercream but I love both and now I want to see how they'd taste together. Thanks for including the pictures!

      Reply
      • serena says

        August 28, 2018 at 7:35 am

        Thanks so much! They really make a great flavor combo

        Reply
    12. Maria says

      August 27, 2018 at 7:28 pm

      Awesome article and recipe. The pictures caught my attention as soon as I landed on the site. Thank you!

      Reply
      • serena says

        August 28, 2018 at 7:35 am

        Thanks so much!

        Reply
    13. Kristy Bullard says

      August 27, 2018 at 5:32 pm

      This sounds amazing! I’ve never used Earl Grey tea in a recipe, but this sounds delicious. And that caramel sauce..yum!

      Reply
      • serena says

        August 27, 2018 at 6:04 pm

        If you like Earl Grey tea this is definitely a must try cake.

        Reply
    14. Melissa says

      August 27, 2018 at 4:41 pm

      Wow, that looks so decadent!! This is going on my list of things to try!

      Reply
      • serena says

        August 27, 2018 at 6:03 pm

        Thanks so much!

        Reply
    15. Elaine says

      August 27, 2018 at 2:50 pm

      When I first saw the caramel sauce in your recipe, I was really impressed. Even more, I was really happy to find out that it was so easy to make. I will definitely give it a try.

      Reply
      • serena says

        August 27, 2018 at 3:21 pm

        That caramel is super easy and it lasts for quite a long time. It's nice on ice cream 🙂

        Reply
    16. Shadi Hasanzadenemati says

      August 27, 2018 at 2:08 pm

      OMG that buttercream is EVERYTHING! I'll probably make an extra batch to just eat with a spoon!

      Reply
      • serena says

        August 27, 2018 at 3:20 pm

        I totally agree!

        Reply
    17. Traci says

      August 27, 2018 at 1:43 pm

      I have never made a cake with tea frosting...and now I am genuinely interested! This looks stunning...just pinned!

      Reply
      • serena says

        August 27, 2018 at 3:20 pm

        Thanks so much! It's worth a try if you love tea

        Reply
    18. Catherine Brown says

      August 27, 2018 at 1:26 pm

      WOW! That is a cake! I've never tried the Earl Grey flavoring before, looks and sounds delicious though.

      Reply
      • serena says

        August 27, 2018 at 3:20 pm

        It is really delicious if you like Earl Grey tea!

        Reply
    19. Emily says

      August 27, 2018 at 1:18 pm

      I love earl grey tea but never baked with it, I bet this is delicious!

      Reply
      • serena says

        August 27, 2018 at 3:21 pm

        Thanks so much! It's really tasty

        Reply
    20. Patty K-P says

      August 27, 2018 at 12:39 pm

      LOVE the combination of earl gray and chocolate! And that caramel sauce looks divine!

      Reply
      • serena says

        August 27, 2018 at 12:51 pm

        Thanks so much! I love that caramel sauce, we use it for so many things

        Reply
    Newer Comments »

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Hi, I'm Serena!

    Join us and you will learn all sorts of creative techniques from baking to food photography that is easy enough for a novice to recreate at home, but look and taste like they were made by a seasoned pro.

    Get Inspired, Cook Confidently, Eat Well

    More about me →

    Ice Cream Recipes

    • Apple Ice Cream in a waffle cup
      Apple Ice Cream
    • Chocolate Chunk Ice Cream In A Bowl
      Chocolate Chunk Ice Cream
    • Frozen Greek Yogurt from your Instant Pot
      Instant Pot Frozen Greek Yogurt
    • Avocado Ice Cram In a serving Bowl
      Easy Avocado Ice Cream Recipe
    • Mocha Ice Cream Sandwich
      Mocha Ice Cream Sandwich
    • Lemon Curd Ice Cream with Ice Cream Cones
      Lemon Curd Ice Cream

    Popular Recipes

    • Jamaican Sweet Potato Pudding
      Jamaican Sweet Potato Pudding
    • Peanut Butter Fudge Cups
      Peanut Butter Fudge Cups
    • Samoas on a plate
      Make at Home Samoas - Homemade Samoas: Girl Scout Cookies
    • Italian Chocoalte Walnut Cake
      Italian Chocolate Walnut Cake (Torta di Noci)

    Photography Challenge

    Master The Art of Food Photography

    Footer

    ↑ back to top

    About

    • Privacy Policy

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact

    As an Amazon Associate, I earn from qualifying purchases.

    Copyright © 2023 Serena Lissy