Little Yellow Cake with Chocolate Icing

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Home » Recipes » Sweets, Treats & Desserts » Cakes » Little Yellow Cake with Chocolate Icing

This little yellow cake is the perfect cake to make for any occasion. Topped with a simple chocolate icing, you’ll adore this lovely little cake.

Little Yellow Cake with Chocolate Icing - This little yellow cake is the perfect cake to make for any occasion. Topped with a simple chocolate icing, you’ll adore this lovely little cake.

One of the great things about this cake, is the simplicity of the ingredients. This cake takes basic ingredients that you’ll already have in your pantry, and doesn’t even use any eggs!

Little Yellow Cake with Chocolate Icing - This little yellow cake is the perfect cake to make for any occasion. Topped with a simple chocolate icing, you’ll adore this lovely little cake.

To Make this Yellow Cake with Chocolate Icing you will need:

  • all-purpose flour
  • baking powder
  • salt
  • baking soda
  • water
  • unsalted butter
  • sugar
  • white vinegar
  • vanilla extract
  • baking cocoa
  • half & half (or milk)
  • powdered sugar
  • mixing bowls
  • whisk
  • square baking pan

I add several new posts every week – Sign Up for the Free Newsletter and Never Miss a Thing!

To make this cake you’ll preheat your oven to 350 degrees.

Lightly grease a 9 inch square baking pan. You could also spray it with baking spray or use my Baking Spray Replacement. Set it aside for now.

In a bowl, combine flour, baking powder, salt and baking soda. Stir those together and set that bowl aside for now.

ingredients in bowl

In a mixing bowl, whisk together melted butter, sugar, vinegar and vanilla.

Add in the dry ingredients and mix well.

Spread the cake batter into the pan and bake for 30-35 minutes or until the cake tests done with a wooden pick.

Allow the cake to cool completely in the pan, sitting on a rack.

When the cake is cooled, you’ll prepare the icing.

cake in pan

To make the Chocolate Icing:

In a saucepan, melt butter over low heat.

Add in cocoa and half & half (or milk). Whisk those together over low heat until the cocoa is dissolved and the mixture is smooth.

Remove it from the heat and add in powdered sugar. Whisk the icing until it is smooth.

Spread the icing over the top of the cake and let it sit about 15-20 minutes for the icing to set up.

icing the cake

Enjoy your lovely little yellow cake with chocolate icing!

If you’re looking for a chocolate cake version, check out my Best Little Chocolate Cake recipe.

Shop this Post:

Little Yellow Cake with Chocolate Icing - This little yellow cake is the perfect cake to make for any occasion. Topped with a simple chocolate icing, you’ll adore this lovely little cake.

Did you make and enjoy this recipe from Cosmopolitan Cornbread? Please rate it below and leave a comment to share your thoughts! 

Yield: 1 - 9 inch cake

Little Yellow Cake with Chocolate Icing

Little Yellow Cake with Chocolate Icing

This little yellow cake is the perfect cake to make for any occasion. Topped with a simple chocolate icing, you’ll adore this lovely little cake.

Prep Time 10 minutes
Cook Time 35 minutes
Additional Time 20 minutes
Total Time 1 hour 5 minutes

Ingredients

  • For the Cake:
  • 2 c all-purpose flour
  • 1 1/2 tsp baking powder
  • 3/4 tsp salt
  • 1/2 tsp baking soda
  • 3/4 c + 2 T water
  • 1/2 c (1 stick) unsalted butter, melted
  • 3/4 c sugar
  • 4 1/2 tsp white vinegar
  • 1 T vanilla extract
  • For the Frosting:
  • 1/4 c butter
  • 2 T baking cocoa
  • 3 T half & half
  • 1/2 tsp vanilla extract
  • 2 C powdered sugar

Instructions

  1. To begin, preheat your oven to 350 degrees.
  2. Lightly grease a 9 inch square baking pan. Set it aside for now.
  3. In a bowl, combine the flour, baking powder, salt and baking soda. Stir to mix and set it aside for now.
  4. In a mixing bowl, whisk together the melted butter, sugar, vinegar and vanilla.
  5. Add in the dry ingredients and mix well.
  6. Spread the cake batter into the pan and bake for 30-35 minutes or until the cake tests done with a wooden pick.
  7. Allow the cake to cool completely in the pan, sitting on a rack.
  8. When the cake is cooled, you'll prepare the icing.
  9. In a saucepan, melt the butter over low heat.
  10. Add in the cocoa and half & half. Whisk over low heat until the cocoa is dissolved and the mixture is smooth.
  11. Remove it from the heat and add in the powdered sugar. Whisk until smooth.
  12. Spread the icing over the top of the cake and let it sit about 15-20 minutes for the icing to set up.
  13. Enjoy!

Nutrition Information:

Yield:

9

Serving Size:

1

Amount Per Serving: Calories: 334Total Fat: 7gSaturated Fat: 4gTrans Fat: 0gUnsaturated Fat: 2gCholesterol: 17mgSodium: 395mgCarbohydrates: 65gFiber: 1gSugar: 43gProtein: 3g

Nutritional Disclaimer: Nutritional data is provided as a courtesy and estimated by a service called Nutritionix. That is a web-based nutritional calculator and is not guaranteed to be accurate. If the nutritional information is vital to you please verify it using your favorite trusted source.

Did you make this recipe?

I would love for you to share it on Instagram and tag @CosmopolitanCornbread (Don't forget to rate it above!)

This recipe was shared in Meal Plan Monday.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.