• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • Blog

With Love Kitty

menu icon
go to homepage
  • All Recipes
  • About
  • Contact
    • Facebook
    • Instagram
    • Pinterest
  • subscribe
    search icon
    Homepage link
    • All Recipes
    • About
    • Contact
    • Facebook
    • Instagram
    • Pinterest
  • ×

    Oct 6, 2023 withlovekitty2020

    Vanilla Cake with Chocolate Frosting

    377 shares
    • Facebook
    • Twitter
    • Email
    Jump to Recipe Print Recipe

    This Vanilla Cake with Chocolate Frosting is my idea of the perfect cake! Soft vanilla cake layers covered in a chocolate frosting, this cake recipe is too good not to try!

    Image shows whole cake on a plate, some slices have been cut.

    This recipe is for a classic vanilla cake covered in the best chocolate frosting. It is the perfect cake to make when you can't decide between chocolate or vanilla!

    This recipe makes a two-layer 22cm diameter cake that is perfect for birthday parties, the festive season, or for no good reason at all! I love this recipe because the vanilla cake can be made in one bowl which is such a win!

    If you love layer cake recipes, try this recipe for a Vanilla and Strawberry Cake, this Vanilla Birthday Cake, or this Chocolate Cake with Cream Cheese Frosting. 

    Jump to:
    • Ingredients
    • Instructions
    • Instructions for cake 
    • Instructions for frosting 
    • Instructions for assembly 
    • Variations
    • Equipment
    • Storage
    • Top tip
    • FAQ
    • 📖 Recipe

    Ingredients

    To make this delicious cake you will need the simple ingredients listed below. Remember to always use fresh room temperature ingredients when baking.

    • Granulated white sugar 
    • Sunflower oil 
    • Unsalted butter 
    • Extra-large eggs 
    • Self-raising flour 
    • Salt 
    • Whole milk 
    • Vanilla extract 
    • Powdered sugar 
    • Milk and dark chocolate 
    • Golden syrup
    • Sour cream 
    • Whipping cream

    Extra-large eggs – out of their shell, the eggs I use weigh 56 grams, if you aren’t sure if you have the same eggs – weigh the eggs you have and adjust accordingly.

    Sunflower oil – This cake uses oil instead of butter for extra moistness! Use neutral-tasting vegetable oil for this recipe like sunflower or canola oil.

    Self-raising flour - If you can't find self-raising flour, you can use cake flour or all-purpose flour mixed with baking powder. Check the recommendations on the packaging of your baking powder to decide how much should be added.

    Vanilla extract – choose a quality vanilla extract rather than essence to give this recipe a great vanilla flavor. You can also use vanilla bean paste.

    Unsalted butter – use unsalted butter rather than salted butter for this recipe. It is also essential that you use room-temperature butter.

    Milk and dark chocolate – I love using a combination of dark and milk chocolate for the frosting, Cadbury milk chocolate, and Lindt 70% are my favorites. You can do the same or use semi-sweet chocolate chips. 

    See the recipe card for quantities.

    Image shows a slice of cake on a plate, a few bites have been taken.

    Instructions

    Follow the simple instructions below to make this delicious cake recipe. First, you will make the vanilla cake layers, then the chocolate buttercream frosting, and finally you will assemble the cake.

    Instructions for cake 

    STEP 1: Preheat the oven. Preheat the oven to 180°C (350°F) and line 2x 22cm (9 inches) round cake tins with oil and parchment paper.  

    STEP 2: Beat butter, sugar, and oil. Add the oil, butter, and sugar to a bowl of a stand mixer fitted with a paddle attachment. Beat on medium-high speed until light and fluffy, about 4 minutes.

    STEP 3: Add the whole eggs. Add the eggs to the butter and sugar mixture one at a time. Beat well between each addition and scrape down the sides of the bowl often.

    Image shows step 2.
    Image shows step 3.

    STEP 4: Add dry ingredients. Sift together the salt and self-raising flour then add the flour mixture to the egg and sugar mixture. Beat at low speed until just combined.

    STEP 5: Add wet ingredients. Combine the milk and vanilla extract in a jug, and slowly pour this into the cake mixture with the mixer's motor running at low speed. Scrape down the sides of the bowl and mix again, making sure it is lump-free.

    Image shows step 4.
    Image shows step 5.

    STEP 6: Bake. Divide the cake batter between the two prepared cake pans and bake in a preheated oven for 40 minutes or until a cake tester inserted into the center of the cake comes out clean. Allow the cakes to cool in their tins for 30 minutes, before turning them onto a wire rack to cool completely. 

    Image shows step 6, before baking.
    Image shows step 6, after baking.

    Instructions for frosting 

    STEP 1: Melt chocolate and butter. In a heatproof bowl set over a pan of simmering water, melt the chocolate and butter. Set aside to cool slightly then add the melted chocolate mixture to a bowl of a stand mixer fitted with a whisk attachment. 

    STEP 2: Add the vanilla and syrup. Add the golden syrup and vanilla extract to the chocolate mixture and mix briefly.

    STEP 4: Add icing sugar. Sift the icing sugar over the frosting mixture and whisk to combine. 

    Image shows step 1.
    Image shows step 4.

    STEP 5: Add sour cream. Add the sour cream and beat until the frosting is well combined and homogeneous.

    STEP 6: Add icing sugar and cream. Sift over the remaining icing sugar and add the whipping cream, beat at medium-high speed until the frosting is fluffy. Add the frosting to a piping bag.

    Image shows step 5.
    Image shows step 6.

    Instructions for assembly 

    STEP 1: Level cake layers. Use a sharp knife to trim the domed tops of the cake layers if necessary. 

    STEP 2: Layer with frosting. Secure the first cake layer onto a cake plate with a bit of frosting. Pipe a layer of frosting over the surface of the cake and smooth this out with a spatula. 

    STEP 3: Secure the top cake layer. Place the second layer of cake onto the first layer with the cut side facing down. 

    STEP 5: Cover the cake with frosting. Pipe the frosting over the tops and sides of the cake and use a knife to create swirls in the frosting. Decorate with sprinkles, serve, and enjoy!

    Hint: Never frost warm cakes, otherwise the buttercream will melt and you will have a decorating disaster to deal with!

    Variations

    You can choose to make this frosting using dark chocolate or milk chocolate if you’d prefer. This cake can also be decorated with sprinkles, sweets, or extra chocolate for the perfect birthday cake vibes.

    Equipment

    For this delicious cake recipe, you will need x2 22cm cake tins, a wire rack for cooling, a disposable piping bag, and an electric mixer, either an electric hand mixer or stand mixer.

    I always use a stand mixer or electric whisk to make the buttercream as they help ensure a fluffy frosting. I also always use an accurate kitchen scale when baking.

    Storage

    Store any leftover cake in an airtight container at room temperature for up to 4 days. If it is very hot choose to store this cake in the fridge.

    To freeze this cake, cut the frosted cake into individual slices and wrap each slice of cake in plastic wrap. Freeze for up to 3 months. Defrost the cake in the fridge overnight, then bring the slices to room temperature before consuming.

    Image shows the whole cake with one slice missing. You can see the inside of the cake.

    Top tip

    For the perfect cake, follow my top baking tips below 

    • Check the true temperature of your oven with an oven thermometer before baking the cakes. 
    • Melt the chocolate and butter gently otherwise the mixture could burn or seize and you will have to start again with fresh ingredients. 
    • Allow the cake to cool completely on a cooling rack before decorating. 
    • For a fluffy buttercream ensure you have whisked the frosting sufficiently.  

    FAQ

    I don’t have extra large eggs, what should I do?

    The eggs I have used weigh about 56 grams out of their shell. Weigh the eggs you have and adjust accordingly.

    I don’t have 22cm cake pans, what should I do?

    You can bake this cake in different-sized cake pans, you will just need to adjust the baking time. Larger tins will need less time and smaller tins, more time to bake.

    I don’t have self-raising flour, can I use cake flour?

    You can make this cake using a combination of baking powder and cake flour. It is best to check the packing of your baking powder to determine how much should be added. Remember to sift the two together before using them. 

    ​Why is my frosting stiff? 

    You may have measured incorrectly, add a tablespoon extra of sour cream and whisk again. Keep going until the frosting is light and fluffy. 

    Image shows the whole cake on a plate, a few slices are missing so that you can see the cake layers and frosting inside.

    This Vanilla Cake with Chocolate Frosting recipe must be added to your to-bake list immediately. It’s the perfect cake for those who love both vanilla and chocolate!

    If you give this recipe a go, please leave a star review and comment below – I love hearing about your kitchen stories!

    Don’t forget to sign up for the newsletter and follow along @with_love_kitty to make sure you never miss a recipe!

    Happy Baking

    With Love,

    Kitty

    📖 Recipe

    Image shows whole cake on a plate, some slices have been cut.

    Vanilla Cake with Chocolate Frosting

    This recipe is for a classic vanilla cake covered in the best chocolate frosting. This recipe makes a two-layer 22cm diameter cake perfect for small birthday parties or get-togethers.
    Print Recipe Pin Recipe
    Prep Time 1 hour hr 30 minutes mins
    Cook Time 40 minutes mins
    Cooling Time 3 hours hrs
    Course Cakes
    Cuisine American
    Servings 12 slices
    Calories 692 kcal

    Equipment

    • 2x 22cm round cake tins (9 inches)

    Ingredients
      

    Vanilla Cake

    • 100 ml sunflower oil
    • 100 g unsalted butter
    • 340 g sugar white granulated
    • 4 eggs extra large
    • 380 g self-raising flour
    • ½ teaspoon salt
    • 400 ml milk
    • 1 teaspoon vanilla extract

    Chocolate Buttercream Frosting

    • 100 g dark chocolate
    • 100 g milk chocolate
    • 90 g unsalted butter
    • 1 tablespoon golden syrup
    • 1 teaspoon vanilla extract
    • 450 g powdered sugar
    • 90 g sour cream
    • 2 tbsp whipping cream

    Instructions
     

    Vanilla Cake

    • Preheat the oven to 180°C (350°F) and line 2x 22cm (9 inches) round cake tins with oil and parchment paper.  
    • Add the oil, butter, and sugar to a bowl of a stand mixer fitted with a paddle attachment. Beat on medium-high speed until light and fluffy, about 4 minutes.
    • Add the eggs to the butter and sugar mixture one at a time. Beat well between each addition and scrape down the sides of the bowl often.
    • Sift together the salt and self-raising flour then add the flour mixture to the egg and sugar mixture. Beat at low speed until just combined.
    • Combine the milk and vanilla extract in a jug, and slowly pour this into the cake mixture with the mixer's motor running at low speed. Scrape down the sides of the bowl and mix again, making sure it is lump-free.
    • Divide the cake batter between the two prepared cake pans and bake in a preheated oven for 40 minutes or until a cake tester inserted into the center of the cake comes out clean. Allow the cakes to cool in their tins for 30 minutes, before turning them onto a wire rack to cool completely. 

    Chocolate Buttercream Frosting

    • In a heatproof bowl set over a pan of simmering water, melt the chocolate and butter. Set aside to cool slightly then add the melted chocolate mixture to a bowl of a stand mixer fitted with a whisk attachment. 
    • Add the golden syrup and vanilla extract to the chocolate mixture and mix briefly.
    • Sift the 400g of icing sugar over the frosting mixture and whisk to combine. 
    • Add the sour cream and beat until the frosting is well combined and homogeneous.   
    • Sift over the remaining icing sugar and add the whipping cream, beat at medium-high speed until the frosting is fluffy. Add the frosting to a piping bag.

    Assembly

    • Use a sharp knife to trim the domed tops of the cake layers if necessary. 
    • Secure the first cake layer onto a cake plate with a bit of frosting. Pipe a layer of frosting over the surface of the cake and smooth this out with a spatula. 
    • Place the second layer of cake onto the first layer with the cut side facing down. 
    • Pipe the frosting over the tops and sides of the cake and use a spatula or cake scraper to even this out. Decorate with sprinkles, serve, and enjoy!

    Nutrition

    Calories: 692kcalCarbohydrates: 96gProtein: 7gFat: 32gSaturated Fat: 15gPolyunsaturated Fat: 2gMonounsaturated Fat: 13gTrans Fat: 1gCholesterol: 100mgSodium: 142mgPotassium: 198mgFiber: 2gSugar: 75gVitamin A: 618IUVitamin C: 0.1mgCalcium: 76mgIron: 2mg
    Keyword birthday cake, chocolate buttercream, layer cake, vanilla cake
    Tried this recipe?Let us know how it was!

    More Cakes

    • Cake shown on a white cake stand, you can see the lilac drip and fresh blackberries on top of the cake.
      Lemon Blackberry Bundt Cake
    • A slice of banana bread on a white plate with butter on top of it.
      Banana Bread with Streusel Topping 
    • Vanilla buttercream cake shown on a pink cake stand with some slices cut.
      Buttercream Birthday Cake
    • Image showing raspberry cake with a few slices cut.
      Vanilla Raspberry Cake

    Join the List

    Reader Interactions

    Comments

    1. Ethel says

      October 11, 2023 at 5:05 pm

      Looks tempting! Will certainly try this!

      Reply
      • withlovekitty2020 says

        October 12, 2023 at 5:06 am

        I hope you do! Such a delicious cake x

        Reply

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Cat the blogger behind With Love Kitty

    Hi, I'm Kitty - the face behind the cupcakes! With Love Kitty is where I share baking recipes and kitchen tips to help you be a better home baker.

    More about me →

    Popular

    • Cookies shown from an above angle. You can see the pools of melted chocolate.
      Bacon Grease Chocolate Chip Cookies 
    • Crumble shown in a red ramekin, custard has been poured over the crumble.
      Apple & Strawberry Crumble
    • Image shows a pile of muffins on a plate, there is a blue coffee cup in the background.
      Cheese and Bacon Muffins
    • Gin spritz cocktail shown on a round wooden plate next to various citrus fruits.
      Gin Spritz

    Trending Recipes

    • Vanilla Cupcakes
      No-Fail Vanilla Cupcake Recipe
    • Vanilla Cupcakes with Oil shown on a pink counter top, the cupcake in the front is on a speckled plate.
      Vanilla Cupcakes with Oil 
    • A slice of the loaf cake in shown in front of the whole loaf. You can see the crunchy topping.
      Apricot and Almond Loaf Cake
    • Mini Lemon Meringue Tarts shown on a kitchen counter
      Mini Lemon Meringue Tarts 

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • Disclaimer
    • Terms & Conditions

    Newsletter

    • Sign Up

    Contact

    • Contact

    Copyright © 2025 With Love Kitty