Yellow Sheet Cake with Chocolate Frosting

Jump to Recipe โ–ผ
Servings 15 slices

I may receive compensation in the form of payment or products to supplement my posts, but all opinions remain my own. Read our disclosure policy.

This yellow sheet cake with chocolate frosting is perfect for birthdays and celebrations. It’s a moist and tender golden yellow cake with the perfect buttery, vanilla flavor. Then it’s topped with creamy chocolate frosting. So much better than a box mix!

Slice of yellow cake with chocolate frosting

A Note from Fiona

Why you’ll love this Yellow Sheet Cake!

Yellow sheet cake with chocolate frosting is the perfect easy recipe to add to your baking repertoire. It’s incredibly moist with a soft and tender cake crumb, and the perfect buttery, vanilla flavor. Because yellow cake is richer than white cake cake, so it holds its own topped with a thick layer of creamy chocolate buttercream frosting. Best of all – this recipe is specifically designed to be made as a sheet cake – so it feeds a crowd and there’s no fancy decorating skills required.

Compared to my layer cake yellow cake recipe, this version is a little softer and fluffier because the cake doesn’t require the stability needed for stacking cake layers. It also takes less effort and is easier to transport.

Yellow Cake vs White Cake

Yellow cake, or sometimes called golden yellow cake, is a buttery vanilla cake that uses whole eggs. A white cake, in comparison, uses just the egg whites. The richness of the egg yolks gives the cake a beautiful pale yellow color and adds a richness to the flavor.

Making the Cake

This recipe uses the creaming method.

  1. Preheat the oven and prep the pan first.
  2. You’ll first sift together the dry ingredients to remove any lumps.
  3. Then in a separate bowl you’ll cream together the butter and sugar until light and fluffy – this steps helps to aerate the cake, creating a better cake texture.
Bowl of dry ingredients being sifted together, and bowl of butter and sugar
  1. The vanilla extract and oil are mixed into the butter mixture.
  2. Followed by beating in the eggs 1 at a time into the butter mixture.
    • Be sure to scrape down the sides of the bowl after each addition.
Bowl of creamed butter and sugar with oil and vanilla added to the bowl, and bowl of butter, sugar and oil mixture with 1 egg added to the bowl.
  1. Then you’ll mix in the sour cream. I love the addition of sour cream for an extra moist cake.
  2. Finally, the dry ingredients and milk are mixed into the butter mixture, alternating between additions.
    • The process of alternating between additions helps to create a uniform cake crumb and reduce over mixing.
Bowl of cake batter with sour cream added to the bowl, and bowl of cake batter with dry ingredients added.
  1. Then the batter is poured into the prepared pan – give the top a smoothing out.
  2. Bake in the middle of the preheated oven. It will take about 38-45 minutes – or until the top is slightly springy to the touch and an inserted toothpick comes out clean or with a few moist cake crumbs.

Pan Sizes

This cake can be made in a 9×13 inch pan (23×33 cm), which is as pictured. It will need about 38-45 minutes to bake. You can also use a 12×17 inch half sheet pan (30.5×43 cm), which will take about 22-27 minutes to bake.

Chocolate Frosting

The chocolate frosting is super creamy and a simple, American-style buttercream. It’s made using real butter for the most flavor, powdered sugar, vanilla, a little salt to cut the sweetness and whipping cream or milk. This recipe makes enough so that there’s a very thick layer if you made a 9×13 inch pan, or a thinner layer if you used a 12×17 inch – which I find is the appropriate ratio with the thinner cake.

Sheet pan of yellow vanilla cake with chocolate frosting

Baking Tips

  • Ensure your ingredients are at room temperature. This is imperative for easy mixing and a tender cake. If the cake is cold, you end up overmixing the batter – which can lead to a touch cake crumb.
  • A little oil goes a long way. While this cake uses primarily butter, we’re adding a touch of butter to keep the cake moist for longer.
  • Sift your dry ingredients. Again – this helps to remove lumps and prevent over mixing.
  • Do not over bake. Baking the cake for too long will create a dry cake, but not long enough and the cake will be gummy. Always go by the tests, and not just time. When finished:
    • the cake should be pulling apart from the sides of the pan
    • the top should be slightly springy and firm to the touch
    • the cake shouldn’t wobble if you gently nudge the pan
    • an inserted toothpick/cake tester should come out clean or with a few moist crumbs (no gooey cake batter!)
Square slice of golden yellow cake with chocolate frosting with a glass of milk

Make Ahead Tips

This cake can be made 1 day before serving. Cool fully, then cover the pan and store at room temperature. Make the frosting and decorate the day you plan to serve. The cake can be stored at room temperature before serving.

Sheet cakes can be made ahead of time, wrapped tightly and frozen for up to 2 months. Always thaw in the fridge – otherwise the cake can become gummy. Once thawed, let it sit on the counter to come to room temperature. Make the frosting and decorated.

Slice of golden cake with chocolate frosting, with a bite taken out

More Sheet Cakes to Love

Slice of yellow sheet cake with chocolate frosting

Yellow Sheet Cake with Chocolate Frosting

Yellow sheet cake is a moist and tender vanilla cake with the perfect buttery, vanilla flavor. It's made with whole eggs, as opposed to just egg whites, to give the cake a beautiful golden yellow color and slightly richer flavor. Top with creamy chocolate frosting! This cake is so simple, transports perfectly and feeds a crowd.
Servings: 15 slices
Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!

Equipment

  • 9×13 inch (23 x 33 cm) baking pan*

Ingredients

Yellow Cake

  • 3 cups all-purpose flour (375 grams)
  • 1 teaspoon baking powder
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • ¾ cup unsalted butter (168 grams), softened
  • cups granulated sugar (350 grams)
  • 1 tablespoon vanilla extract
  • ¼ cup vegetable oil (60 ml)
  • 4 large eggs, room temperature
  • ¼ cup sour cream (60 ml), room temperature
  • 1 cup whole milk (260 ml), 2% is ok, but not ideal – do not use skim

Chocolate Buttercream Frosting

  • 1 cup unsalted butter (226 grams), softened, but not starting to melt
  • cup cocoa powder (57 grams), sifted
  • 3-4 cups powdered sugar (330-440 grams), sifted
  • 1 teaspoon vanilla extract
  • ¼ teaspoon salt
  • 3-5 ml whipping cream (45-75 ml), milk is ok

Instructions 

Yellow Sheet Cake

  • Preheat the oven to 350℉ (180℃). Lightly grease the cake pan
  • In a large bowl, sift together the flour, baking powder, baking soda and salt. Whisk together for about 30 seconds. Set aside.
  • In a large bowl, cream together the butter and sugar until fluffy – about 2-4 minutes.
  • Beat the oil and vanilla into the butter mixture until fluffy. Scrape down the bottom and sides of the bowl as needed.
  • Mix the sour cream into the butter mixture.
  • Mix the dry ingredients and milk into the butter mixture, alternating between additions and scraping down the sides and bottom of the bowl after each addition. Mix in ⅓ of the dry ingredients, followed by ½ of the milk. Repeat the process until all of the dry ingredients and milk are incorporated. I always to the last few additions with a wire whisk to avoid overmixing.
  • Pour the batter into the prepared pan and smooth the top.
  • Bake in the middle of the preheated oven for about 40-45 minutes, or until the top looks set and the cake is starting to pull away from the sides of the pan. The top of the cake should be slightly springy to the touch and an inserted toothpick should come out clean or with a few moist cake crumbs. Always go by the tests as opposed to time.
  • Cool the cake in the pan.

Chocolate Frosting

  • In a large bowl, beat the butter until smooth and creamy.
  • Add in the cocoa powder, 3 cups powdered sugar, salt and vanilla extract. Beat together, starting with the mixer on a low speed and gradually increasing to medium speed until combined.
  • Add in 3 tablespoons cream and beat together until fluffy. Beat in the rest of the powdered sugar about ½ cup at a time, if you want the frosting sweeter, alternating with 1 tablespoon of cream. If the frosting seems too thick – mix in more cream/milk.
  • Ensure the cake is completely cooled, then frost with an offset spatula or the back of a spoon.

Notes

  1. Pan Sizes: This cake can also be baked in g 12×17 inch sheet cake pan. The bake time will be about 22-27 minutes. 
  2. Flour: Measure carefully, or the cake can become dry. Whisk first, then spoon into dry measuring cups and level off the top. Use a scale for the most accurate results. 
  3. Room Temperature Ingredients: The butter, eggs, sour cream and milk should all be at room temperature before getting started to ensure that that everything mixes together properly, without overmixing. Overmixing can lead to a tough cake crumb. 
  4. Storage: Store leftovers in an airtight container at room temperature for up to 3 days, or in the fridge for up to 5 days. Fresh cake is always best. If stored in the fridge, let the cake sit on the counter for about 30 minutes before enjoying. 
  5. Nutrition: Details provided are an estimate only based on 1 slice of cake with frosting, assuming the cake is sliced into 15 uniform pieces and all the frosting is used. 

Nutrition

Calories: 558kcal, Carbohydrates: 70g, Protein: 6g, Fat: 30g, Saturated Fat: 17g, Polyunsaturated Fat: 3g, Monounsaturated Fat: 8g, Trans Fat: 1g, Cholesterol: 115mg, Sodium: 185mg, Potassium: 172mg, Fiber: 2g, Sugar: 48g, Vitamin A: 842IU, Vitamin C: 0.1mg, Calcium: 61mg, Iron: 2mg
Like this recipe? Rate and comment below!

You Might Also Like

Leave a comment

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

Recipe Rating