Homemade Yellow Cake + Whipped Chocolate Frosting

I used my recipe for yellow cake mix to make this perfectly moist and delicious homemade yellow cake.  Whether it’s for a birthday or just because, this cake is one of my favorites!

Yellow cake and chocolate frosting belong together. Do they not?

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (22)

Rarely do I ever bake a cake, let alone one with frosting but today is a special occasion.

Since moving into our house 3 years ago, we’ve lived on a canal without a boat to take us out onto our lake. Well, Pat has a fishing boat but that really only fits two comfortably and well, we wanted (more like desperately needed) something to take our kids, family and friends out on the water with. Over these past few years we had some serious boat envy on those hot summer days as we’d watch our neighbors head out on their pontoons, drinks in hand and all smiles and laughter. We could not spend another summer without a boat. So this year we bought one! It was just delivered this morning, of course it was freaking COLD at 47 degrees which made our first boat trip short and sweet. But I have high hopes of many sunny and warm summer days ahead of us.

So yeah, new boat = celebrate = cake.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (26)

So I bet you were wondering why on earth I’d post a yellow cake mix recipe and not the actual recipe for the yellow cake. Well my reason is that if I was to post the cake mix plus the yellow cake recipe AND the whipped chocolate frosting there would have been 30 bazillion photos. So I decided to break it up over several posts and save you from even more mouse scrolling than usual.

Today, I’m sharing a moist and scrumptious yellow cake recipe and a to die for chocolate frosting. Next week there’s another cake recipe for your eyes to visually devour. Two cakes in two weeks… who am I? Can you even handle it?

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (1)

It’s a pretty straightforward cake recipe. You’ll need this cake mix, water, oil, eggs and vanilla.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (2)

Add the homemade yellow cake mix into the bowl of your stand mixer.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (3)

With the mixer on low, add in a cup of water.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (4)

Then pour in 2/3 cup grapeseed oil.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (5)

Continue to mix on low speed until the water and oil have combined with the dry ingredients. Then add one egg at a time, mixing well after each egg.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (6)

Scrape down the sides of the mixing bowl with a rubber spatula.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (7)

Measure and add in two teaspoons of pure vanilla extract.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (8)

Mix on low until the vanilla is combined and the batter is smooth, be careful not to over mix.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (9)

Generously butter two 9-inch round cake pans, line with parchment and dust lightly with flour, shaking any excess flour out of the pan. (This is how I line a cake pan with parchment paper)

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (10)

Divide the batter among the two pans, about 2-1/2 cups per cake pan.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (11)

Tap the pans on the counter top so the bubble rise to the top, then bake in a preheated 350° oven for 25 to 30 minutes or until a toothpick comes out clean.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (12)

Allow the cakes to cool in the pan for 10 minutes.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (13)

Run a knife along the edge of the cakes…

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (14)

…before tipping the cake out of the pan.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (15)

Peel the parchment paper back…

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (16)

Ta-da!

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (17)

Allow the cakes to cool completely before frosting.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (1)

To make the frosting, start by dropping 1/2 cup (1 stick) butter into the bowl of your stand mixer.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (7)

Mix on medium speed for 2 to 3 minutes until creamed.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (2)

Meanwhile, sift 2-1/2 cups of powdered sugar…

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (3)

and 1 cup of unsweetened cocoa powder…

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (4)

…into a large bowl.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (5) Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (6)

In a small bowl or measuring cup combine 3 tablespoons half and half (heavy cream or whole milk can be used instead) to the half and half add 2-1/2 tablespoons buttermilk and 1 teaspoon pure vanilla extract.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (8)

Add a few large spoonfuls of the sugar and cocoa mixture…

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (9)

…alternating with the vanilla mixture.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (10)

Mix on low speed…

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (11)

Until just combined.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (12)

Increase the speed to high and whip until light and fluffy.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (13)

Like this!

This looks like a sweet hairdo!

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (14)

Scrape the frosting into a bowl and get ready to frost that cake!

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (15)

Drop a generous glob (<—- totally a technical term) onto the first layer. I like to stick a couple strips of parchment under the edges of the cake to keep me from turning my cake stand into a frosting mess.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (16)

Spread from the center to the edges.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (17)

You’ll want to have a little bit of frosting peeking out from between the layers.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (18)

Place the second layer on top of the frosting…

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (19)

And add the remaining frosting on top of the second layer.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (20)

Use your offset spatula and spread the frosting from the center, to the edges and down around the sides of the cake.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (21)

Boom. Frosted cake.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (23)

This light and fluffy homemade yellow cake is on the light side of the yellow scale because it’s really based on the egg yolks and not on any added food coloring. But I’m okay with knowing my cake is au natural.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (25)

PS. This perfectly perfect chocolate frosting is legit, and this is coming from a girl who’s not the biggest frosting fan. But I like. I like a lot.

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (27)

I do love me a delicious piece of homemade yellow cake.

 

Enjoy! And if you give this Homemade Yellow Cake recipe a try, let me know! Snap a photo and tag me on twitter or instagram!

Homemade Yellow Cake + Whipped Chocolate Frosting l SimplyScratch.com (28)

My cookbook Simply Scratch : 120 Wholesome Homemade Recipes Made Easy is now available! CLICK HERE for details and THANK YOU in advance! 

Yield: 2 9-inch cakes and about 2 cups frosting

Homemade Yellow Cake with Whipped Chocolate Frosting

Perfect yellow cake topped with a delicious whipped chocolate frosting.
Prep Time 30 minutes
Cook Time 30 minutes
Additional Time 5 hours
Total Time 6 hours

Ingredients

FOR THE YELLOW CAKE RECIPE:

FOR THE FROSTING:

  • 1 stick softened unsalted butter
  • 2-1/2 cups powdered sugar
  • 1/2 cup unsweetened cocoa powder
  • 3 tablespoons half & half (or whole milk or heavy cream)
  • 2-1/2 tablespoons buttermilk
  • 1 teaspoon pure vanilla extract

Instructions

FOR THE CAKE:

  1. Preheat your oven to 350°. Generously grease two 9-inch cake pans with butter and dust with flour, tapping out any excess flour.
  2. In the bowl of your stand mixer add the homemade cake mix. Withe the mixer on low, pour in the water and oil, mixing until incorporated. Add one egg at a time, mixing after each egg. Scrape down the sides and bottom of the bowl before adding in the vanilla, mix on low until combined.
  3. Divide the batter (2-1/2 cups per cake pan), tap to release any air bubbles and slide into your preheated oven. Bake for 25 to 30 minutes or until a toothpick comes out clean when inserted into the center of each cake.
  4. Allow the cakes to cool in the pan for 10 minutes before running a knife along the edge of the cakes. Place your hand on the tops of the cakes before slowly flipping the pans upside down to remove the cakes. Peel back the parchment paper and carefully flip the cakes right side up, placing them on a wire rack to cool completely before frosting.

FOR THE FROSTING:

  1. In the bowl of your stand mixer fitted with the whisk attachment, add the butter and mix on low until creamy (about 2 minutes).
  2. In the meantime, sift together the powdered sugar and cocoa powder into a large bowl.
  3. Combine the half & half, buttermilk and vanilla.
  4. Add a few large spoonfuls of the cocoa mixture alternating with the liquids. Mix on low speed until just combined. Increase the speed to high and mix for 4 to 5 minutes or until the frosting is light and fluffy.
  5. Place the first cake layer onto a cake stand and top with 1/3 of the frosting. Starting at the center, spread the frosting out to the edge, leaving a little extra frosting overhanging the edge of the cake. Place the second cake layer on top of the frosting and top it with the remaining frosting. Spread the frosting out from the center and down around the sides of the cake.
[this post contains affiliate links.]

    Pin It

26 Responses to “Homemade Yellow Cake + Whipped Chocolate Frosting”

  1. #
    1
    Tami — May 15, 2015 at 10:17 am

    Thank you so much!!!

  2. #
    2
    Katrina @ Warm Vanilla Sugar — May 15, 2015 at 2:48 pm

    Such a pretty party cake! I just love this recipe!

  3. #
    3
    June @ How to Philosophize with Cake — May 15, 2015 at 3:21 pm

    That looks scrumptious! nothing like a classic cake 🙂

  4. #
    4
    Carol at Wild Goose Mama — May 15, 2015 at 4:03 pm

    Congratulations on the new boat. It’s going to be a whole different summer for you all. Totally Fun. I loved it, when we owned a boat.
    YES that is cause for celebration. I am always surprised how much I really do enjoy a good yellow cake and a fabulous frosting. So nice choice.

    • Laurie McNamara replied: — May 25th, 2015 @ 8:51 am

      Thank you Carol! <3

  5. #
    5
    Kayle (The Cooking Actress) — May 15, 2015 at 9:12 pm

    oooooh mama this cake is lovely! I especially adore that frosting!

  6. #
    6
    Elizabeth @ Pineapples and Polka Dots — May 16, 2015 at 10:49 am

    Yellow cake with chocolate frosting is one of my favorite combinations! This looks absolutely delicious!

  7. #
    7
    Megan {Country Cleaver} — May 17, 2015 at 11:45 am

    Ben’s hands down favorites cake is yellow cake with chocolate frosting and I’ve had a HARD time finding a good homemade yellow cake recipe! His birthday is in two weeks, so this is getting made. This is perfect Laur! THANK YOU

  8. #
    8
    Dan — May 18, 2015 at 5:29 pm

    It’s the simple things in life that make me smile … your yellow cake does that for me too! Great recipe!

  9. #
    9
    Becky Delson — June 25, 2015 at 9:47 pm

    I don’t remember how I found your blog, but for some reason I have it bookmarked! So glad I do, because yellow cake with chocolate frosting is my all time favorite combo. I can’t wait to try your recipe. It looks wonderful. 🙂

  10. #
    10
    HALLIE — October 15, 2015 at 12:43 pm

    what do you preheat the oven to?

  11. #
    11
    Lynn — January 8, 2016 at 9:25 am

    Can the grapeseed oil be substituted? I often use unsweetened apple sauce instead of oil, but I have other oils in my house to use if you don’t recommend the apple sauce.

    • Laurie McNamara replied: — January 8th, 2016 @ 10:05 am

      Hi Lynn! I’ve baked with applesauce too, so you could definitely try it but since I have not tested it myself it’s hard for me to say for sure how the cake will turn out. But if you do decide to give it a whirl, keep me posted on the results! Thanks!

  12. #
    12
    Meryl — May 30, 2016 at 10:32 am

    This cake was amazing!!! I made it for my friend’s birthday and he ate most of the cake in one night. The cake is like pound cake and the frosting is very light, not too chocolately. Thanks so much!

  13. #
    13
    Meryl — May 30, 2016 at 10:32 am

    Oh yeah, I substituted canola oil for the grapeseed oil. Came out great.

  14. #
    14
    Jan — August 30, 2016 at 9:15 pm

    Great idea. Thanks so much.
    Now do you have a recipe for the famous Bacardi Rum Cake using the mix? It has pudding and rum, etc. in the original recipe.

    Jan

    • Laurie McNamara replied: — September 2nd, 2016 @ 11:55 am

      I don’t, but I must investigate! That sounds delicious!

  15. #
    15
    Buelah — November 7, 2016 at 2:25 pm

    Can I use a bundt cake pan ?

  16. #
    16
    C.kelly — July 13, 2017 at 9:04 pm

    Can you substitute butter instead of the oil?

    • Laurie McNamara replied: — July 13th, 2017 @ 9:28 pm

      Unfortunately I have not tested it, so I can’t say for sure how it will turn out. Butter has milk solids where oil does not, so it may affect how the cake turns out. Sorry!

  17. #
    17
    Chrys — October 23, 2017 at 9:47 pm

    Could I make cupcakes with the yellow cake mix?

    • Laurie McNamara replied: — October 24th, 2017 @ 1:33 pm

      Absolutely! Just keep in mind that baking times will differ.

  18. #
    18
    Chrys — October 25, 2017 at 4:22 pm

    That’s fantastic! I’ve made boxed cakes cookies with 1/2 cup oil 2 eggs and the oven set to 350 Will that work?

Leave a Comment