• 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. Jamie says

      August 30, 2021 at 3:20 pm

      5 stars
      This is such a beautiful cake and I love the flavor of earl grey in this!

      Reply
      • serena says

        August 30, 2021 at 3:30 pm

        Thanks Jamie!

        Reply
    2. Teodora Grujic says

      August 30, 2021 at 3:20 pm

      This looks so elegant and delicious! Perfect for coffee with friends on the weekends. Thank you!

      Reply
      • serena says

        August 30, 2021 at 3:29 pm

        Thank you!

        Reply
    3. Alison says

      August 30, 2021 at 2:52 pm

      5 stars
      This earl gray buttercream has such a unique flavor that pairs perfectly with the moist chocolate cake.

      Reply
      • serena says

        August 30, 2021 at 2:57 pm

        Thanks!

        Reply
    4. Andrea says

      August 30, 2021 at 2:47 pm

      5 stars
      What a beautiful cake that is full of so much flavor. I can't wait to taste this.

      Reply
      • serena says

        August 30, 2021 at 2:57 pm

        Enjoy 🙂

        Reply
    5. Angela says

      August 30, 2021 at 2:12 pm

      5 stars
      Earl grey flavored sweets is a personal favorite. I fell in love with this cake for a great chocolate and tea combo.

      Reply
      • serena says

        August 30, 2021 at 2:29 pm

        Thanks Angela!

        Reply
    6. sian ryan says

      August 29, 2018 at 11:50 am

      I have never heard of earl grey buttercream, sounds really interesting and a fab idea for baking

      Reply
      • serena says

        August 29, 2018 at 2:18 pm

        It's really tasty if you love earl grey tea!

        Reply
    « Older 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