Desserts
This banana chocolate chip cake with peanut butter frosting recipe delivers the ultimate crowd-pleaser—moist layers of banana cake studded with melty chocolate chips, crowned with rich, creamy peanut butter frosting. The secret lies in perfectly balanced flavors: ripe bananas add natural sweetness, while the peanut butter frosting ties everything together with its signature nutty richness. I've baked this for birthdays, potlucks, and even weeknight treats, and it never fails to disappear quickly.
The cake itself is a foolproof bake that comes together in one bowl with simple ingredients—no fancy techniques required. The frosting, made with just three components, is where the magic happens: smooth, velvety, and packed with that irresistible peanut butter flavor. What makes this recipe special is how the frosting enhances the cake rather than overpowering it, creating a dessert that's both indulgent and balanced.
By the time you're done, you'll have a triple-layered cake with golden-brown edges and a tender crumb that's perfect for slicing. The peanut butter frosting isn't just a topping—it's the star, adding a creamy contrast to the cake's natural sweetness. This dessert is hearty enough to satisfy a crowd but simple enough to make for a special occasion or a spontaneous treat.
Whether you're baking for a celebration or just craving something sweet, this recipe delivers restaurant-quality results at home. The combination of banana, chocolate, and peanut butter creates a flavor profile that's hard to resist, and the frosting ensures every bite is worth savoring. Let's get baking!
Ingredients for banana chocolate chip cake with peanut butter frosting
These 15 ingredients create a triple-layered cake that balances ripe banana sweetness with rich peanut butter frosting.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 cups | Mashed, about 4-5 medium bananas |
| All-Purpose Flour 🌾 | 3 cups | Sifted, spooned lightly |
| Granulated Sugar 🍚 | 2 cups | White or light brown |
| Packed Brown Sugar 🍚 | 1 cup | For moisture and depth |
| Unsalted Butter 🧈 | 1 cup | Room temperature, softened |
| Large Eggs 🥚 | 2 whole | Room temperature |
| Pure Vanilla Extract 🌸 | 2 tsp | High-quality, no imitation |
| Baking Soda 🧂 | 1 tsp | Pure baking soda |
| Salt 🧂 | ½ tsp | Diamond Crystal preferred |
| Chocolate Chips 🍫 | 2 cups | Semi-sweet, 1.5 oz bag |
| Peanut Butter 🥜 | 1 cup | Creamy, natural style |
| Heavy Cream 🥛 | 1 cup | Cold, for frosting |
| Powdered Sugar 🍚 | 3 cups | Sifted for smooth frosting |
| Vanilla Extract 🌸 | 1 tsp | For frosting flavor |
| Unsalted Butter 🧈 | ½ cup | Cold, for frosting |
The bananas are non-negotiable—overripe with brown speckles delivers the best natural sweetness and moisture. Look for bananas that yield slightly when pressed. For the chocolate chips, Ghirardelli semi-sweet is my go-to, but any quality brand works. The peanut butter should be natural, no-stir for that authentic richness—Jif or Skippy are reliable choices. Butter matters too: Plugrá or Land O’Lakes work perfectly when softened to room temperature. Sift the flour and powdered sugar to avoid dense layers, and measure the brown sugar packed firmly into the cup for accurate sweetness.
No ripe bananas? Overripe frozen bananas thawed and mashed work beautifully—they’re even sweeter. Substitute chocolate chips with white chocolate chips or chopped nuts if you prefer. The frosting can be made with Greek yogurt instead of heavy cream for a lighter texture, though it won’t be as rich. If you’re avoiding dairy, vegan butter and coconut cream replace the butter and heavy cream seamlessly. For a nut-free option, swap peanut butter for sunflower seed butter—just add a pinch of salt to balance the flavor. The vanilla extract should be pure bourbon or Madagascar vanilla for the best aroma, though imitation will suffice in a pinch.
Store the cake layers wrapped in plastic wrap at room temperature for up to 2 days, or refrigerate for 5 days—though it’s best enjoyed fresh. The frosting keeps well in an airtight container in the fridge for 5 days or freezes for 3 months. For a make-ahead option, bake the cake layers 1 day ahead, frost just before serving, and store unfrosted layers separately. The frosting can be whipped 5 minutes before assembly—it’ll hold its shape beautifully. Serve at room temperature for the best texture, and garnish with extra chocolate chips for a festive touch.
Why You'll Love This Recipe
- No Mash Needed: I swear by this trick—just smash those ripe bananas right in the bowl with the butter and sugars. The mixture blends like magic, no lumps, no fuss. (Honestly, I’ve tried cake recipes that require more effort for half the payoff.)
- Peanut Butter Magic: That creamy peanut butter frosting isn’t just a topping—it’s the star. The rich, nutty contrast with the chocolate chips and caramelized bananas? It’s the kind of combo that makes you groan with every bite. (Yes, even on a Tuesday night.)
- Breakfast or Dessert: Serve it warm with ice cream for a decadent treat, or slice it up for a grab-and-go breakfast. The peanut butter frosting keeps it satisfying all day long. Between us, I’ve sent this to work in a lunchbox more times than I can count.
- Budget-Friendly Luxury: You’re using pantry staples—bananas, flour, butter—and turning them into something that tastes like a bakery’s special. Plus, the leftovers? They last forever, and no one ever turns down a second slice. (My secret weapon for potlucks.)
Step-by-step instructions for triple-layered banana chocolate chip cake
This method delivers moist layers, rich peanut butter frosting, and perfect texture every time.
Prepare the Cake Batter with Perfect Moisture Balance
Preheat your oven to 350°F and grease three 9-inch round cake pans, lining the bottoms with parchment paper for easy removal. In a large mixing bowl, mash the 3 cups ripe bananas until completely smooth—no lumps remain. This ensures even distribution throughout the batter.
In a separate bowl, whisk together the 3 cups all-purpose flour, 1 tsp baking soda, and 0.5 tsp salt. Sift this dry mixture directly into the mashed bananas to prevent gluten development. Add the 2 cups granulated sugar and 1 cup packed brown sugar, mixing until combined. The brown sugar adds moisture that keeps this cake tender.
Cream the 1 cup unsalted butter and 2 whole large eggs together until light and fluffy—about 3-4 minutes with an electric mixer. This step incorporates air that creates the cake's structure. Add the 2 tsp pure vanilla extract and mix for another 30 seconds. Fold in the 2 cups chocolate chips by hand to maintain even distribution.
Bake the Layers to Perfect Doneness
Divide the batter evenly among the prepared cake pans, filling each about ⅔ full. Bake for 25-30 minutes or until a toothpick inserted in the center comes out clean with just a few moist crumbs. Rotate the pans halfway through baking for even browning—watch for the edges to turn golden while the centers remain slightly springy.
I've found that removing the cakes from the oven 2 minutes early prevents overbrowning while still allowing them to set properly. Let each layer cool in their pans for 10 minutes before transferring to a wire rack to cool completely. This gradual cooling prevents cracking as the cakes shrink slightly.
Create the Signature Peanut Butter Frosting
In a medium bowl, beat the 1 cup peanut butter and 0.5 cup cold unsalted butter together until smooth and creamy—about 2 minutes. Add the 1 cup cold heavy cream and mix until fully incorporated. The cold ingredients create a stable base that won't melt too quickly.
Gradually whisk in the 3 cups sifted powdered sugar and 1 tsp vanilla extract until the frosting reaches a smooth, spreadable consistency. If it's too thick, add 1-2 tablespoons milk to achieve the perfect piping texture. The frosting should hold its shape on a spatula but still be easy to spread between layers.
Assemble the Triple-Layered Cake
Place the first cake layer on a cake stand or plate. Spread a generous ½-inch thick layer of frosting evenly across the top, extending slightly over the edges to create a clean base for the next layer. Repeat with the second layer, then the third. This build ensures each slice contains equal amounts of cake and frosting.
For the final touch, spread a thin layer of frosting over the entire top and sides of the cake. Use a long spatula to create smooth, even strokes. Chill the assembled cake in the refrigerator for at least 30 minutes before slicing. This resting period allows the frosting to set properly and makes clean cuts possible.
Serve with Confidence
Slice the cake with a sharp, hot knife for clean edges—wipe the knife between cuts. Each slice should reveal moist banana cake layers separated by rich peanut butter frosting. The frosting should hold its shape while remaining creamy at room temperature. Serve at room temperature for the best texture contrast between the warm cake and cool frosting.
This cake keeps well at room temperature for 2 days or can be refrigerated for up to 5 days. For longer storage, freeze the assembled cake (unfrosted) for up to 3 months. The frosting can be added fresh after thawing for maximum flavor.
Pro Tips For Making Banana Chocolate Chip Cake With Peanut Butter Frosting
- Mash Bananas Thoroughly: Skip the blender—your cake’s texture depends on this. Use a fork to smash bananas until they’re almost a paste, with just a few tiny lumps. I learned this the hard way: smooth mashed bananas make a dense, gummy cake, while slightly chunky ones keep it tender and moist.
- Weigh Your Butter: Packed brown sugar and unsalted butter are non-negotiable for this recipe, but scooping them straight from the bag leads to disaster. Use a kitchen scale for the butter (it should be soft, not melted) and press the brown sugar into the measuring cup to avoid air pockets. Your frosting will thank you—no grainy surprises here.
- Bake Until the Center Springs: That toothpick test is a lie for banana cakes. Pull it out when the edges look set but the middle still jiggles slightly—it’ll firm up as it cools. I used to overbake, and the cake turned dry. Trust the spring: press gently in the center, and if it bounces back, you’re golden.
- Frost While Warm: Let your cake cool for 10 minutes, then frost it before it’s fully cold. Peanut butter frosting melts into a cake that’s still warm, creating a rich, creamy sandwich effect. Skip the hour of waiting—your first slice will be the best proof this works. (Yes, even if you’re impatient like me.)
Dietary considerations for this dish
Gluten-Free Adaptation
Swap the all-purpose flour for a 1:1 gluten-free baking flour blend like King Arthur Measure for Measure or Bob's Red Mill. Use the same quantity—3 cups—but add 1 tsp xanthan gum to mimic gluten's structure. Sift the blend thoroughly to prevent lumps, and increase the baking time by 3-5 minutes since gluten-free cakes often need extra time to set. 🌾
Vegan Substitutions
Replace the unsalted butter with vegan butter (like Miyoko's) and use coconut cream instead of heavy cream for the frosting. For eggs, mix 2 tbsp ground flaxseed with 6 tbsp water per egg—let it sit for 5 minutes to thicken. The frosting stays rich, but the cake may be slightly denser. A pinch of salt in the peanut butter balances any blandness from plant-based ingredients.
Lower Sugar Options
Reduce the granulated sugar to 1.5 cups and replace the remaining 0.5 cup with unsweetened applesauce or mashed ripe banana (already in the recipe). For the frosting, use 1 cup powdered monk fruit sweetener (like Lakanto) mixed with 2 cups powdered sugar to cut sugar by half while keeping sweetness. The cake stays moist, and the frosting remains creamy.
Nut-Free Frosting
Replace the peanut butter with sunflower seed butter (like SunButter) and add ¼ tsp salt to enhance flavor. The frosting will be slightly less rich but still delicious. For extra creaminess, whisk in 1 tbsp melted coconut oil to compensate for the seed butter’s drier texture. This keeps the cake's signature flavor while accommodating nut allergies.
Lower Fat Version
Use Greek yogurt instead of butter in the cake batter—replace the 1 cup butter with 1 cup plain Greek yogurt (full-fat for best texture). For the frosting, reduce the butter to ¼ cup and add 2 tbsp cream cheese to maintain stability. The cake will be lighter, and the frosting stays smooth without excess richness. 💪
Nutrition facts
Frequently asked questions
Can I use overripe bananas for this cake?
Overripe bananas with brown speckles are perfect—they're sweeter and more flavorful, which balances the peanut butter frosting beautifully. For extra moisture, you can even add 1-2 tablespoons of mashed banana to the frosting for a deeper banana flavor.
How do I prevent the cake from being too dense?
Sift your flour thoroughly and don't overmix the batter—just mix until combined. The secret is creaming the butter and eggs for 3-4 minutes to incorporate air, which keeps the cake light. Also, don't overbake—remove the cake from the oven when a toothpick comes out with just a few moist crumbs.
Can I make this cake in a different pan size?
Yes, but you'll need to adjust the baking time. For 8-inch pans, reduce batter by ⅓ and bake 20-25 minutes. For 10-inch pans, increase batter by ⅓ and bake 30-35 minutes. Always check doneness with a toothpick, and rotate pans halfway through for even baking.
What's the best way to store leftovers?
Keep the cake layers wrapped tightly in plastic wrap at room temperature for up to 2 days. For longer storage, refrigerate the whole cake (frosted or unfrosted) for 5 days. To freeze, wrap each layer individually in plastic, then place in a freezer bag for up to 3 months. Thaw at room temperature before adding fresh frosting.
Why did my frosting turn grainy?
This usually happens when the powdered sugar isn't sifted or the frosting sits too long before using. Always sift the powdered sugar and use cold ingredients for the frosting. If it gets grainy, whisk in 1-2 tablespoons milk or heavy cream to smooth it out. The frosting should be used within 30 minutes of making for best texture.