Chocolate Peanut Butter Cake

Total Time
Prep: 35 min. + chilling Bake: 25 min. + cooling

Updated on Oct. 15, 2024

Decorate like a professional baker and become everyone's favorite host when you bake this sweet and salty chocolate peanut butter cake.

Now Trending

Chocolate plus peanut butter is the ultimate mash-up of flavors for many dessert-lovers. But while the sweet and salty blend isn’t a novel concept, there are always new peanut butter and chocolate desserts to test. If you’ve tried it in pie, cheesecake and brownie form, it’s time to up your cake decorating game and assemble a bakery-level dessert. Chocolate peanut butter cake starts out with a rich chocolate cake and is then stacked and filled with a creamy peanut butter filling. It’s one of our most decadent desserts, and just one dreamy bite will prove it.

Ingredients for Chocolate Peanut Butter Cake

  • Sugar: Granulated sugar is used as the base of the chocolate cake batter. It adds sweetness and plays a role in structure.
  • Milk: Add moisture to the batter with milk. You can use 2% or swap it for whole milk.
  • Coffee: The cake batter uses a cup of strong brewed coffee and instant coffee granules. Coffee helps enhance the flavor of the cocoa in the batter while keeping the cake moist.
  • Oil: Canola oil adds moisture and helps in developing flavor. Swap vegetable oil for the canola oil if preferred.
  • Eggs: Two large eggs are added to the batter for texture and flavor. Eggs help the cake rise while baking.
  • Vanilla: Just a touch of vanilla extract goes a long way. It enhances flavor in both the cake batter and the frosting.
  • Baking cocoa and chocolate: Mixing cocoa powder into the batter gives the cake its chocolate flavor. Melted bittersweet chocolate is used in the frosting for a more robust chocolate taste.
  • Baking soda: Baking soda helps the cake rise while baking.
  • Salt: A small amount of salt balances out all the sweetness from the chocolate and sugar.
  • Butter: Butter serves as the base of the filling and the chocolate peanut butter frosting. Be sure to start with softened butter for best results.
  • Peanut Butter: Can’t forget about bringing the peanut butter into the mix! Creamy peanut butter is used in both the filling and the frosting. There are lots of good peanut butters to choose from, but we like a classic version when baking. The separation that happens in natural peanut butter isn’t the best option for frostings and fillings.
  • Confectioners’ sugar: This powdery sugar adds sweetness, and it plays a role in thickening the filling and frosting for proper structure.
  • Marshmallow creme: This isn’t your average frosting recipe! Marshmallow creme makes the consistency of the frosting super fluffy.

Directions

Step 1: Combine the wet ingredients

A top-down view of a white mixing bowl containing two cracked eggs and other ingredients. A white electric hand mixer is partially visible on the right, hovering over the bowl, ready to mix the contents. The background is a white wooden surface.TASTE OF HOME

Preheat the oven to 350°F. In a large bowl, beat the sugar, milk, coffee, oil, eggs and vanilla until well blended.

Step 2: Add the dry ingredients

A hand holds a whisk above a bowl containing cocoa powder, baking soda, and sugar on a white wooden surface. The ingredients appear ready to be mixed.TASTE OF HOME

Combine the flour, cocoa, coffee granules, baking soda and salt.

A white mixing bowl on a light wooden surface contains a mixture of dry chocolate cake mix and wet ingredients. An electric mixer with twin beaters is placed in the bowl, ready to blend the ingredients.TASTE OF HOME

Gradually beat the dry ingredients into the sugar mixture until blended.

Step 3: Bake

Two round cake pans filled with chocolate batter sit on a white wooden surface. A hand is pouring more batter into one of the pans from a white bowl.TASTE OF HOME

Transfer the batter to two greased and floured 9-inch round baking pans. Bake at 350° for 25 to 30 minutes or until a toothpick inserted in the center comes out clean.

Cool the cake layers for 10 minutes before removing them from the pans to wire racks to cool completely.

Step 4: Make the filling

A white mixing bowl contains chunks of butter and a dollop of peanut butter. A hand mixer with beaters is ready to blend the ingredients. The setup is on a rustic white wooden surface.TASTE OF HOME

For the filling, in a large bowl, beat the butter and peanut butter until blended.

A mixing bowl on a white wooden surface contains peanut butter and powdered sugar, with an electric mixer resting on the edge, partially immersed in the ingredients.TASTE OF HOME

Add confectioners’ sugar and beat until smooth.

Step 5: Make the frosting

A white hand mixer is partially submerged in a bowl containing chocolate mix, cream cheese, and vanilla extract on a white wooden surface.TASTE OF HOME

For the frosting, melt the peanut butter and chocolate in a microwave, and stir until smooth. Let the peanut butter and chocolate mixture cool. In a large bowl, beat the butter and chocolate mixture until fluffy. Add the marshmallow creme, confectioners’ sugar and vanilla and beat until smooth. If necessary, refrigerate until frosting reaches spreading consistency.

Step 6: Assemble the cake

A chocolate cake on a white plate is being frosted with light brown icing. A spatula is smoothing the icing on top of the cake, which sits on a white wooden surface.TASTE OF HOME

Place one cake layer on a serving plate and spread the filling on top.

A layered chocolate cake being frosted with light brown icing on a white plate. The cake sits on a rustic white wooden surface. A metal spatula is smoothing the frosting on the top layer.TASTE OF HOME

Top with the remaining cake layer. Spread the frosting over the top and sides of the cake. Refrigerate for at least one hour before serving.

Step 7: Make the garnish

Hands spreading melted chocolate evenly on a baking tray using a spatula, set on a light wooden surface.TASTE OF HOME

For an optional garnish, place chocolate chips in a microwave-safe bowl and microwave for one to two minutes or until melted, stirring every 20 seconds. Repeat this step with the peanut butter chips and shortening. Line a 15x10x1-inch pan with waxed paper.

A baking tray holds smooth chocolate spread, with swirls of peanut butter on top. A hand uses a metal fork to further swirl the peanut butter into the chocolate, creating a marbled effect. The background is a textured white surface.TASTE OF HOME

Spread the melted chocolate into a 1/4-inch layer. Drizzle the melted peanut butter mixture over the melted chocolate and swirl the two together with the tip of a spoon. Tap the pan on the counter to smooth the mixture. Refrigerate until set.

Step 8: Top the cake with the garnish

Hands breaking a chocolate bark with a marbled pattern of dark and caramel colors, placed on a baking sheet.TASTE OF HOME

Once set, break the bark into pieces and place the pieces vertically on top of the cake.

A hand places chocolate shards on top of a frosted chocolate cake. The cake sits on a white plate on a wooden surface. The chocolate shards have a marbled pattern, adding a decorative touch to the smooth frosting.TASTE OF HOME

Recipe Variations

  • Use peanut butter frosting: This chocolate and peanut butter cake produces a frosting that combines the flavors of chocolate and peanut butter. However, if you’d prefer to top the chocolate cake with a peanut butter-only frosting, you certainly could.
  • Top with ganache: A great option instead of frosting the whole cake? Make a chocolate ganache for the top and sides. Pour the ganache over the chilled cake for a beautiful drip effect.
  • Make it a sheet cake: Need a cake to easily serve a crowd? Use the chocolate cake recipe and bake it in a 13×9-inch cake pan instead of two rounds. Skip the filling and top it with the dreamy chocolate peanut butter frosting.

How to Store Chocolate Peanut Butter Cake

This chocolate and peanut butter cake should be stored covered to maintain its texture and flavor. If it’s on a cake stand, add a dome lid. You could also transfer it to an airtight container or wrap slices individually in plastic wrap.

How long does chocolate peanut butter cake last?

Store leftover cake at room temperature for up to three days or in the refrigerator for up to seven days. Prefer to store leftovers in the freezer? Store it either sliced or wrapped whole in a layer of plastic wrap and then a layer of foil.

Can you make chocolate peanut butter cake ahead of time?

Making this chocolate cake with peanut butter frosting for a special occasion ahead of time? Bake and cool the cake layers and store them in the freezer individually wrapped in a layer of plastic wrap and foil. Transfer the cake layers to thaw in the fridge before making the filling and frosting for assembly.

Chocolate Peanut Butter Cake Tips

A slice of decadent chocolate cake with layers of creamy filling and topped with decorative pieces of marbled chocolate sits on a white plate. Nearby, a fork rests on a blue napkin, and part of another cake is visible in the background.TASTE OF HOME

Can you make chocolate peanut butter cake as cupcakes?

Yes, you can use the batter to bake 24 cupcakes. Once the cupcakes have cooled, you can pipe the filling into the middle using the same technique as these cream-filled cupcakes. Top the cupcakes with chocolate peanut butter frosting.

How else can you decorate peanut butter chocolate cake?

This cake can be decorated in so many ways. Consider frosting the entire cake and then dressing it up with chopped or mini peanut butter cups. You could also use crushed peanuts and shaved chocolate.

How do you keep chocolate cake moist?

Moisture in a chocolate cake is all about the liquid in the batter. Using milk, coffee, oil and eggs will all add moisture. It’s also best to avoid overmixing the batter to alleviate dryness. Mix until the batter is just combined—any longer and it could result in a tougher cake.

Watch How to Make Chocolate Peanut Butter Cake

Chocolate Peanut Butter Cake

Prep Time 35 min
Cook Time 25 min
Yield 14 servings

Ingredients

  • 2 cups sugar
  • 1 cup 2% milk
  • 1 cup strong brewed coffee
  • 1 cup canola oil
  • 2 large eggs, room temperature
  • 1 teaspoon vanilla extract
  • 2 cups all-purpose flour
  • 3/4 cup baking cocoa
  • 1 tablespoon instant coffee granules
  • 2 teaspoons baking soda
  • 1 teaspoon salt
  • FILLING:
  • 1 cup butter, softened
  • 3/4 cup creamy peanut butter
  • 1-1/2 cups confectioners' sugar
  • FROSTING:
  • 1/2 cup creamy peanut butter
  • 6 ounces bittersweet chocolate, chopped
  • 1 cup butter, softened
  • 2 cups marshmallow creme
  • 1/3 cup confectioners' sugar
  • 3/4 teaspoon vanilla extract
  • 2 cups dark chocolate chips, optional
  • 1 cup peanut butter chips, optional
  • 1 teaspoon shortening, optional

Directions

  1. In a large bowl, beat the sugar, milk, coffee, oil, eggs and vanilla until well blended. Combine the flour, cocoa, coffee granules, baking soda and salt; gradually beat into sugar mixture until blended.
  2. Transfer to two greased and floured 9-in. round baking pans. Bake at 350° for 25-30 minutes or until a toothpick inserted in the center comes out clean.
  3. Cool for 10 minutes before removing from pans to wire racks to cool completely.
  4. For filling, in a large bowl, beat butter and peanut butter until blended. Add confectioners' sugar; beat until smooth.
  5. For frosting, melt peanut butter and chocolate in a microwave; stir until smooth. Cool. In a large bowl, beat butter and chocolate mixture until fluffy. Add the marshmallow creme, confectioners’ sugar and vanilla; beat until smooth. If necessary, refrigerate until frosting reaches spreading consistency.
  6. Place 1 cake layer on a serving plate; spread with filling. Top with remaining cake layer. Spread frosting over top and sides of cake. Refrigerate for at least 1 hour before serving.
  7. For optional garnish, place chocolate chips in a microwave safe bowl; microwave 1-2 minutes or until melted, stirring every 20 seconds. Repeat with peanut butter chips and shortening. Line a 15x10x1 pan with waxed paper; spread the melted chocolate into a 1/4-inch layer. Drizzle melted peanut butter mixture over melted chocolate and swirl with the tip of a spoon. Tap pan on counter to smooth. Refrigerate until set; break into pieces and place on top of cake.

Nutrition Facts

1 slice (calculated without chocolate curls): 883 calories, 60g fat (23g saturated fat), 100mg cholesterol, 670mg sodium, 83g carbohydrate (60g sugars, 4g fiber), 11g protein.

Loading Popular in the Community
The combination of mocha and peanut butter will satisfy every sweet tooth at your table. The garnish is a little extra work, but what are special occasions for? —Tammy Bollman, Minatare, Nebraska
Recipe Creator
Loading Reviews
Back to Top