Desserts
This banana chocolate chip cake with peanut butter frosting delivers triple-layered indulgence in every bite, combining moist banana cake with rich peanut butter frosting and melty chocolate chips. 🌟 The secret lies in ripe bananas that infuse natural sweetness while keeping the texture tender, while the peanut butter frosting adds a creamy, nutty contrast that makes this cake irresistible.
What sets this recipe apart is the perfect balance of flavors—sweet banana cake meets rich peanut butter frosting, all tied together with chocolate chip pockets. The cake layers stay moist for days, and the frosting holds its shape beautifully, making it ideal for birthdays, celebrations, or just because.
With simple ingredients and straightforward steps, you'll achieve restaurant-quality results at home.
The baking process is straightforward: mix, bake, cool, and layer. The cake bakes up golden with a tender crumb, while the frosting creates a smooth, velvety finish that's easy to spread and decorate.
Whether you're serving slices or the whole cake, the combination of banana, chocolate, and peanut butter creates a flavor profile that's hard to resist.
Perfect for gatherings or a special treat, this cake keeps well for up to three days when stored properly. The frosting can be made ahead, saving you time on the day of serving. Let's get started on creating this crowd-pleasing dessert that's sure to become a favorite.
Ingredients for banana chocolate chip cake with peanut butter frosting
Sweet bananas, rich peanut butter, and melty chocolate chips—this cake is pure comfort in every bite.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 large | Mashed for natural sweetness |
| All-Purpose Flour 🌾 | 3 cups | Sifted for light texture |
| Granulated Sugar 🍚 | 2 cups | White or light brown |
| Packed Brown Sugar 🍚 | 1 cup | For moisture and flavor |
| Unsalted Butter 🧈 | 1 cup | Softened, room temperature |
| Large Eggs 🥚 | 2 whole | Room temperature preferred |
| Baking Soda 🧂 | 1 tsp | Not baking powder |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Vanilla Extract 🍯 | 1 tbsp | Pure, not imitation |
| Chocolate Chips 🍫 | 2 cups | Semi-sweet preferred |
| Peanut Butter 🥜 | 1 cup | Creamy, natural style |
| Powdered Sugar 🍚 | 3 cups | For frosting sweetness |
| Heavy Cream 🥛 | ½ cup | Cold for frosting |
| Milk 🥛 | 1 tbsp | Any kind for frosting |
Ripe bananas are the secret weapon here—look for those with spotted skins at the grocery store. Trader Joe's usually has the sweetest ones, but any store's produce section works. The butter matters too—unsalted is a must—and should be soft but not melted when you measure it. Chocolate chips? Semi-sweet is classic, but dark or milk work too if that's what you've got. For the peanut butter frosting, natural style with no added sugar keeps things balanced—just stir it well before measuring.
No ripe bananas? Use 1/2 cup banana puree (blend frozen bananas with a splash of milk). Short on powdered sugar? Sifted granulated sugar works in a pinch. The frosting can be made ahead—just add a splash of milk if it gets too thick. For the cake, don't overmix the batter once the flour goes in, or it'll get tough. And if you're feeling fancy, fold in 1/2 cup chopped walnuts with the chocolate chips for extra crunch.
Cake layers keep for 3 days wrapped at room temp, but the frosting is best fresh. For make-ahead magic, bake the cake 1 day ahead and store wrapped—it actually tastes better the next day. The frosting can be made 2 days ahead and refrigerated, just whip it again before using. Freeze the whole cake (unfrosted) for up to 3 months—thaw at room temp before frosting.
Why You'll Love This Recipe
- No Mash Required: I swear, this cake starts with overripe bananas—no one’s judging—and you don’t even need to mash them perfectly. Just smash ‘em with a fork, mix in the wet ingredients, and fold in the chocolate chips. The texture’s moist but not gummy, thanks to that brown sugar keeping things balanced.
- Peanut Butter Magic: That creamy peanut butter frosting? It’s the star. The rich, nutty sweetness cuts through the cake’s caramelized banana notes, and honestly, the combo’s so good you’ll want to eat it straight from the bowl. (Between us, I’ve been tempted.)
- Weeknight Wonder: This cake bakes in one pan, then you slap on frosting—no layers, no fuss. It’s my go-to when I need dessert fast but still want something that feels special. Even my picky-eating teen asks for seconds, and that’s saying something.
- Budget-Friendly Luxury: You’re using pantry staples—bananas you’d toss, flour, sugar, butter—and it tastes like a bakery treat. The leftovers? Even better the next day, if you can resist. I’ve fed a crowd of six for under $10 and still had slices for breakfast the next morning.
Step-by-step instructions for banana chocolate chip cake with peanut butter frosting
Here's how to create that perfect moist cake with rich peanut butter frosting in one bowl.
👨🍳 Step 1: Prep Ingredients and Preheat Oven
Start by mashing the 3 large ripe bananas in a large mixing bowl until completely smooth. I like to use a fork for this—it's simple and gets the job done. In a separate bowl, whisk together the 3 cups all-purpose flour, 1 tsp baking soda, and ½ tsp salt. Set both mixtures aside for now.
Preheat your oven to 350°F and grease a 9x13-inch baking pan or line it with parchment paper. I use a mix of butter and flour to grease—just rub 1 tbsp softened butter over the pan, then sprinkle with a little flour and shake out the excess. This prevents sticking and makes cleanup easier.
🍳 Step 2: Mix Wet Ingredients and Combine
In the bowl with the mashed bananas, add the 1 cup softened unsalted butter, 2 cups granulated sugar, and 1 cup packed brown sugar. Mix with an electric mixer on medium speed for about 2 minutes until the mixture is light and fluffy. This step is crucial—it incorporates air that makes the cake tender and moist.
Add the 2 whole large eggs, one at a time, mixing well after each addition. Then stir in the 1 tbsp vanilla extract. Now gradually add the dry ingredients, mixing just until combined—you should still see some flour streaks. Fold in the 2 cups chocolate chips by hand using a spatula. The batter will be thick but not overly runny.
🥘 Step 3: Bake Until Golden and Springy
Pour the batter into your prepared pan and smooth the top with a spatula. Bake in the preheated oven for 30-35 minutes until a toothpick inserted in the center comes out clean and the edges are golden brown. Here's the thing—don't overbake! The cake will continue cooking slightly as it cools, so pull it out when it's just about done.
Let the cake cool in the pan for 10 minutes before transferring it to a wire rack to cool completely. This cooling step is important—it prevents the frosting from melting when you add it later. While the cake cools, you can make the frosting. Trust me, the wait is worth it for that perfect texture.
👨🍳 Step 4: Make the Peanut Butter Frosting
In a medium bowl, combine the 1 cup peanut butter, 3 cups powdered sugar, ½ cup cold heavy cream, and 1 tbsp milk. Mix with a hand mixer or electric beaters on medium speed until smooth and creamy. If the frosting is too thick, add a splash more milk 1 tbsp at a time until it reaches a spreadable consistency. You want it to be thick enough to hold its shape but still easy to spread.
Here's where it gets fun—taste the frosting and adjust the sweetness if needed. I usually add a pinch more powdered sugar if I want it sweeter, or a drop more peanut butter for extra richness. The frosting should be smooth, glossy, and just sweet enough to complement the cake without overpowering it.
🍽️ Step 5: Frost and Serve
Once the cake is completely cool, spread the peanut butter frosting evenly over the top. I like to use an offset spatula for this—it gives me smooth, even coverage. For extra flair, you can pipe some frosting around the edges or create a swirl pattern on top. The frosting should be thick enough to hold its shape but still soft enough to spread easily.
Slice into 12 equal pieces and serve. Each bite should deliver moist banana cake with melty chocolate chips, followed by that rich, creamy peanut butter frosting. The contrast of the warm cake and cool frosting makes this dessert truly special. Store any leftovers in an airtight container in the fridge for up to 3 days, though I doubt they'll last that long!
Pro Tips For Making Banana Chocolate Chip Cake With Peanut Butter Frosting
- Mash Bananas First: Don’t just toss in whole bananas—they’ll sink like rocks and leave dry pockets. Mash them thoroughly with a fork (or pulse in a food processor) until completely smooth. This also prevents the cake from being gummy, which happens when chunks of banana stay intact.
- Use Cold Butter: If your butter’s soft or melted, the cake will turn out greasy and dense. Scoop it straight from the fridge and cut it into small cubes before creaming—this ensures proper air incorporation and a lighter texture. (Yes, even if you’re impatient like me.)
- Skip the Overmixing: Once you add the flour, mix just until combined—maybe 10-12 strokes max. Overmixing develops gluten, which makes the cake tough. I learned this the hard way after a batch turned out like a dense banana bread.
- Toast the Chocolate Chips: Spread chocolate chips on a parchment-lined tray and bake at 300°F for 5-6 minutes until fragrant. This deepens their flavor and prevents them from melting too soon in the warm cake. (Your frosting will thank you later.)
Creative variations of this banana chocolate chip cake with peanut butter frosting
White Chocolate Swirl
Replace 2 cups semi-sweet chocolate chips with 1 cup semi-sweet chips + 1 cup white chocolate chunks. After mixing the batter, fold in the white chocolate chunks first, then the semi-sweet chips.
For a dramatic swirl, drop spoonfuls of melted white chocolate onto the batter before baking—it'll create beautiful ribbons when baked. I like using Guittard white chocolate chips for their smooth texture. 🍫
Nutella Twist
Swap the peanut butter frosting for a Nutella-based glaze by mixing ½ cup Nutella with 1 cup powdered sugar and 2 tbsp heavy cream. Spread this over the cooled cake for a decadent European-inspired twist.
For extra flair, drizzle melted Nutella over the top after spreading. This version is especially popular with kids and chocolate lovers. 🍫✨
Spiced Banana Cake
Add warmth by incorporating 1 tsp cinnamon and ½ tsp nutmeg into the dry ingredients. For extra spice, fold in ½ cup chopped pecans with the chocolate chips. The spices complement the banana beautifully while adding depth. I recommend using Penzeys Spices for the highest quality cinnamon and nutmeg. 🌶️
Layered Cake Version
For a more elegant presentation, bake the cake in three 8-inch round pans instead of one sheet pan. After cooling, layer with peanut butter frosting between each layer and on top.
Use a piping bag with a star tip to create decorative swirls on the sides. This version is perfect for special occasions and looks stunning on a cake stand. 🎂
Vegan Adaptation
Make this cake vegan by substituting 3 tbsp flaxseed meal + 9 tbsp water for the eggs (let sit for 5 minutes to thicken). Use vegan butter (like Miyoko's) and vegan chocolate chips.
For the frosting, replace the heavy cream with coconut cream (chilled overnight). The texture stays rich and moist, making this a great option for vegan celebrations. 🌱
Gluten-Free Option
Replace the all-purpose flour with a 1:1 gluten-free baking flour blend (like Bob's Red Mill). Add ½ tsp xanthan gum to help bind the batter. The cake will still be tender and moist, just with a slightly different texture.
This version works perfectly for guests with gluten sensitivities without sacrificing flavor. 🌾
Nutrition facts
Frequently asked questions
Can I use unripe bananas for this cake?
Unripe bananas will make your cake taste more like banana bread and less sweet. For the best flavor, use 3 ripe bananas with brown spots—they're naturally sweeter and create that perfect moist texture. If you only have firm bananas, peel and freeze them overnight first to soften them up.
How do I prevent the cake from cracking when frosting?
Let the cake cool completely before adding frosting—this prevents melting. Also, make sure your frosting is at room temperature before spreading. If the cake still cracks, use a thin layer of frosting first, then add more. The frosting should be thick enough to hold its shape but still spreadable.
Can I make this cake in a box or bundt pan?
This recipe is designed for a 9x13-inch sheet pan and won't work well in a box or bundt pan without adjustments. The batter is thick and needs the larger surface area to bake evenly. If you want a different shape, consider dividing the batter between three 8-inch round pans for a layered cake instead.
What if my frosting is too runny?
If your frosting is too thin, chill the bowl for 10-15 minutes to thicken it up. You can also add 1-2 tbsp more powdered sugar to absorb excess moisture. For extra stability, add 1 tbsp softened butter and mix until smooth. The frosting should hold its shape when spread but still be creamy.
How do I store leftovers without soggy cake?
Store the frosted cake in an airtight container in the fridge for up to 3 days. For longer storage, freeze the unfrosted cake layers (wrapped tightly) for up to 3 months. Thaw at room temperature before frosting. Never leave it at room temperature for more than 2 hours to prevent spoilage.