Desserts
This banana chocolate yogurt cake delivers the perfect balance of moist banana layers and rich fudgy swirls—a dessert that feels indulgent yet simple to make. The secret lies in yogurt's tenderizing magic, which keeps the cake ultra-soft while the chocolate swirl adds depth without overpowering.
I've perfected this recipe over years of baking, ensuring every slice stays moist for days.
The recipe starts with ripe bananas mashed into the batter, adding natural sweetness and moisture, while Greek yogurt creates that signature tender crumb. A simple chocolate swirl made from melted chocolate and powdered sugar weaves through the layers, creating pockets of fudgy goodness in every bite.
It bakes in just 45 minutes at 350°F, making it ideal for weeknight desserts or special occasions.
What you'll end up with is a cake that's rich yet light, with a velvety texture that melts in your mouth. The chocolate swirls stay gooey in the center, offering a satisfying contrast to the cake's tender layers.
This recipe is foolproof—no fancy techniques required—just a few simple ingredients and patience for the best results.
Serve it warm with a scoop of vanilla ice cream or dusted with powdered sugar for an elegant finish. The versatility of this cake means it works for breakfast, dessert, or even a mid-afternoon treat. Let's get baking!
Ingredients for banana chocolate yogurt cake
Ripe bananas, velvety Greek yogurt, and rich chocolate chips create this decadent yet tender cake.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 large | Mashed to 1.5 cups |
| Plain Greek Yogurt 🥛 | 1 cup | Full-fat preferred |
| All-Purpose Flour 🌾 | 2 cups | Sifted, spooned lightly |
| Granulated Sugar 🍚 | 1 ½ cups | White or light brown |
| Baking Soda 🧂 | 1 tsp | Pure, not baking powder |
| Vanilla Extract 🍯 | 1 tbsp | Pure, not imitation |
| Unsalted Butter 🧈 | ½ cup | Melted, unsalted |
| Semisweet Chocolate Chips 🍫 | 1 cup | High-quality, 60% cocoa |
| Powdered Sugar 🍚 | ½ cup | For chocolate swirl |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Eggs 🥚 | 2 large | Room temperature |
| Vegetable Oil 🫒 | ¼ cup | For greasing pan |
The bananas are the star here—choose ones with black speckles for maximum sweetness and mash them until completely smooth. Fage or Chobani Greek yogurt delivers the best texture, but any full-fat variety works. For the chocolate swirl, Ghirardelli or Goya chocolate chips melt perfectly, creating those signature gooey pockets. The powdered sugar in the swirl needs to be sifted first to avoid lumps—trust me on this. If your butter is cold, microwave it for 20 seconds to just melt before mixing.
No Greek yogurt? Plain whole-milk yogurt works at the same quantity, but the texture will be slightly denser. Substituting bananas? Applesauce at 1:1 ratio keeps moisture but lacks sweetness. For a dairy-free version, unsweetened almond yogurt is your best bet, though the crumb will be lighter. The chocolate swirl can be made ahead—just keep it chilled until ready to use. If you're short on chocolate chips, chop a 4-ounce bar of chocolate instead. The baking soda is non-negotiable—it's what creates that signature tender crumb, so don't swap for powder.
This cake keeps beautifully for 5 days in an airtight container at room temperature, though the texture softens slightly after day 2. For longer storage, wrap tightly and refrigerate for up to 1 week. The chocolate swirl stays gooey when chilled, so it's perfect for making ahead. I always bake mine in a 9-inch round pan—it's foolproof for even layers. Serve at room temperature for the best texture, and if you're feeling fancy, dust with powdered sugar just before serving. The flavors actually improve overnight, so leftovers are a treat.
Why You'll Love This Recipe
- No Mixer Needed: The yogurt and mashed bananas blend together like a dream with just a fork—no stand mixer, no fuss. I’ve made this in a bowl while chatting on the phone, and the batter still comes out light and fluffy.
- Decadent Without Guilt: That rich chocolate flavor? It’s all from cocoa powder and ripe bananas—no heavy butter or oil. The Greek yogurt keeps it moist but light, so you get dessert vibes without the post-sugar crash.
- Weeknight Hero: This cake bakes in one bowl, then slides right into the oven—minimal cleanup, maximum satisfaction. (Yes, even on a Tuesday night when you’re too tired to measure dry ingredients.) Slice it warm, or save half for breakfast tomorrow.
- Budget-Friendly Indulgence: Uses pantry staples you already own—flour, sugar, baking soda—and turns overripe bananas into something magical. I’ve made this for birthdays, potlucks, and lazy Sundays, and it never feels like a splurge.
Step-by-step instructions for banana chocolate yogurt cake
Transform simple pantry staples into a decadent cake with layers of moisture and rich chocolate swirls.
Prepare the Chocolate Swirl and Prep Ingredients
In a small microwave-safe bowl, combine the 1 cup semisweet chocolate chips and 0.5 cup powdered sugar. Microwave in 20-second intervals, stirring between each, until fully melted and smooth. This creates the signature fudgy swirl that runs through the cake. Set aside to cool slightly while you prepare the batter.
While the chocolate mixture cools, measure out all remaining ingredients: 3 large ripe bananas (mashed to 1.5 cups), 1 cup plain Greek yogurt, 2 cups all-purpose flour, 1.5 cups granulated sugar, 1 tsp baking soda, 1 tbsp vanilla extract, 0.5 cup melted unsalted butter, 0.5 tsp salt, and 2 large eggs. Keeping everything ready prevents mid-recipe scrambling and ensures consistent mixing.
Mix Dry Ingredients and Combine Wet Components
In a medium bowl, whisk together the 2 cups all-purpose flour, 1.5 cups granulated sugar, 1 tsp baking soda, and 0.5 tsp salt. Sift the flour lightly to aerate it before mixing—this prevents dense layers. In a separate large bowl, combine the 1.5 cups mashed bananas, 1 cup Greek yogurt, 2 large eggs, 0.5 cup melted butter, and 1 tbsp vanilla extract. Whisk until smooth and fully incorporated.
Gradually add the dry ingredients to the wet mixture, folding gently with a spatula until just combined. Avoid overmixing—you should see a few small flour streaks remain. The batter should be thick but pourable. Gently fold in the cooled chocolate mixture, reserving about 2 tablespoons for drizzling later. The contrast of warm batter and cool chocolate creates beautiful marbled swirls when baked.
Layer and Bake for Perfect Texture
Preheat your oven to 350°F and grease two 8-inch round cake pans with 0.25 cup vegetable oil, then line the bottoms with parchment paper. Divide the batter evenly between the pans, pouring half into each. Use a spoon to create gentle swirls in each pan—this enhances the visual appeal and ensures even chocolate distribution.
Bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean with a few moist crumbs (not wet batter). Rotate the pans halfway through baking for even browning. The edges should be golden brown while the tops remain slightly domed. If the tops brown too quickly, loosely tent with foil after 15 minutes to prevent over-browning.
Cool and Assemble with Confidence
Remove the cakes from the oven and let them cool in the pans for 10 minutes, then transfer to a wire rack to cool completely. This gradual cooling prevents cracking and allows the chocolate swirl to set properly. Once fully cooled, use a serrated knife to level the tops if needed—dampening the knife with hot water makes this easier.
For assembly, place one cake layer on a serving plate and spread a thin layer of the reserved chocolate mixture. Top with the second layer, then drizzle the remaining chocolate evenly over the top. The contrast of moist cake and fudgy swirls creates a restaurant-quality finish. Serve at room temperature for the best texture—this allows the flavors to meld fully.
Pro Tips For Making Banana Chocolate Yogurt Cake
- Mash Bananas Like Ice Cream: The second you peel those bananas, smash them with a fork until they’re completely smooth—no lumps, no streaks. I learned this the hard way: even one tiny chunk of banana will make your cake dense and weirdly chewy. Trust me, the extra 30 seconds of mashing pays off with a tender crumb.
- Mix Yogurt Last: Add the Greek yogurt to the batter after everything else is combined, then stir just until it disappears. Dumping it in early makes the batter too thick too soon, and you’ll end up overmixing. The cake’s lightness depends on keeping the gluten relaxed—treat the yogurt like the final whisper, not the first shout.
- Test for Doneness Early: This cake’s trickier to judge than most—it’ll pull away from the edges but still feel slightly jiggly in the center. After 25 minutes, do the toothpick test: if it comes out clean but the cake still has a tiny wobble, that’s perfect. Overbaking turns it gummy, and no one wants a sad, dry banana cake.
- Upgrade with Brown Sugar: Swap half the granulated sugar for light brown sugar—it deepens the chocolate flavor and keeps the cake moist longer. I was skeptical until I tried it; now I can’t go back. The extra molasses in brown sugar makes the banana’s sweetness sing without needing more sugar. (Yes, even if you’re impatient like me.)
Troubleshooting this dish
Dense or Dry Cake
If your cake turns out dense or dry, it’s likely due to overmixing or insufficient moisture. I’ve found that overmixing develops gluten too much, making the texture tough. Mix just until combined—lumps are okay!
Also, ensure your bananas are ripe (black speckles) and Greek yogurt is full-fat for optimal moisture. If the batter seems too thick, add 1-2 tablespoons of milk to loosen it. 🥣
Uneven Chocolate Swirl
The chocolate swirl should be visible but not clumpy. If it looks uneven or sinks to the bottom, your chocolate mixture might have been too thick or the batter too warm when folding.
Let the chocolate cool for 5 minutes before mixing, and use a spoon to gently swirl the batter in the pans. For extra marbling, pipe the chocolate mixture in a zigzag pattern before baking. This ensures even distribution throughout.
Cake Sticks Together
A cake that sticks to the pan usually means the pan wasn’t greased or lined properly. Always use vegetable oil to grease two 8-inch round pans thoroughly, then line the bottoms with parchment paper.
If you’re in a rush, a light dusting of flour on the parchment can help too. For extra insurance, I like to spray the pans with cooking spray after greasing. This prevents sticking every time. 🧂
Cake Collapses or Cracks
Cakes collapse when baked too long or cooled too quickly. Remove the cake from the oven when a toothpick comes out with moist crumbs (not wet batter), and let it cool in the pan for 10 minutes before transferring.
If cracks form, it’s often due to overbaking—keep an eye on the oven temp and use an oven thermometer to confirm it’s at 350°F. For a foolproof finish, chill the cake for 30 minutes before slicing to set the layers.
Chocolate Swirl Too Hard
If the chocolate swirl sets too firm, the mixture might have cooled too much before baking. The ideal temp is warm but not melted when folded into the batter. For a gooey center, ensure the chocolate chips are high-quality (60% cocoa) and melted with powdered sugar (not cornstarch).
If it’s still too hard, microwave the swirl for 5 seconds before assembling the cake to soften it slightly. 🍫
Baking Time Issues
Ovens vary, so if your cake bakes faster or slower than 25-30 minutes, adjust accordingly. A toothpick test is key—insert it into the center and check for moisture. If the top browns too quickly, tent with foil after 15 minutes to prevent over-browning.
For even baking, rotate the pans halfway through. If your cake is underbaked, return it to the oven for 5-10 minutes at 325°F to finish cooking gently. ⏱️
Nutrition facts
Frequently asked questions
Why does this cake need Greek yogurt?
Greek yogurt is the secret to this cake's signature tender crumb. It replaces some of the butter while adding moisture and protein, which creates a lighter texture compared to traditional cakes. The acidity also helps balance the sweetness of the bananas and chocolate. For a similar effect, use full-fat plain yogurt—just expect a slightly denser result.
Can I make this cake in a single layer instead of two?
Use a 9-inch round pan and bake for 35-40 minutes at 350°F. For extra decadence, drizzle the chocolate swirl on top before baking or spread it between layers if you prefer a taller cake. The single-layer version works great for smaller gatherings or when you want generous slices.
How do I make this recipe vegan?
Replace the Greek yogurt with unsweetened almond yogurt (same quantity) and swap the butter for vegan butter or coconut oil. Use flax eggs (1 tbsp ground flaxseed + 3 tbsp water per egg) and ensure your chocolate chips are dairy-free. The texture will be slightly lighter but still delicious. For extra moisture, add 2 tablespoons of applesauce to the batter.
What's the best way to store leftovers?
Wrap the cake tightly in plastic wrap or store in an airtight container at room temperature for up to 5 days. For longer storage, refrigerate for 1 week—the chocolate swirl stays gooey when chilled. To revive slices, warm them in the microwave for 10-15 seconds or at 300°F for 5 minutes. The flavors actually improve overnight!
Can I substitute bananas with another fruit?
While bananas add natural sweetness and moisture, you can try mashed applesauce (1:1 ratio) or pumpkin puree (for a fall twist). For tropical flavors, swap in mashed mango or pineapple (reduce other liquids by 2 tablespoons to account for extra moisture). The cake will be less sweet, so consider adding 1-2 tablespoons of honey to the batter.