You know that cake at every birthday party growing up that you’d beg for the corner slice of?
This is that cake. Fluffy, buttery yellow layers with a deep chocolate frosting that tastes like it came from a bakery you can’t afford on a Tuesday.
And the kicker? It’s not complicated. At all.
Once you make this from scratch, you’ll look at those boxed mixes in the grocery store and feel genuinely sad for them.
What You’ll Need
For the Cake:
- 2 ½ cups all-purpose flour
- 2 ½ tsp baking powder
- ½ tsp salt
- 1 cup (2 sticks) unsalted butter, room temperature
- 1 ¾ cups granulated sugar
- 4 large eggs, room temperature
- 2 tsp pure vanilla extract
- 1 cup whole milk, room temperature
For the Chocolate Frosting:
- 1 cup (2 sticks) unsalted butter, room temperature
- 3 cups powdered sugar, sifted
- ¾ cup unsweetened cocoa powder (Dutch-process preferred)
- ½ cup heavy cream
- 2 tsp pure vanilla extract
- ¼ tsp salt
Tools You’ll Need
- Two 9-inch round cake pans
- Stand mixer or hand mixer
- Large mixing bowl
- Medium mixing bowl
- Rubber spatula
- Whisk
- Sifter or fine mesh strainer
- Offset spatula (for frosting)
- Cooling rack
- Cake turntable (optional but makes frosting so much easier)
- Parchment paper
Pro Tips
1. Room temperature ingredients are non-negotiable. Cold butter won’t cream properly. Cold eggs can cause the batter to curdle. Set everything out at least 45 minutes before you start.
2. Don’t skip the creaming step. Beating butter and sugar together for a full 4 to 5 minutes creates tiny air pockets that make the cake rise beautifully and stay light. This step is doing a lot of the heavy lifting.
3. Dutch-process cocoa = deeper chocolate flavor. Regular cocoa works fine, but Dutch-process gives that rich, dark frosting color and a more intense chocolate taste. Worth grabbing if you can find it.
4. Cool the cakes completely before frosting. Warm cake melts frosting fast. If you’re short on time, pop the layers in the freezer for 15 minutes after they hit room temperature. Frosting a frozen cake is actually a lot easier.
5. Frost with a crumb coat first. Spread a thin layer of frosting over the whole cake, chill it for 20 minutes, then do your final layer. No rogue crumbs in your beautiful frosting.
How to Make Yellow Cake with Chocolate Frosting
Step 1: Prep Your Pans and Oven
Preheat your oven to 350°F (175°C).
Grease two 9-inch round cake pans, line the bottoms with parchment paper, then grease the parchment too. This double-layer of protection means your cakes will slide right out.
Step 2: Whisk the Dry Ingredients
In a medium bowl, whisk together the flour, baking powder, and salt.
Set it aside. You’ll come back to it.
Step 3: Cream the Butter and Sugar
In your stand mixer (or with a hand mixer), beat the butter on medium speed for about 2 minutes until it’s pale and creamy.
Add the sugar and beat for another 3 to 4 minutes. The mixture should look light, fluffy, and almost white. That’s what you want.
Step 4: Add the Eggs and Vanilla
Add the eggs one at a time, beating well after each one.
Scrape down the sides of the bowl between each addition. Add the vanilla and mix for another 30 seconds.
Step 5: Alternate the Dry Ingredients and Milk
With the mixer on low, add the flour mixture in three additions, alternating with the milk in two additions.
Start and end with the flour. Mix just until combined after each addition. Overmixing = tough, dense cake. You want to stop the moment it comes together.
Step 6: Bake
Divide the batter evenly between your prepared pans.
Bake for 28 to 33 minutes, or until a toothpick inserted in the center comes out clean and the tops are golden.
Let the cakes cool in the pans for 10 minutes, then turn them onto a wire rack to cool completely.
Step 7: Make the Chocolate Frosting
Beat butter on medium-high for 3 to 4 minutes until pale and fluffy.
Add the sifted cocoa and powdered sugar in batches, alternating with the heavy cream, mixing on low until incorporated after each addition.
Add the vanilla and salt, then crank the mixer to medium-high and beat for 2 to 3 minutes until the frosting is light, fluffy, and spreadable.
Taste it. Adjust salt or sweetness as needed. (And yes, tasting the frosting repeatedly is required.)
Step 8: Assemble and Frost
Place one cake layer on your serving plate or cake board.
Spread a generous layer of frosting on top. Place the second layer on top, pressing gently.
Apply a thin crumb coat over the whole cake. Refrigerate for 20 minutes.
Then go in with your final layer of frosting, smoothing with the offset spatula. Swirl the top however you like.
Substitutions and Variations
| Swap | For |
|---|---|
| Whole milk | Buttermilk (adds slight tang, very tender crumb) |
| Unsalted butter | Salted butter (reduce added salt to a pinch) |
| Heavy cream in frosting | Whole milk (thinner consistency) |
| Dutch-process cocoa | Natural unsweetened cocoa |
| Granulated sugar | Superfine sugar (dissolves faster) |
Variations to try:
- Add 1 tsp almond extract alongside the vanilla for a subtle, bakery-style flavor
- Fill the layers with raspberry jam before frosting for a classic combo
- Use this same frosting on cupcakes (makes about 24)
Make Ahead Tips
The cake layers can be baked up to 2 days in advance. Wrap them tightly in plastic wrap and store at room temperature.
The frosting can be made up to 3 days ahead and stored in the fridge. Let it come to room temperature and re-whip before using.
You can also freeze the unfrosted cake layers for up to 3 months. Thaw overnight in the fridge, still wrapped.
Nutrition Breakdown (per slice, 1/12 of cake)
| Nutrient | Amount |
|---|---|
| Calories | ~520 kcal |
| Total Fat | 28g |
| Saturated Fat | 17g |
| Carbohydrates | 65g |
| Sugar | 48g |
| Protein | 5g |
Values are estimates and will vary based on exact ingredients used.
Leftovers and Storage
Room temperature: Cover and store for up to 2 days.
Refrigerator: Store in an airtight container or covered tightly with plastic wrap for up to 5 days. Bring to room temperature before serving. Cold cake is noticeably denser.
Freezer: Slice the frosted cake, wrap individual slices in plastic wrap, then place in a zip bag. Freeze for up to 3 months. Thaw in the fridge overnight or on the counter for an hour.
FAQ
Why is my cake dense? Most likely from overmixing the batter after adding the flour, or your ingredients were cold when you started. Both prevent proper rise and texture.
Can I make this as a sheet cake? Yes. Use a 9×13-inch pan and bake for 35 to 40 minutes. You’ll have one thick, frosted slab cake. Works perfectly for a crowd.
My frosting is too thin. What do I do? Add more sifted powdered sugar, a few tablespoons at a time, until it thickens up. If it’s too thick, add more cream a teaspoon at a time.
Can I use cake flour instead of all-purpose? You can. Cake flour produces an even more tender, delicate crumb. Use the same amount, cup for cup.
How do I know when the cake is fully baked? A toothpick inserted in the center should come out clean or with a couple of dry crumbs. If it comes out wet, give it 3 more minutes and check again.
Can I add food coloring to the batter? Yes. A few drops of yellow food coloring will deepen that classic golden hue. Gel food coloring works better than liquid.
Wrapping Up
A homemade yellow cake with chocolate frosting isn’t just dessert.
It’s the kind of thing people remember. The kind of thing someone asks you to make every year for their birthday. The kind of thing that makes a random Sunday feel like a celebration.
And now you know how to make it properly.
Give it a go this week, and when you do, drop a comment below. Did you go classic, or did you try one of the variations? Any questions along the way? I’d love to hear how it turned out.
