Banana Chocolate Yogurt Cake Recipe: Moist Layers with Vanilla Yogurt Magic

This banana chocolate yogurt cake delivers the perfect balance of rich cocoa and tender, moist layers—all thanks to the secret ingredient: vanilla yogurt. 💛 I developed this recipe after years of baking dense, dry chocolate cakes, and the yogurt transformation is nothing short of magical.

The key lies in its ability to tenderize the crumb while keeping it incredibly moist, even after cooling.

The beauty of this recipe is its simplicity—no fancy techniques, just a few quality ingredients that come together effortlessly. You'll start with ripe bananas (the riper, the better) and Greek yogurt for that signature moist texture, then fold in cocoa powder for deep chocolate flavor.

The result? A cake that's rich enough to satisfy chocolate cravings but light enough to feel indulgent, not heavy.

What makes this cake truly special is how it bakes up with a moist, velvety crumb that stays tender for days. The yogurt creates a subtle tang that cuts through the sweetness, while the chocolate adds depth without overpowering.

It's the kind of dessert that disappears quickly—perfect for birthdays, potlucks, or a simple weekend treat.

For added flair, top with a dusting of powdered sugar or a drizzle of melted chocolate, but honestly, the cake shines on its own. Let's get baking—this recipe is foolproof and delivers every time.

Ingredients for banana chocolate yogurt cake

Quality ingredients transform ordinary baking into velvety chocolate perfection through yogurt's tenderizing magic.

The Greek yogurt is non-negotiable here—full-fat yields the richest texture, while plain avoids flavor competition. Fage or Siggi's from the dairy aisle deliver consistent results, but any thick, creamy yogurt works. For the bananas, blackened spots indicate perfect ripeness—mash thoroughly to eliminate lumps. The cocoa powder should be Dutch-processed (like Hershey's Special Dark) for smoother flavor. Store your bananas at room temperature until fully ripe, then refrigerate to slow further ripening. For chocolate chips, Ghirardelli or Lindt provide superior melt-in-your-mouth quality, though store-brand works in a pinch.

No Greek yogurt? Plain yogurt thinned with 2 tbsp milk suffices, though texture may be slightly lighter. Swap brown sugar for white if needed, but reduce by 0.25 cup to maintain moisture. The walnuts can be omitted entirely or replaced with pecans for a different texture. For a deeper chocolate flavor, increase cocoa powder to 1 cup and reduce flour by 0.25 cup. If your chocolate chips are stale, melt and cool them first for better distribution. The vanilla extract should be pure—imitation extracts often contain artificial flavors that disrupt the delicate balance. For a vegan version, substitute coconut yogurt and ensure your chocolate chips are dairy-free.

This cake stays moist for 4-5 days when stored in an airtight container at room temperature, or up to 1 week refrigerated. For longer storage, freeze slices for up to 3 months—thaw at room temperature before serving. The powdered sugar topping should be applied immediately after baking while the cake is still warm. To prevent drying, cover tightly with plastic wrap if storing longer than 2 days. For best results, bake and serve the same day—freshness is key to that signature velvety crumb. Portion into individual slices for easy serving at gatherings.

Step-by-step instructions for banana chocolate yogurt cake

Master this rich, moist cake with layers of chocolate intensity and tender crumb.

In a medium bowl, mash the 2 whole ripe bananas until completely smooth with no lumps—this ensures even distribution of moisture. The bananas should be very ripe, with brown speckles throughout, for maximum sweetness and natural sugar content.

Add the 1 cup Greek yogurt, 0.5 cup vegetable oil, and 1.5 cups granulated sugar. Stir until fully combined, creating a thick, creamy mixture. This wet base forms the foundation of the cake's signature moist texture, with the yogurt adding protein for structure and the oil creating a tender crumb.

In a separate large bowl, whisk together the 2 cups all-purpose flour, 0.75 cup unsweetened cocoa powder, 1 tsp baking soda, and 0.5 tsp salt. Sift the dry ingredients directly into the bowl to prevent clumping—this ensures an even distribution of leavening agents throughout the batter.

Gradually pour the dry mixture into the wet ingredients while gently folding with a spatula. Mix just until combined—overmixing develops gluten and creates a tough cake. Fold in the 1 cup dark chocolate chips and 0.5 cup chopped walnuts, distributing them evenly throughout the batter. The walnuts add a satisfying crunch contrast to the tender cake.

Preheat your oven to 350°F and grease two 8-inch round cake pans with vegetable oil or line them with parchment paper. Divide the batter evenly between the pans, spreading it out to create level tops. Bake for 25-30 minutes until a toothpick inserted in the center comes out clean with just a few moist crumbs clinging to it.

Here's the key: The cake should be just slightly underdone when you remove it from the oven—it continues cooking as it cools. Let the cakes cool in their pans for 10 minutes before transferring to a wire rack to cool completely. This gradual cooling prevents cracking and maintains that signature moist texture promised in the title.

Once completely cooled, place one cake layer on a cake stand or plate. In a separate bowl, combine the 0.25 cup powdered sugar with 2 tsp vanilla extract and 1-2 tablespoons of milk (or reserved yogurt) to create a light vanilla glaze. Spread this evenly over the first layer.

Place the second layer on top and gently press down. The glaze will create a subtle sheen and add just enough sweetness to complement the rich chocolate flavor. Dust the top with additional powdered sugar if desired, or garnish with extra chocolate shavings and chopped walnuts for presentation. Serve at room temperature for the best texture contrast between the moist cake and crunchy toppings.

Troubleshooting great banana chocolate yogurt cake

Dense or Dry Cake

If your cake turns out dense or dry, it’s likely due to overmixing the batter or using flour that’s too old. The yogurt’s moisture depends on proper hydration—ensure your Greek yogurt is thick and full-fat.

For a lighter texture, sift the all-purpose flour thoroughly and fold it gently into the wet ingredients. If the cake seems dry after baking, try adding 1 tbsp extra vegetable oil to the batter next time. 💫

Cracked Top

Cracks often appear when the cake cools too quickly. To prevent this, let the cake cool in the pan for 10-15 minutes before transferring to a wire rack. Avoid opening the oven door too soon—temperature fluctuations cause cracks.

If cracks do appear, cover them with a thin layer of chocolate ganache or powdered sugar to disguise them.

Soggy Bottom

A soggy bottom is usually caused by overbaking or using too much liquid. Stick to the 25-30 minutes bake time and check for doneness with a toothpick—it should come out with a few moist crumbs, not wet batter.

If your pan isn’t well-greased, the cake may stick and absorb excess moisture. Use parchment paper or a light coating of vegetable oil to ensure even heat distribution.

Flat Cake Layers

Flat layers often result from an uneven distribution of batter or insufficient leavening.

Chocolate Taste Too Bitter

If the chocolate flavor is overpowering, your cocoa powder might be too strong or you used too much. Stick to Dutch-processed cocoa powder (like Hershey’s Special Dark) and measure carefully. Balance the richness by adding 1 tbsp extra vanilla extract or a pinch of sea salt to enhance sweetness. For a smoother flavor, reduce the cocoa powder to ⅔ cup and increase the flour by ⅓ cup.

Yogurt Separation

If your yogurt separates during mixing, it’s likely too thick or old. Use cold Greek yogurt straight from the fridge and stir it gently into the wet ingredients. For extra insurance, whisk the yogurt with the vegetable oil first to emulsify it before adding other liquids.

If separation still occurs, strain the yogurt through a fine-mesh sieve to remove any liquid whey.

Frequently asked questions