Chocolate Peanut Butter Sheet Cake combines a soft chocolate cake with a thick, creamy peanut butter frosting for a classic dessert that feels both familiar and indulgent. The chocolate cake starts with cocoa, butter, buttermilk, and vanilla, while the frosting uses creamy peanut butter, softened butter, powdered sugar, milk, and vanilla.
This easy 9 x 13-inch cake works especially well for birthdays, potlucks, family gatherings, and casual celebrations. Because you bake everything in one pan, serving stays simple. You can cut the finished cake into squares and serve it directly from the baking dish.
Another reason Chocolate Peanut Butter Sheet Cake works so well is the timing. You spread the peanut butter frosting over the cake while it remains slightly warm. Therefore, the frosting softens just enough to settle beautifully over the chocolate surface before setting.
I always like desserts that look generous without requiring complicated decorating, and this cake fits that description perfectly. The first time I made a chocolate cake with peanut butter frosting, I expected the frosting to overpower the chocolate. Instead, the two flavors balanced each other beautifully. The chocolate cake tasted rich without becoming too heavy, while the peanut butter added a creamy, slightly salty contrast. I also liked being able to spread the frosting casually rather than worrying about perfect piping. Once the frosting settled over the slightly warm cake, all I needed to do was wait before cutting those thick chocolate-and-peanut-butter squares.
Chocolate Peanut Butter Sheet Cake: Rich Chocolate Cake With Creamy Frosting
Ingredients
Equipment
Method
- Preheat the oven to 350°F (175°C). Grease and lightly flour a 9 x 13-inch sheet pan.
- Whisk together the all-purpose flour, granulated sugar, baking soda, and salt in a large bowl.
- Combine 1 cup unsalted butter, water, and cocoa powder in a saucepan. Heat over medium heat until the butter melts and the mixture becomes smooth. Bring just to a simmer, then remove from the heat.
- Pour the warm chocolate mixture into the dry ingredients and stir until combined. Add the eggs, 1 teaspoon vanilla extract, and buttermilk. Mix until smooth.
- Pour the batter into the prepared pan and spread evenly. Bake for 20 to 25 minutes, or until a toothpick inserted in the center comes out clean.
- Beat the softened 1/2 cup unsalted butter and creamy peanut butter until smooth and creamy. Add the milk and remaining 1 teaspoon vanilla extract.
- Gradually beat the powdered sugar into the peanut butter mixture until the frosting becomes smooth and spreadable.
- Let the baked cake cool for 10 to 15 minutes, then spread the peanut butter frosting evenly over the warm cake.
- Allow the frosting to set slightly, then slice the cake into squares and serve.
Notes
Making the Chocolate Cake Batter
Combine the Dry Ingredients
Preheat the oven to 350°F.
Grease a 9 x 13-inch sheet pan or baking dish, then lightly flour the surface.
Next, place 2 cups all-purpose flour in a large mixing bowl.
Add 2 cups granulated sugar, 1 teaspoon baking soda, and ½ teaspoon salt.
Whisk the ingredients together until evenly combined.
Mixing the dry ingredients first distributes the baking soda and salt throughout the flour before you add the liquid ingredients.
Set the bowl aside while you prepare the warm chocolate mixture.
Chocolate Peanut Butter Sheet Cake uses a saucepan method for the cocoa mixture. Instead of simply mixing cocoa powder into the dry ingredients, you’ll combine it with butter and water first.
This step creates a smooth chocolate mixture that blends easily into the flour and sugar.
Prepare the Warm Cocoa Mixture
Place 1 cup unsalted butter in a saucepan.
Add 1 cup water and ½ cup unsweetened cocoa powder.
Heat the ingredients over medium heat.
Stir occasionally while the butter melts and the cocoa blends into the liquid.
Continue heating until the mixture looks smooth.
Bring it just to a simmer, then remove the saucepan from the heat.
Pour the warm chocolate mixture directly into the bowl containing the flour, sugar, baking soda, and salt.
Stir until combined.
The batter will begin developing its rich chocolate color immediately.
Next, you’ll add the remaining wet ingredients to finish the batter for Chocolate Peanut Butter Sheet Cake.
Finishing and Baking the Chocolate Cake
Add the Eggs and Buttermilk
Add 2 large eggs to the chocolate mixture.
Next, add 1 teaspoon vanilla extract and ½ cup buttermilk.
Mix everything until the cake batter becomes smooth and evenly combined.
Scrape the sides and bottom of the bowl as necessary so no pockets of dry ingredients remain.
The buttermilk gives the batter additional moisture while complementing the baking soda in the recipe.
Meanwhile, vanilla rounds out the cocoa flavor.
Once everything looks smooth, avoid unnecessarily overmixing the batter.
Pour the finished batter into the prepared 9 x 13-inch pan.
Use a spatula to spread it evenly into the corners and smooth the surface.
Bake Until the Center Is Done
Place the pan in the preheated 350°F oven.
Bake the Chocolate Peanut Butter Sheet Cake for 20 to 25 minutes.
Because ovens can vary, start checking the cake near the lower end of the suggested baking time.
Insert a toothpick into the center.
When the toothpick comes out clean, remove the cake from the oven.
Place the pan on a heat-safe surface and let the cake cool for approximately 10 to 15 minutes before frosting.
You want the cake warm rather than piping hot.
That slight warmth helps the peanut butter frosting settle over the surface while still allowing it to remain thick and creamy.
While the cake cools briefly, prepare the frosting.
Making the Creamy Peanut Butter Frosting
Beat the Butter and Peanut Butter
Place ½ cup softened unsalted butter in a mixing bowl.
Add ¾ cup creamy peanut butter.
Beat them together until the mixture becomes smooth and creamy.
Starting with softened butter makes blending considerably easier. Likewise, creamy peanut butter creates the smooth texture you want for spreading across the cake.
Add ¼ cup milk and 1 teaspoon vanilla extract.
Beat again until evenly combined.
The mixture will become softer once you add the milk, which prepares it for the powdered sugar.
Next, measure 3½ cups powdered sugar.
Add the powdered sugar gradually rather than dumping it into the bowl all at once.
Finish and Spread the Frosting
Continue beating as you gradually add the powdered sugar.
Once you’ve incorporated all 3½ cups, beat until the frosting looks smooth and spreadable.
The finished peanut butter frosting should hold its shape while remaining soft enough to spread without pulling at the cake.
After the Chocolate Peanut Butter Sheet Cake has cooled for approximately 10 to 15 minutes, spoon the frosting over the warm surface.
Spread it gently from edge to edge.
Because the cake still retains some warmth, the frosting may soften slightly as you spread it. This helps create an even layer across the entire cake.
Let the frosted cake rest afterward so the topping can set slightly before slicing.
Serving and Storing Chocolate Peanut Butter Sheet Cake
Cut the Cake Into Easy Squares
Once the frosting has settled, cut Chocolate Peanut Butter Sheet Cake into squares.
A sharp knife makes portioning easy.
For cleaner cuts, wipe the knife between slices, particularly if the peanut butter frosting remains soft.
You can make smaller squares for parties or larger portions for a sit-down dessert.
The cake needs no complicated garnish because the contrast between dark chocolate cake and pale peanut butter frosting already makes each serving appealing.
Serve it as prepared, or pair a slice with cold milk or coffee.
Since the recipe uses a single 9 x 13-inch pan, it’s particularly convenient when you need an easy dessert that can be portioned for a group.
Keep Leftovers Fresh
After serving, cover the remaining Chocolate Peanut Butter Sheet Cake tightly.
Keeping the cake covered prevents the exposed edges from drying out.
For the best texture, allow refrigerated portions to lose some of their chill before serving if you prefer softer frosting.
You can also divide the cake into individual squares before storing it. This makes grabbing a single serving much easier.
Regardless of how you portion it, keep the frosting protected from air so it maintains its creamy texture.
The combination of moist chocolate cake and thick peanut butter frosting makes even a simple square feel substantial, so smaller servings can work especially well for gatherings.
Ingredients
- 2 cups all-purpose flour
- 2 cups granulated sugar
- 1 teaspoon baking soda
- ½ teaspoon salt
- 1 cup unsalted butter
- 1 cup water
- ½ cup unsweetened cocoa powder
- 2 large eggs
- 1 teaspoon vanilla extract
- ½ cup buttermilk
- ½ cup unsalted butter, softened
- ¾ cup creamy peanut butter
- ¼ cup milk
- 1 teaspoon vanilla extract
- 3½ cups powdered sugar
Instructions
- Preheat the oven to 350°F (175°C). Grease and lightly flour a 9 x 13-inch sheet pan.
- Whisk the flour, granulated sugar, baking soda, and salt together in a large bowl.
- Combine 1 cup butter, water, and cocoa powder in a saucepan. Heat over medium heat until smooth, bring just to a simmer, and remove from the heat.
- Pour the warm chocolate mixture into the dry ingredients and stir until combined. Add the eggs, 1 teaspoon vanilla, and buttermilk, then mix until smooth.
- Pour the batter into the prepared pan. Bake for 20 to 25 minutes, or until a toothpick inserted in the center comes out clean.
- Beat the softened ½ cup butter and creamy peanut butter until smooth. Add the milk and remaining 1 teaspoon vanilla.
- Gradually beat in the powdered sugar until the peanut butter frosting becomes smooth and spreadable.
- Let the cake cool for 10 to 15 minutes, then spread the peanut butter frosting evenly over the warm cake.
- Allow the frosting to set slightly, then cut the cake into squares and serve.
Frequently Asked Questions
Why do you heat the cocoa mixture for Chocolate Peanut Butter Sheet Cake?
Heating the butter, water, and cocoa creates a smooth chocolate mixture that blends easily with the dry ingredients. Bring it just to a simmer before removing it from the heat.
Can I frost the chocolate cake while it is still warm?
Yes. Let the cake cool for approximately 10 to 15 minutes first. Then spread the peanut butter frosting over the warm cake so it softens slightly as you work.
Should I use creamy or crunchy peanut butter?
The recipe calls for creamy peanut butter. It produces a smooth frosting that’s easy to spread across the cake.
How do I know when the chocolate sheet cake is finished baking?
Insert a toothpick into the center after approximately 20 minutes. The cake is ready when the toothpick comes out clean.
What makes the peanut butter frosting easier to spread?
Start with softened butter and beat it thoroughly with the creamy peanut butter. Then add the milk and vanilla before gradually incorporating the powdered sugar.
Conclusion
Chocolate Peanut Butter Sheet Cake brings two classic flavors together in a simple 9 x 13-inch dessert.
The chocolate cake gets its rich flavor from unsweetened cocoa powder, butter, buttermilk, and vanilla. Meanwhile, the creamy frosting combines peanut butter with butter, powdered sugar, milk, and vanilla.
The preparation also stays straightforward. You make the chocolate mixture on the stovetop, stir it into the remaining cake ingredients, and bake everything for about 20 to 25 minutes.
Finally, spread the creamy peanut butter frosting over the slightly warm cake and let it set.
Whether you’re preparing dessert for a family dinner, party, holiday, or potluck, Chocolate Peanut Butter Sheet Cake delivers plenty of chocolate and peanut butter flavor without requiring complicated decorating.
