Desserts
This banana cake recipe with cocoa powder delivers the perfect balance of moist banana flavor and deep chocolate richness—ideal for satisfying chocolate cravings while using up ripe bananas. The cocoa powder adds a subtle bitterness that enhances the natural sweetness of the bananas, creating a texture that's tender yet sturdy enough to hold its shape. What sets this recipe apart is the caramelized banana swirl that runs through the center, adding a layer of complexity that turns a simple cake into something truly special.
The secret to achieving that signature swirl lies in carefully layering the batter and banana mixture before baking. With just 350°F for 30-40 minutes, this cake comes together without requiring advanced baking skills, making it accessible for both beginners and seasoned bakers. The cocoa powder not only contributes to the flavor but also helps create a slightly denser crumb that holds up beautifully to slicing.
Once out of the oven, the cake will have a golden-brown top with a crackly crust, while the interior remains soft and moist. The caramelized banana swirl adds a visual appeal that makes it perfect for serving at gatherings or as a decadent treat for yourself. A dusting of powdered sugar or a scoop of whipped cream elevates it further, making it feel like a restaurant-quality dessert.
For those looking to adapt this recipe, substitutions like applesauce or Greek yogurt can replace eggs, while melted dark chocolate or vegan cocoa powder ensures it remains delicious for dietary preferences. The possibilities for customization are endless, but the core of this recipe—moist, flavorful, and rich—remains unchanged.
Ingredients for banana cake recipe with cocoa powder
These 13 ingredients create a decadent banana cake with rich cocoa and caramelized banana swirls.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 medium | Mashed for batter and swirl |
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted for smooth batter |
| Granulated Sugar 🍚 | 1 ½ cups | White or light brown |
| Cocoa Powder 🍫 | ½ cup | Natural or Dutch-processed |
| Large Eggs 🥚 | 2 whole | Room temperature preferred |
| Unsalted Butter 🧈 | 1 cup | Melted, full-fat preferred |
| Baking Soda 🧂 | 1 tsp | Diamond Crystal preferred |
| Vanilla Extract 🌿 | 2 tsp | Pure extract, not imitation |
| Salt 🧂 | ½ tsp | Fine sea salt preferred |
| Brown Sugar 🍚 | ¼ cup | Packed, for caramelizing |
| Ground Cinnamon 🌿 | 1 tsp | Freshly ground preferred |
| Powdered Sugar 🍚 | ¼ cup | For dusting, optional |
| Heavy Cream 🥛 | ½ cup | For optional whipped topping |
The bananas are the star—use overripe ones with brown spots for maximum sweetness and flavor. Trader Joe's and Whole Foods often have perfect ones, but check your fruit bowl first. Cocoa powder makes all the difference here: natural cocoa gives a richer chocolate flavor, while Dutch-processed is smoother. The butter should be unsalted to control the saltiness yourself. For the caramelized swirl, don't skip the brown sugar—it's what creates that signature gooey center. I always measure my flour with a spoon-and-level method for consistent results.
No ripe bananas? Applesauce or mashed sweet potato works in a pinch (reduce other liquids by 2 tbsp). Out of cocoa powder? Melted dark chocolate (2 oz) can replace it, but the texture will be denser. The recipe calls for large eggs—if you have extra-large, reduce to 1.5. For a lighter cake, replace half the all-purpose flour with cake flour. The vanilla extract should be pure—imitation won't give you that authentic flavor. Need to make it egg-free? Flax eggs (1 tbsp ground flax + 3 tbsp water per egg) work perfectly here.
Store leftovers wrapped tightly at room temperature for 3 days or refrigerated for 5 days. The cake actually improves overnight as the flavors meld. For longer storage, freeze slices wrapped individually for up to 3 months. The caramelized swirl stays gooey when reheated—just pop a slice in the microwave for 15 seconds. I always make a double batch because this cake disappears fast—perfect for meeting desserts or weeknight treats. The powdered sugar topping is optional but adds that bakery-fresh finish.
Why You'll Love This Recipe
- No Mash Required: The ripe bananas soften so easily in the batter—no blender, no strainer, just a fork. I’ll often grab them straight from the fruit bowl, mash them right in the bowl with the eggs, and let the cocoa powder do the heavy lifting of binding everything together.
- Moisture Locked In: That combo of mashed bananas and cocoa powder? It keeps this cake ridiculously moist for days. Honestly, I’ve had slices from a week-old loaf that still tasted fresh—no dry crumbs, no sad texture. The sugar caramelizes just enough to keep it tender.
- Breakfast or Dessert: Serve it warm with a dollop of whipped cream for a decadent treat, or cut it into squares for a grab-and-go breakfast. My kids ask for it in the morning, and I sneak slices for my afternoon coffee—no judgment here.
- Pantry Staple Magic: You’re already using what’s in your cupboard: flour, sugar, eggs. Add a few overripe bananas (that you’d toss otherwise) and cocoa powder, and boom—homemade cake that costs next to nothing. I’ve made this with store-brand ingredients, and it’s still spot-on.
Step-by-step instructions for banana cake with cocoa powder
Master this recipe's signature swirl technique for layers of moist banana cake and rich chocolate.
Mash the Bananas and Prepare the Swirl
In a medium bowl, mash the 3 medium ripe bananas with a fork until completely smooth—no lumps should remain. This ensures even distribution throughout the batter. In a separate small bowl, combine 0.25 cup brown sugar and 1 tsp ground cinnamon, then mix in 0.5 cup heavy cream. This swirl mixture will create caramelized pockets in the cake.
Set both mixtures aside. The banana mash should be thick but spreadable, while the swirl mixture should be smooth enough to drizzle easily. If your bananas aren't perfectly ripe, add 1 teaspoon lemon juice to the mash to enhance sweetness and moisture. This step is foundational—skipping it properly will result in a dense, uneven cake.
Mix Dry Ingredients and Melted Butter
In a large mixing bowl, whisk together the 2.5 cups all-purpose flour, 1.5 cups granulated sugar, 0.5 cup cocoa powder, 1 tsp baking soda, 0.5 tsp salt, and 2 tsp vanilla extract. Sift the flour mixture once to eliminate any lumps—this creates a lighter, more tender cake. In a microwave-safe bowl, melt the 1 cup unsalted butter in 30-second intervals, stirring between each, until completely liquid.
Pour the melted butter into the dry ingredients and stir until just combined. The mixture should look like wet sand with no dry flour pockets remaining. Avoid overmixing at this stage—overworking the batter develops gluten, which can make the cake tough. The batter should be thick but pourable, similar to pancake batter in consistency.
Combine Wet Ingredients and Prepare the Pan
Add the mashed bananas to the dry mixture and stir gently until fully incorporated. The batter will be thick and fudgy in texture. Preheat your oven to 350°F and grease an 8-inch round cake pan or 9x13-inch baking dish with butter or baking spray. Line the bottom with parchment paper for easy removal.
This is where the magic happens: pour half of the batter into your prepared pan, spreading it evenly. Using a spoon or rubber spatula, create small wells in the batter. Then carefully drizzle the banana-cinnamon-cream swirl mixture over the top, creating a marbled effect. Pour the remaining batter over the swirl, gently swirling with a knife to blend slightly while maintaining distinct pockets of swirl.
Bake Until Golden and Set
Bake the cake in the preheated oven for 35-40 minutes, or until a toothpick inserted into the center comes out clean with just a few moist crumbs. The edges should be deep golden brown, and the top should spring back when gently pressed. Rotate the pan halfway through baking for even browning—this is especially important in home ovens where heat distribution varies.
Real talk: don't open the oven door before the 25-minute mark—the sudden temperature drop can cause the cake to sink. When you see the edges pulling away from the pan and the top developing a crackly crust, it's nearly done. The swirls should be visible through the cake's surface, indicating they've caramelized beautifully.
Cool and Finish with Powdered Sugar
Remove the cake from the oven and let it cool in the pan for 10 minutes, then transfer to a wire rack to cool completely. While cooling, prepare the optional powdered sugar glaze by sifting 0.25 cup powdered sugar over the warm cake. This creates a delicate, snowy finish that balances the rich chocolate and caramelized banana flavors.
The cake should be moist but firm to the touch when fully cooled. Slice into 8 equal wedges and serve at room temperature. The contrast between the tender banana cake and the fudgy chocolate swirls creates a luxurious texture that's impossible to resist. For best results, store leftovers covered at room temperature for up to 3 days, though they rarely last that long in my kitchen.
Pro Tips For Making Banana Cake Recipe With Cocoa Powder
- MASH THE BANANAS WELL: Skip the blender—use a sturdy fork and really press down on those spots. I learned this the hard way after a lumpy cake that looked like it had rocks in it. You want the mix smooth enough to drink, not just mashed. That’s how you get even distribution in every bite.
- SIFT THE COCOA: Don’t just dump that cocoa powder straight in. Sift it through a fine-mesh strainer first, especially if it’s clumpy. I used to ignore this, and my cake would turn out dense with little pockets of dry powder. Takes 30 seconds but makes a real difference in texture.
- BAKE UNTIL THE CENTER HITS 205°F: That toothpick test is unreliable here—cocoa powder makes this cake look done before it is. Use an instant-read thermometer in the middle. I’ve pulled cakes too soon, and they’d keep baking in the pan, turning gummy. Better to wait the extra 5 minutes than regret it.
- ADD A PINCH OF BAKING SODA: This isn’t in most recipes, but trust me: toss in ¼ teaspoon with the flour. The cocoa powder’s acidity can make the cake sink slightly, and this guarantees a lift. I was skeptical until I tried it—now it’s non-negotiable for me.
Creative variations of these flavors
Chocolate Banana Bread Twist
Turn your cake into a banana bread-loaf hybrid by using a 9x5-inch loaf pan instead of a round cake pan. Add ½ cup chopped walnuts or chocolate chips to the batter for texture. The swirl technique works the same way—just drizzle the banana-cinnamon mixture down the center before adding the second layer of batter. This variation is perfect for breakfast treats or afternoon snacks when you want something heartier than cake. 🍌
Vegan Chocolate Banana Cake
Swap out the eggs and butter for vegan substitutes without sacrificing moisture. Replace the 2 eggs with 2 flax eggs (2 tbsp ground flaxseed + 6 tbsp water, mixed and rested for 5 minutes) and the 1 cup butter with 1 cup coconut oil (melted). Use Dutch-process cocoa powder for a smoother finish. The texture stays tender, and the swirl technique remains unchanged. This version is equally rich and perfect for plant-based diets. 🌱
Spiced Rum Banana Cake
Add a boozy twist by incorporating 2 tbsp spiced rum into the batter after mixing in the mashed bananas. The rum enhances the caramelized banana flavor and adds a warm, aromatic depth. For an extra touch, drizzle 1 tbsp rum over the swirl mixture before baking. This variation is ideal for holiday gatherings or as a special occasion dessert. Pair it with a scoop of vanilla ice cream for a decadent treat. 🍺
Double Chocolate Swirl
Elevate the chocolate experience by adding ½ cup melted dark chocolate (60-70% cocoa) to the batter after mixing in the mashed bananas. For the swirl, replace the heavy cream with ½ cup melted white chocolate mixed with 1 tbsp cocoa powder. This creates a double chocolate swirl with contrasting flavors—deep dark chocolate in the cake and creamy white chocolate in the swirl. The result is a luxurious dessert that feels like a bakery creation. 🍫
Gluten-Free Adaptation
Make this cake gluten-free by substituting the all-purpose flour with a 1:1 gluten-free baking flour blend (like Bob’s Red Mill or King Arthur). For best results, add 1 tsp xanthan gum to the dry ingredients to improve texture and structure. The cocoa powder and banana mash work the same way, ensuring the cake remains moist and flavorful. This adaptation is perfect for those with gluten sensitivities or celiac disease without compromising taste. 🌾
Lemon Zest Brightness
Add a citrusy kick by incorporating 1 tbsp lemon zest into the batter along with the vanilla extract. The bright lemon flavor cuts through the richness of the cocoa and caramelized bananas, creating a refreshing twist. For the swirl, add 1 tsp lemon juice to the banana-cinnamon mixture. This variation is especially delightful during spring or summer** when you want a lighter dessert. 🍋
Nutrition facts
Frequently asked questions
Why does this banana cake need cocoa powder?
The cocoa powder adds depth to the banana flavor and creates a rich, moist texture that balances the natural sweetness. It transforms a simple banana cake into something decadent with that signature chocolatey warmth. For a lighter version, you could reduce it to 0.375 cup but expect a milder chocolate taste.
Can I use overripe bananas for this recipe?
Overripe bananas with brown spots are perfect—they're sweeter and add natural moisture to the cake. If your bananas aren't ripe enough, add 1 teaspoon lemon juice to the mashed bananas to enhance sweetness. The darker the spots, the richer the flavor!
How do I get the perfect swirl effect?
Start by spreading half the batter in the pan, then drizzle the banana-cinnamon mixture in zigzags. Pour the remaining batter over it and gently swirl with a knife—don't overmix! The key is to keep the swirl distinct while blending slightly. Bake until the edges pull away from the pan (35-40 minutes at 350°F).
What if my cake comes out too dense? Overmixing the batter or using underripe bananas often causes density.
Can I make this cake gluten-free?
Yes! Replace the all-purpose flour with a 1:1 gluten-free baking flour blend and add 1 teaspoon xanthan gum to the dry ingredients. The cocoa powder and banana mash work the same way, keeping the cake moist and flavorful. For best results, use a blend designed for cakes (like Bob's Red Mill).