0 from 0 votes
A slice of yellow cake with chocolate frosting served on a white plate.
Yellow Cake with chocolate frosting
Prep Time
25 mins
Cook Time
30 mins
Total Time
55 mins

A classic Yellow Cake recipe with chocolate frosting and step by step pictures and directions for how to make cake and frosting from scratch! 

Course: Dessert
Cuisine: American
Servings: 16
Calories: 464 kcal
Author: Lauren Allen
For the Yellow Cake:
  • 3/4 cup unsalted butter , at room temperature*
  • 1/4 cup oil **
  • 2 cups granulated sugar
  • 3 large eggs , at room temperature
  • 2 large egg yolks , at room temperature
  • 1 Tablespoon vanilla extract
  • 2 1/2 teaspoons baking powder
  • 1 teaspoon salt
  • 2 2/3 cups all-purpose flour
  • 1 cup buttermilk , at room temperature
For the Chocolate Frosting:
  • 1/2 cup butter melted
  • 2/3 cup unsweetened cocoa powder
  • 3 cups powdered sugar
  • 1/3 cup milk
  • 1 teaspoon vanilla extract
For the Yellow Cake:
  1. Preheat oven to 350 degrees F. 

  2. Place parchment paper in the bottom of two 8 or 9 inch round cake pans.  Cut the paper so it fits well in the bottom circle of the pan.  Spray the pan and parchment paper with nonstick cooking spray.

  3. In a large bowl, cream sugar and butter until smooth. Add oil and mix

  4. Add the eggs and yolks, one at a time, beating after each addition. Add vanilla and mix.

  5. Stir together baking powder, salt, and flour in a medium bowl. 

  6. Alternate adding in some of the flour mixture, stirring to combine and then some of the buttermilk, ending with the flour mixture until just combined. Divide the batter evenly in the pans. 

  7. Bake for about 25 minutes or until a toothpick inserted into the center of the cake comes out with few moist crumbs, but not wet batter. Don't over-bake or the cake will be dry.

  8. Allow the cake to cool for a few minutes before inverting onto a wire cooling rack to cool completely. 

For the Chocolate Frosting:
  1. Stir together the butter and cocoa powder. 

  2. Use electric mixers or a stand mixer to beat in the powdered sugar, milk ,and vanilla until light and fluffy. I beat the frosting for several minutes.

  3. Once the cake has cooled completely, frost with chocolate frosting. 

  4. Tips for making ahead and freezing the cake are above in the post.

Recipe Notes

*You can use salted butter, just reduce the amount of salt added to the batter.

**You can substitute all butter if you want, instead of the oil, but I found the oil and butter combination yields a moister cake.

This cake recipe is adapted from The Domestic Rebel

Nutrition Facts
Yellow Cake with chocolate frosting
Amount Per Serving
Calories 464 Calories from Fat 180
% Daily Value*
Total Fat 20g 31%
Saturated Fat 10g 50%
Cholesterol 102mg 34%
Sodium 233mg 10%
Potassium 186mg 5%
Total Carbohydrates 66g 22%
Dietary Fiber 1g 4%
Sugars 48g
Protein 5g 10%
Vitamin A 11.3%
Calcium 7.1%
Iron 9.9%
* Percent Daily Values are based on a 2000 calorie diet.