Desserts
This banana chocolate chip cake with peanut butter frosting delivers the perfect balance of moist banana cake and rich, nutty-sweet frosting—every bite is a celebration of comfort food.
The secret lies in ripe bananas and a precise mix of flour and leavening agents that create a tender crumb without being too dense. I've baked this recipe countless times for birthdays, holidays, and just-because moments, and it never fails to impress.
The cake itself is a triple-layered masterpiece, with each layer infused with chocolate chips for pockets of gooey sweetness.
The peanut butter frosting isn't just an afterthought—it's a star player, blending creamy peanut butter with powdered sugar and butter to create a spread that's thick enough to hold slices together but light enough to melt in your mouth.
This dessert is foolproof for beginners yet sophisticated enough for special occasions.
What you'll end up with is a cake that's moist and tender with just the right amount of chew, topped with a frosting so rich it'll make you want to lick the bowl.
The combination of banana's natural sweetness and peanut butter's nutty depth creates a flavor profile that's impossible to resist. The layers hold together beautifully, making it easy to slice and serve without crumbling.
Whether you're baking for a crowd or treating yourself to a slice, this recipe delivers restaurant-quality results with minimal effort. The best part? It's versatile enough to accommodate dietary preferences—just swap in flax eggs and dairy-free butter for a vegan-friendly version. Let's get baking!
Ingredients for banana chocolate chip cake with peanut butter frosting
Ripe bananas, rich peanut butter, and chocolate chips make this triple-layered cake irresistible.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 whole | Slightly squishy when pressed |
| All-Purpose Flour 🌾 | 3 cups | Sifted for even texture |
| Granulated Sugar 🍚 | 2 cups | White or light brown |
| Light Brown Sugar 🍚 | ½ cup | Packed lightly |
| Baking Soda 🧂 | 1 tsp | Freshly opened |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Vegetable Oil 🫒 | 1 cup | Light or canola |
| Large Eggs 🥚 | 2 whole | Room temperature |
| Vanilla Extract 🌿 | 2 tsp | Pure alcohol-free |
| Semisweet Chocolate Chips 🍫 | 2 cups | High quality, not mini |
| Unsalted Butter 🧈 | 1 cup | Room temperature |
| Creamy Peanut Butter 🥜 | 1 cup | Natural, no added sugar |
| Powdered Sugar 🍚 | 3 cups | Sifted for smooth frosting |
| Milk 🥛 | ¼ cup | Whole for creaminess |
The bananas are everything here—look for ones with brown spots (the riper, the sweeter). Trader Joe's always has perfect ones, but grocery store bananas work too if they're soft. Chocolate chips matter: Ghirardelli or Enjoy Life melt beautifully. For the peanut butter, natural, no-sugar-added gives the best flavor without overpowering. I usually buy the big jar from Costco—it lasts forever. The butter should be at room temperature, not melted, so it whips up light for the frosting.
No ripe bananas? Cook them down with sugar first to mimic the sweetness. Out of chocolate chips? Chop up a chocolate bar (70% dark works great). The recipe calls for regular peanut butter, but crunchy works too—just blend it briefly to smooth it out. For a lighter frosting, add 1 extra tbsp milk if it's too thick. The eggs need to be room temperature, so take them out 20 minutes before baking. No vanilla extract? 1 tsp vanilla sugar or even a scraped vanilla bean pod works in a pinch.
This cake keeps for 4 days in the fridge, covered tightly. The frosting can be made 2 days ahead—it actually tastes better after sitting. For serving, I like to slice it with a hot knife so it comes out clean. Freeze any leftovers for up to 3 months. The layers hold together well, but if you're worried about transport, wrap them individually in plastic wrap before assembling.
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 pure, effortless mixing while the cake batter comes together like magic.
- Peanut Butter Magic: That creamy peanut butter frosting isn’t just a topping—it’s the star. The rich, nutty contrast with the warm banana and melty chocolate chips? It’s like dessert hugged you in the best way possible.
- Crowd-Pleaser Always: Birthday, potluck, or just a "because" moment—this cake disappears fast. I’ve served it at book club meetings, kids’ parties, and lazy Sundays, and no one ever asks for seconds quietly.
- Budget-Friendly Luxury: Three ingredients from your pantry (flour, sugar, baking soda) and a few ripe bananas you’d toss anyway. It costs next to nothing to make something that tastes like you spent hours baking—honestly, my wallet thanks me every time.
Step-by-step instructions for banana chocolate chip cake with peanut butter frosting
Here's how to bake a moist, triple-layered cake with rich peanut butter frosting—every bite is pure comfort.
Prep Ingredients and Mix Wet Components
Start by mashing the 3 whole ripe bananas in a large mixing bowl until completely smooth—no lumps allowed. The bananas should be slightly squishy when pressed, not rock-hard. In a separate bowl, whisk together the 2 cups granulated sugar, 0.5 cup light brown sugar, 1 cup vegetable oil, 2 whole large eggs, and 2 teaspoons vanilla extract until fully combined. This mixture should be pale and slightly thick.
I like to use room-temperature eggs for better emulsification with the oil. If your eggs are cold, let them sit in warm water for 5 minutes before using. The sugar mixture should be smooth and glossy—this ensures a tender cake texture. Set both bowls aside while you prepare the dry ingredients.
Combine Dry Ingredients and Fold in Wet Mixture
In a medium bowl, sift together the 3 cups all-purpose flour, 1 teaspoon baking soda, and 0.5 teaspoon salt. This prevents lumps and ensures even distribution. Gradually add the dry mixture to the wet ingredients, mixing on low speed just until combined—don't overmix. Stop as soon as the flour disappears.
Now fold in the 2 cups semisweet chocolate chips using a spatula. You want them evenly distributed but still visible throughout the batter. The batter should be thick but pourable. If it looks too stiff, add 1-2 tablespoons of milk to loosen it slightly. This step is crucial for that classic chocolate chip cake texture.
Bake Three Perfect Layers
Preheat your oven to 350°F and grease three 8-inch round cake pans with butter or baking spray. Divide the batter evenly among the pans. Bake for 25-30 minutes or until a toothpick inserted in the center comes out clean. The edges should be golden brown while the tops remain slightly domed.
I always tap the pans gently on the counter before checking doneness—this helps identify if the cake is truly baked through. Let the cakes cool in their pans for 10 minutes, then transfer to a wire rack to cool completely. This cooling step prevents soggy layers when frosting. Patience here ensures clean slices later.
Make the Creamy Peanut Butter Frosting
In a medium bowl, beat the 1 cup unsalted butter and 1 cup creamy peanut butter together until smooth and creamy. Add the 3 cups powdered sugar and 0.25 cup milk, then beat on medium speed until light and fluffy—about 3-4 minutes. The frosting should be thick enough to hold peaks but still spreadable.
This is where the magic happens. The peanut butter adds richness while the powdered sugar gives that perfect sweet-tart balance. Taste and adjust sweetness if needed—sometimes natural peanut butter can be slightly bitter. The frosting should be thick enough to pipe but still smooth enough to spread between layers.
Assemble and Frost the Cake
Place the first cake layer on a serving plate. Spread a thin layer of frosting on top, then add the second layer. Repeat with the third layer. Now frost the entire top and sides of the cake with the remaining frosting. For extra flair, pipe swirls or rosettes around the edges.
Chill the cake in the refrigerator for 30 minutes before slicing. This helps the frosting set and makes clean cuts possible. Serve at room temperature for the best texture—each slice should have moist cake, melty chocolate chips, and that perfect peanut butter creaminess. The contrast of warm cake with cool frosting is what makes this recipe truly special.
Pro Tips For Making Banana Chocolate Chip Cake With Peanut Butter Frosting
- Mash Bananas Thoroughly: I learned this the hard way—lumpy banana mash means uneven texture in your cake. Use a fork first to break them up, then press through a fine-mesh sieve or push through a ricer for that silky consistency. No ricer? Blend with a splash of milk until completely smooth.
- Bake Until Springy: This cake’s done when the edges pull away from the pan and a toothpick comes out with moist crumbs, not wet batter. Overbaking turns it dense, so start checking at 25–30 minutes before the recipe’s suggested time—your oven runs hotter than you think.
- Use Cold Peanut Butter: Warm peanut butter frosting spreads like soup. Chill your mixing bowl and beaters for 10 minutes before whipping, then add the peanut butter straight from the fridge. The frosting will hold its shape and taste richer—no greasy mess on your fingers.
- Swap Brown Sugar for White: Brown sugar adds moisture but can make the cake too dense. Replace half the light brown sugar with granulated sugar for a lighter crumb, especially if your bananas are extra ripe. The frosting stays just as sweet without weighing down the texture.
Dietary considerations for this dish
Gluten-Free Adaptation
To make this cake gluten-free, swap the 3 cups all-purpose flour with a 1:1 gluten-free baking flour blend like Bob's Red Mill or King Arthur. Add ½ teaspoon xanthan gum to help bind the layers—this is crucial for preventing crumbly texture.
I've tested this version and found the cake stays moist, though it may need an extra 2-3 minutes in the oven to set properly. 🌾
Dairy-Free Options
For a dairy-free version, replace the 1 cup unsalted butter in the frosting with 1 cup dairy-free butter (like Miyoko's or Earth Balance). Use 1 cup coconut oil in the cake batter instead of vegetable oil, and ensure your chocolate chips are dairy-free (Enjoy Life brand works perfectly).
The texture remains rich, though coconut oil can add a slight coconut flavor—balance it with extra vanilla. 🥥
Vegan Modifications
Turn this into a vegan cake by replacing the 2 eggs with 2 flax eggs (2 tbsp ground flaxseed + 6 tbsp water, mixed and rested for 5 minutes). Use 1 cup applesauce instead of oil in the batter for moisture.
For the frosting, swap the butter for vegan butter and add 1 tbsp coconut milk powder to improve texture. The cake will be slightly denser but still delicious! 🌱
Nut-Free Alternative
If peanut butter is off-limits, make a creamy sunflower seed butter frosting instead. Blend 1 cup sunflower seed butter (like SunButter) with 1 cup dairy-free butter and 3 cups powdered sugar until smooth.
It lacks peanut butter's depth but adds a nutty, seed-based richness. For extra flavor, stir in 1 tsp cinnamon or ½ tsp vanilla extract. ✨
Allergen-Friendly Tips
Always check labels—some chocolate chips contain dairy or nuts. For a completely safe version, use Enjoy Life chocolate chips (free from top allergens) and ensure your peanut butter is made in a dedicated facility if allergies are severe.
Store ingredients separately until mixing to prevent cross-contamination. I keep a separate allergen-free baking kit with dedicated measuring spoons and utensils for these adjustments. 💡
Nutrition facts
Frequently asked questions
Can I use unripe bananas for this cake?
Unripe bananas will make your cake denser and less sweet. For best results, use bananas that are slightly squishy when pressed—these provide natural sweetness and moisture. If you only have firm bananas, mash them with 1 extra tablespoon of sugar to compensate for the lack of sweetness.
How do I prevent my cake layers from crumbling when frosting?
Let your cake layers cool completely before assembling. If they're still warm, the frosting will melt and make them soggy. Also, make sure your frosting is at room temperature—this helps it set properly. Chill the cake in the fridge for 30 minutes before slicing for clean cuts.
Can I make this cake in a single layer instead of three?
Use the same batter but pour it into one 9-inch round pan or 9x13-inch baking dish. Bake for 30-35 minutes at 350°F. The texture will be slightly different (more dense), but it's perfect for a sheet cake. Just adjust frosting quantity to 2 cups total.
Why does my frosting turn grainy?
Grainy frosting usually means the powdered sugar wasn't sifted or the peanut butter was too cold. Beat the frosting longer (up to 5 minutes) and ensure your peanut butter is smooth. For extra insurance, sift the powdered sugar before mixing. If it's still grainy, add 1 extra tablespoon of milk to help dissolve it.
How can I make this cake more chocolatey?
Add ½ cup extra chocolate chips to the batter or swap ½ cup of the flour with ½ cup cocoa powder. For the frosting, melt ¼ cup dark chocolate and mix it into the peanut butter base before adding powdered sugar. This creates a fudgy-chocolate peanut butter flavor combo!