Desserts
This banana chocolate chip cake with peanut butter frosting delivers the perfect balance of moist, spiced cake and rich, creamy frosting in every bite. š The secret lies in ripe bananas that keep the cake tender while chocolate chips add pockets of gooey sweetness.
I've perfected this recipe over years of baking, ensuring the layers stay perfectly moist and the frosting stays luscious without being too heavy.
The cake itself is simple to make with just a few key ingredientsāripe bananas, melted butter, and a touch of cinnamon for warmth. Baking at 350Ā°F for 30-35 minutes ensures a golden top and a tender crumb that holds up beautifully.
The peanut butter frosting, made with creamy peanut butter and powdered sugar, ties everything together with its smooth, velvety texture.
What makes this recipe stand out is how the flavors come together: the natural sweetness of the bananas, the deep chocolate notes from the chips, and the nutty richness of the frosting.
Each layer is moist and flavorful, creating a dessert that's both indulgent and satisfying. The frosting isn't just sweetāit's balanced, with just enough creaminess to complement the cake without overpowering it.
Perfect for birthdays, holidays, or just because, this cake is easy to assemble and even easier to enjoy. The recipe scales well, so you can make it for a crowd or save leftovers for days. Let's get bakingāyour taste buds will thank you!
Ingredients for banana chocolate chip cake with peanut butter frosting
Ripe bananas, chocolate chips, and peanut butterāthis trio makes magic happen.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas š | 3 whole | Spotty and soft, not mushy |
| All-Purpose Flour š¾ | 2 Ā½ cups | Sifted for light texture |
| Granulated Sugar š | 1 Ā½ cups | White or light brown |
| Unsalted Butter š§ | 1 cup | Melted, full-fat preferred |
| Large Eggs š„ | 2 whole | Room temperature |
| Baking Soda š§ | 1 tsp | Not baking powder |
| Ground Cinnamon š | 1 Ā½ tsp | Freshly ground preferred |
| Salt š§ | Ā½ tsp | Fine sea salt |
| Vanilla Extract š§ | 1 tsp | Pure, not imitation |
| Semi-Sweet Chocolate Chips š« | 2 cups | NestlĆ© or Ghirardelli |
| Creamy Peanut Butter š„ | 1 cup | Natural, no added sugar |
| Powdered Sugar š | 3 cups | For frosting |
| Milk š„ | Ā¼ cup | Whole milk for creaminess |
The bananas are the MVP hereāspotty and soft, not mushy. Trader Joe's or Whole Foods usually have perfectly ripe ones, but check your own fruit bowl first. The chocolate chips? NestlĆ© or Ghirardelliādon't use those sad mini chips from the dollar store. They melt funny. For the peanut butter, natural, no-sugar-added is the way to go. Jif or Skippy work fine, but if you've got a fancy artisanal brand, go for it. The butter? Full-fat onlyālow-fat makes the frosting sad.
No ripe bananas? Swap for 1.5 cups mashed apples, but add an extra 0.5 tsp cinnamon. Out of peanut butter? Almond butter works, though the flavor changes. The frosting can be made aheadāup to 3 days in the fridge, just give it a whisk before using. For a richer frosting, add 2 tbsp melted butter. Want extra chocolate? Fold in 0.5 cup chopped walnuts or pecans for crunch. The cake itself? Double the batter for a second layer if you're feeling fancy.
This cake keeps for 4 days in the fridge, wrapped tightly. The frosting? 5 days maxāit gets grainy after that. For make-ahead magic, bake the cake 1 day ahead, cool completely, then wrap in plastic. The frosting can be made 2 days aheadājust store it in an airtight container. Leftovers? Slice and freeze for up to 3 months. Thaw at room temp, no microwave needed.
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 wet ingredients. No food processor, no strainer, just a fork and 30 seconds of work. The batterās thick but silky, and somehow, it always comes out moist without a drop of oil.
- Peanut Butter Magic: That creamy peanut butter frosting turns this cake into a full-on flavor party. The richness cuts through the sweetness, and honestly? The combo of warm banana, gooey chocolate chips, and nutty frosting makes every bite taste like dessert and a hug. (Yes, even on a Tuesday night.)
- Leftovers for Days: This cake keeps beautifullyāwrap it tight, and itāll stay fresh for five days in the fridge. I make a double batch on Sundays because itās my go-to for quick breakfasts (sliced + warmed) or after-school snacks when the kids forget their lunch.
- Pantry Staple Power: Youāre using things you already have: flour, sugar, butter, eggsāplus whatever bananas are turning brown in your fruit bowl. No specialty ingredients, no last-minute grocery runs. Between us, this is how I justify buying extra chocolate chips and peanut butter without guilt.
Step-by-step instructions for banana chocolate chip cake
Here's how to bake this triple-layered cake with moist banana layers and rich peanut butter frosting.
šØāš³ Step 1: Prep Ingredients and Melt the Butter
Start by preheating your oven to 350Ā°F and greasing three 9-inch round cake pans (or line with parchment circles). Melt the 1 cup unsalted butter in a microwave-safe bowl in 30-second intervals, stirring between each, until completely smooth. Let it cool slightlyāit should be warm but not hot to the touch.
While the butter melts, mash the 3 whole ripe bananas in a mixing bowl until completely smooth with no lumps. The bananas should be spotty and soft, not mushyāthis ensures perfect moisture without making the cake dense. Set aside for now; we'll add it to the butter soon.
š³ Step 2: Mix Wet Ingredients and Combine with Dry
In a large mixing bowl, combine the melted butter with the mashed bananas. Whisk in the 1.5 cups granulated sugar, 2 whole large eggs, 1 tsp vanilla extract, 1.5 tsp ground cinnamon, and 0.5 tsp salt until fully incorporated. The mixture should be smooth and slightly thickāthis is your cake batter base.
In a separate bowl, sift together the 2.5 cups all-purpose flour and 1 tsp baking soda. Gently fold the dry ingredients into the wet mixture using a spatula, mixing just until combined. Be careful not to overmixāyou should still see some flour streaks. Fold in the 2 cups semi-sweet chocolate chips by hand, reserving a few for the top layer if desired.
š„ Step 3: Bake the Cake Layers
Divide the batter evenly among the three prepared cake pans, filling each about ā full. Bake in the preheated oven for 25-30 minutes, or until a toothpick inserted into the center comes out clean. The edges should be golden brown, but the top might still look slightly underdoneādon't overbake!
Let the cakes cool in their pans for 10 minutes, then transfer to a wire rack to cool completely. This cooling step is crucialāwarm layers won't hold up well when frosting. While they cool, prepare your frosting by mixing the 1 cup creamy peanut butter, 3 cups powdered sugar, and 0.25 cup milk in a bowl until smooth and spreadable.
š½ļø Step 4: Assemble and Frost the Cake
Once the cakes are completely cool, place the first layer on a cake stand or plate. Spread a generous layer of peanut butter frosting on top, then place the second layer on top of the frosting. Repeat with the third layer. Frost the top and sides of the cake with the remaining frosting, using a spatula to smooth it out.
For extra flair, press the reserved chocolate chips onto the sides of the cake. Chill the cake in the refrigerator for at least 30 minutes before slicingāthis helps the frosting set and makes clean cuts. Serve at room temperature for the best texture and flavor combination.
Pro Tips For Making Banana Chocolate Chip Cake With Peanut Butter Frosting
- Mash Bananas Thoroughly: Donāt just smash them with a forkāuse a potato masher or fork to break up every last bit of banana, then press through a fine-mesh sieve to remove skins and lumps. I learned this the hard way when my cake turned out dense because of hidden banana chunks.
- Use Browned Butter: Skip the melted butter shortcut and brown it firstāit adds a nutty depth that cuts through the sweetness. Let it cool slightly before mixing into the batter, or your frosting will melt faster than you can frost the cake.
- Donāt Overmix the Batter: Once the flour hits the wet ingredients, mix just until combinedāmaybe 15-20 strokes max. Overmixing develops gluten and turns your cake into a dense brick. If youāre worried, use a spatula to gently fold in the chocolate chips at the end.
- Frost While Warm: Let the cake cool in the pan for 10 minutes, then transfer to a wire rack for 20-25 minutes before frosting. Frosting cold cake makes it crumble, and frosting straight from the oven turns it into a puddle. Trust me, the wait is worth it.
Perfect pairings for this banana chocolate chip cake with peanut butter frosting
Coffee Pairings
Nothing beats a cup of hot coffee with this cakeāits bitterness cuts through the sweetness beautifully. I recommend a medium-roast dark chocolate like Kicking Horse or Lavazza for its deep, caramel notes that complement the banana and peanut butter.
For an iced twist, try cold brew with a splash of vanilla syrup to mirror the cake's vanilla extract. ā
Tea Complements
Herbal teas like chamomile or peppermint add a soothing contrast to the rich cake. For something bolder, Earl Grey with its bergamot notes creates an elegant pairing. I love serving slices with a hot cup of English Breakfast teaāthe tannins balance the cake's sweetness perfectly. šµ
Creamy Dessert Additions
Add a scoop of vanilla bean ice cream or peanut butter swirl ice cream to make it a full dessert experience. The cold creaminess contrasts the warm cake beautifully. For a lighter option, try whipped cream with a drizzle of melted chocolate on top. š¦
Seasonal Fruit Sides
In summer, serve with sliced strawberries or blueberries for a fresh, tangy contrast. During fall, warm apple slices with cinnamon enhance the cake's spiced notes. I often add a small bowl of caramelized bananas to match the cake's star ingredient. š
Alcoholic Pairings
A glass of sweet red wine like Moscato d'Asti or Lambrusco pairs wonderfully with the cake's sweetness. For a boozy twist, serve with peanut butter-infused whiskey or chocolate stout beer like Guinness. š·
Crunchy Toppers
Add crushed graham crackers or chopped nuts like pecans for texture. A sprinkle of flaky sea salt on top elevates the peanut butter frosting. I also love adding toasted coconut flakes for a tropical vibe. š„
Nutrition facts
Frequently asked questions
Can I use overripe bananas for this cake?
Yes, but avoid bananas that are completely mushy. Spotty and soft bananas (with brown speckles) work bestāthey add natural sweetness without making the cake dense. If your bananas are too ripe, mash them well to remove excess liquid, or reduce the milk in the frosting by 1 tablespoon to balance moisture.
How do I make this cake single-layer instead of triple-layer?
Simply divide the batter into one 9-inch pan instead of three. Bake for 30-35 minutes at 350Ā°F and skip the layering steps. Frost the top and sides with the full 1.5 cups of peanut butter frosting. A single layer makes serving easier for smaller gatherings.
Why did my cake turn out dense instead of moist?
Overmixing the batter or using underripe bananas are common culprits. Always mix just until combined (flour streaks should remain) and ensure your bananas are ripe. For extra moisture, add 1 tablespoon sour cream or 1 teaspoon apple cider vinegar to the batter next time.
Can I substitute peanut butter frosting with something else?
Try cream cheese frosting (mix 8 oz cream cheese + 1 cup butter + 3 cups powdered sugar) or vanilla buttercream (add 1 tsp vanilla to the peanut butter frosting recipe). For a lighter option, use whipped cream sweetened with powdered sugar.
How long can I store the cake before serving?
The cake stays fresh for 4 days in the fridge when tightly wrapped. For longer storage, freeze the unfrosted layers for up to 3 months. Thaw overnight in the fridge, then frost and serve. The frosting itself keeps for 5 days in the fridgeājust whisk before using to restore smoothness.