Desserts
This banana chocolate yogurt cake delivers the perfect balance of moist layers, fudgy chocolate swirls, and buttery frosting—a dessert that feels indulgent yet simple to make. The secret lies in ripe bananas that keep the cake tender, while Greek yogurt adds richness without heaviness.
I've perfected this recipe over years of baking, ensuring every slice has that melt-in-your-mouth texture and deep chocolate flavor.
The cake itself is a study in contrast: a light, fluffy crumb from the yogurt and bananas, contrasted by gooey chocolate swirls that cut through the sweetness. The frosting, made with just butter, powdered sugar, and a hint of vanilla, adds a smooth, creamy finish that ties everything together.
This recipe is foolproof—no fancy techniques required, just precise measurements and a little patience for the layers to set.
What makes this cake truly special is how it satisfies every craving: the moistness of banana cake, the depth of chocolate, and the comfort of a classic frosting. It's the kind of dessert that disappears quickly, leaving only crumbs and happy faces behind.
The best part? It's easy to adapt—swap regular yogurt for coconut yogurt and flax eggs for a vegan version, or add walnuts for extra texture.
Whether you're baking for a celebration or just treating yourself, this cake delivers restaurant-quality results with minimal effort. The layers stay moist for days, the chocolate swirls remain fudgy, and the frosting adds that final touch of elegance. Ready to bake? Let's get started!
Ingredients for banana chocolate yogurt cake
These 14 ingredients create the perfect balance of moist banana cake and rich chocolate swirls.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 large | Spotty skin preferred |
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted for light texture |
| Greek Yogurt 🥛 | 1 cup | Plain, full-fat preferred |
| Granulated Sugar 🍚 | 1 ½ cups | Light brown works too |
| Vegetable Oil 🫒 | ¾ cup | Light or canola oil |
| Large Eggs 🥚 | 2 whole | Room temperature for mixing |
| Baking Soda 🧂 | 1 tsp | Diamond Crystal preferred |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Vanilla Extract 🌿 | 1 tsp | Pure extract preferred |
| Unsalted Butter 🧈 | 1 cup | Cold for frosting |
| Powdered Sugar 🍚 | 3 cups | Sifted for smooth frosting |
| Dark Chocolate Chips 🍫 | 1 ½ cups | Semi-sweet preferred |
| Cocoa Powder 🍫 | ½ cup | Natural unsweetened |
| Milk 🥛 | ¼ cup | For chocolate swirl |
The bananas are non-negotiable—ripe with brown spots gives that perfect sweetness and moisture. Trader Joe's or Whole Foods always have the best spotty ones. Greek yogurt adds that tender crumb, and full-fat is worth it—it keeps the cake rich without being heavy. For the chocolate swirl, Ghirardelli or Guittard chocolate chips melt beautifully. If you're in a pinch, chopped chocolate bars work just fine, but chips melt faster and more evenly. The cocoa powder should be natural, not Dutch-processed, for that authentic chocolate flavor.
No Greek yogurt? Sour cream or buttermilk work in a pinch, but the texture won't be quite as tender. Eggs can be swapped for flax eggs (2 tbsp ground flax + 6 tbsp water) for a vegan version, though the cake will be slightly denser. For the chocolate swirl, if you're fresh out of chocolate chips, melt a bar with a little oil—just don't overheat it or it'll seize. The frosting is where you can get creative: add a pinch of cinnamon or a splash of almond extract for depth. And if you're feeling fancy, swap half the powdered sugar for confectioners' sugar for an extra-smooth finish.
This cake stays moist for 4-5 days if wrapped tightly in plastic and stored at room temperature. For longer storage, freeze the layers separately for up to 3 months—thaw overnight in the fridge before frosting. The frosting can be made a day ahead and kept in the fridge, just re-whip it briefly before spreading. Pro tip: Brush the cake layers with simple syrup (equal parts sugar and water, heated) before frosting—it adds extra moisture and makes the frosting stick better. Serve at room temperature for the best texture.
Why You'll Love This Recipe
- No Mixer Needed: I swear by this recipe when I’m in a rush—just mash those bananas with a fork, stir in the yogurt and oil, then fold in the flour. No electric appliances, no fuss, and the texture comes out perfectly moist every time.
- Rich Without Overpowering: That Greek yogurt keeps it light, but the brown sugar caramelizes just enough to give it a deep, almost fudgy undertone. Honestly? It’s the kind of cake that makes you forget it’s "healthy" (whatever that means).
- Breakfast or Dessert: Between us, I’ve served this cold with a drizzle of honey for breakfast and warm with ice cream for dessert—no judgment. The chocolate-yogurt combo works for both, and it’s the ultimate crowd-pleaser when you’re feeding everyone from kids to adults.
- Budget-Friendly Leftovers: A single batch feeds four, and the leftovers? They last days in the fridge without drying out. I’ll be real: I’ve reheated slices in the microwave and they taste just as good—plus, you’re using up ripe bananas before they spoil. Win-win.
Step-by-step instructions for banana chocolate yogurt cake
Here's how to create layers of moist banana cake with rich chocolate swirls and velvety frosting.
Mix Wet Ingredients for Perfect Texture
In a large mixing bowl, mash the 3 large ripe bananas until completely smooth - no lumps allowed. This ensures even distribution throughout the batter. Stir in the 1 cup Greek yogurt, 1.5 cups granulated sugar, and 0.75 cup vegetable oil until fully combined. The mixture should be thick but pourable, about the consistency of heavy cream.
Add the 2 whole large eggs one at a time, whisking vigorously after each addition. Then incorporate the 1 teaspoon vanilla extract and 1 teaspoon baking soda. The batter will lighten slightly as air gets incorporated - this is crucial for that tender, moist crumb we're after. Real talk: don't skip the baking soda, it's what makes this cake rise properly.
Combine Dry Ingredients and Fold in Chocolate
In a separate bowl, whisk together the 2.5 cups all-purpose flour and 0.5 teaspoon salt. Sift the flour mixture directly into the wet ingredients, then gently fold together using a spatula until just combined. You'll see some flour streaks - that's normal and prevents a dense cake.
Fold in the 1.5 cups dark chocolate chips using a rubber spatula. Be careful not to overmix - we want those chocolate pockets to stay intact for maximum flavor in every bite. The batter should be thick but still able to be scooped easily. Here's the thing - if your batter looks too thin, it's okay to let it sit for 10 minutes before baking as the flour will absorb more liquid.
Create the Chocolate Swirl Layer
In a small saucepan, combine the 0.5 cup cocoa powder, 0.25 cup milk, and 1 tablespoon granulated sugar. Cook over medium heat, stirring constantly, until the mixture thickens to a pudding-like consistency - about 3-4 minutes. This will be our decadent chocolate swirl layer.
Let this chocolate mixture cool for 5 minutes until it's spreadable but still warm. Spread about 1/3 of the regular batter into your prepared cake pans, then dollop spoonfuls of the chocolate mixture on top. Use a knife to swirl it gently through the batter, creating marbled patterns. Top with remaining regular batter, filling the pans about 2/3 full.
Bake to Golden Perfection
Preheat your oven to 350°F (175°C) and position racks in the upper and lower thirds. Bake the cakes for 25-30 minutes, or until a toothpick inserted in the center comes out clean. The edges should be golden brown but the tops may appear slightly underdone - that's normal with this moist batter.
For even baking, rotate the pans halfway through the baking time. Let the cakes cool in the pans for 10 minutes, then transfer to a wire rack to cool completely. This resting period prevents the cakes from sinking as they cool. I know it's tempting to frost immediately, but patience here ensures perfect layers.
Prepare the Buttery Frosting
In a medium bowl, beat the 1 cup cold unsalted butter until creamy. Gradually add the 3 cups powdered sugar, mixing on low speed until combined. Increase speed to medium and beat for 2-3 minutes until light and fluffy. Add the 1 teaspoon vanilla extract and beat for another 30 seconds.
The frosting should be smooth and pipeable. If it's too thick, add 1-2 tablespoons milk at a time until you reach the perfect consistency. Spread this frosting between the cake layers and on the outside, creating that classic layered cake appearance. The contrast between the moist cake and velvety frosting is what makes this recipe truly special.
Pro Tips For Making Banana Chocolate Yogurt Cake
- Mash Bananas First: I learned this the hard way—adding whole bananas to the batter means you’ll end up with a cake that’s dense and chewy in spots. Mash them thoroughly with a fork until smooth, then press through a fine-mesh strainer to remove excess liquid. This keeps the texture light and even.
- Use Room-Temperature Yogurt: Cold Greek yogurt makes the batter clump like lumpy glue, and the cake turns out gummy. Let yours sit out for 30 minutes before mixing—just until it’s cool to the touch but still pourable. Your future self will thank you.
- Don’t Overmix the Batter: I used to beat this like a pancake batter, thinking more mixing meant better results. Wrong. Stir just until the dry ingredients disappear—overmixing develops gluten, and you’ll end up with a cake that’s tough instead of tender.
- Add Chocolate Chips Last: If you’re using chocolate chips (and why wouldn’t you?), fold them in after the batter is mixed. This keeps them evenly distributed and melty, not clumped in one sad corner. Drop them in by hand—no need to measure, just eyeball it.
Creative variations of this recipe
Spiced Caramel Twist
Add ½ cup caramelized onions to the chocolate swirl mixture for a sweet, savory depth. Cook 1 large onion with 2 tbsp brown sugar and 1 tbsp butter until golden, then fold into the cocoa-milk mixture.
Top with toasted pecans for crunch. This variation works especially well with a salted caramel drizzle on top—trust me, the flavor explosion is worth it. 🌟
Nutella Swirl Upgrade
Swap the chocolate chips for 1 cup Nutella mixed with ½ cup melted butter. Spread this rich mixture between layers instead of the cocoa swirl. The result? A decadent, fudgy center that tastes like dessert heaven.
For extra indulgence, add crushed hazelnuts on top. This version feels like a treat but still keeps the cake's signature moisture. 💛
Lemon Zest Brightener
Zest 1 lemon and fold it into the regular batter for a citrusy contrast. The bright acidity cuts through the richness of the chocolate swirls beautifully. Pair this with a lemon glaze (powdered sugar + lemon juice) drizzled over the frosting.
It’s a refreshing twist that keeps the cake feeling light and summery. 🍋
Coffee-Chocolate Fusion
Add 1 tbsp instant espresso powder to the cocoa swirl mixture for a mocha-inspired depth. The coffee enhances the chocolate flavor without overpowering it. For contrast, sprinkle crushed chocolate-covered espresso beans on top. This version is perfect for coffee lovers who still want that classic banana cake experience. ☕
Peanut Butter Layers
Spread ½ cup peanut butter between the cake layers instead of frosting. Use a light creamy peanut butter (like Jif) for smoothness. Top with a thin layer of frosting and chopped peanuts for texture.
The peanut butter adds protein and a nutty richness that pairs perfectly with the chocolate swirls. This is a crowd-pleaser for those who love peanut butter-chocolate combos. 🥜
Seasonal Berry Swirl
Replace the chocolate swirl with a berry compote made from 1 cup mixed berries (strawberries, blueberries, raspberries) cooked with 2 tbsp sugar and 1 tsp lemon juice.
Swirl this into the batter before baking. The berries add natural sweetness and a pop of color. Top with fresh berries for a seasonal, fruity twist. 🍓
Nutrition facts
Frequently asked questions
Why does this cake stay so moist for days?
The secret is the combination of ripe bananas and Greek yogurt. The bananas add natural moisture and sweetness, while the yogurt creates a tender crumb that holds up to humidity. The vegetable oil also helps maintain that soft texture. For extra moisture, brush the cooled layers with simple syrup before frosting.
Can I make this cake in a single layer instead of two?
Use one 9x13-inch pan and bake for 30-35 minutes at 350°F. For a single layer, reduce the frosting to 1.5 cups and spread it evenly on top. The chocolate swirl will still work beautifully in this format. This version is perfect for quick gatherings or when you want a sheet cake.
What's the best way to store leftovers?
Wrap the frosted cake tightly in plastic wrap and store at room temperature for 3-4 days. For longer storage, freeze the unfrosted layers separately for up to 3 months. Thaw overnight in the fridge, then frost when ready. Keep the frosting in the fridge separately and re-whip before using. The cake stays freshest when protected from air exposure.
How do I fix a cake that's too dense? Overmixing or underbaking usually causes density.
Can I use this recipe for a vegan version?
Yes! Replace the Greek yogurt with 1 cup coconut yogurt and the eggs with 2 flax eggs (2 tbsp ground flaxseed + 6 tbsp water). Use vegan butter for the frosting and ensure your chocolate chips are dairy-free. The texture will be slightly denser but still delicious. For best results, let the batter rest for 15 minutes before baking.