Desserts
This banana chocolate yogurt cake recipe delivers the perfect balance of moist, tender layers and rich cocoa flavor—without needing extra eggs or oil. The secret? A clever coffee boost that enhances chocolate depth while keeping the texture impossibly soft.
I developed this recipe after years of testing banana cakes, and this version finally cracked the code for a cake that stays moist for days.
The foundation starts with ripe bananas mashed into the batter, which adds natural sweetness and moisture, while Greek yogurt creates that signature tender crumb. Dark chocolate chunks melt into every bite, creating pockets of gooey goodness, and a touch of instant coffee powder deepens the chocolate flavor without any bitterness.
The result is a cake that’s perfect for breakfast, dessert, or an afternoon pick-me-up.
Baking is straightforward—just mix, pour, and bake at 350°F for 30-35 minutes—but the real magic happens in the layering. The wet ingredients blend smoothly with the dry, and the yogurt keeps the texture light and airy.
Once cooled, the cake holds its shape beautifully, making it ideal for slicing or serving whole with a dusting of powdered sugar.
Serve with whipped cream, a drizzle of chocolate ganache, or fresh berries for extra flair. This recipe is vegetarian-friendly (just ensure your chocolate and yogurt meet dietary needs) and comes together in under 20 minutes of prep—perfect for busy weeknights or special occasions. Let’s get baking!
Ingredients for banana chocolate yogurt cake
Ripe bananas, rich chocolate, and velvety yogurt create this ultra-moist cake with a hidden coffee twist.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 large | Mashed to 1.5 cups |
| 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 |
| Dark Chocolate Chunks 🍫 | 1 ½ cups | 70% cocoa minimum |
| Instant Coffee Powder ☕ | 1 tbsp | Enhances chocolate flavor |
| Baking Soda 🧂 | 1 tsp | Freshly opened |
| Vanilla Extract 🌿 | 2 tsp | Pure, not imitation |
| Unsalted Butter 🧈 | ½ cup | Melted, cooled slightly |
| Powdered Sugar 🍚 | ¼ cup | For dusting |
| Salt 🧂 | ½ tsp | Diamond Crystal preferred |
| Almond Extract 🌿 | ½ tsp | Optional but recommended |
The bananas are the star—look for ones with black spots and soft centers, which means they're perfectly ripe. Trader Joe's or local markets usually have the best selection. The Greek yogurt needs to be full-fat for that tender crumb, and I always grab Fage or Siggi's from the refrigerated section. Dark chocolate chunks should be at least 70% cocoa—the higher the better. If you can't find them, chop up a high-quality chocolate bar yourself. The instant coffee powder is key—it deepens the chocolate flavor without any bitterness, and Starbucks or Folgers brands work perfectly.
No ripe bananas? Unripe bananas work if you bake them first—place them in a paper bag with an apple for a day, and they'll ripen up. Swapping yogurt? Sour cream at the same amount gives a similar texture. Out of dark chocolate? Chocolate chips or chopped semi-sweet chocolate will work in a pinch. The almond extract is optional but adds a lovely depth—if you skip it, just add an extra half teaspoon of vanilla. For the coffee, if you only have ground coffee, measure out about 1 teaspoon and use that instead. The butter must be melted and cooled slightly to avoid activating the baking soda too early.
This cake keeps beautifully—3 days in an airtight container at room temperature or 1 week in the fridge. For extra moisture, brush the top with simple syrup after baking. The chocolate chunks stay gooey when stored properly, so don't refrigerate the whole cake unless you're serving it within a day. I always make a double batch—one for now and one to freeze for 3 months. Wrap tightly in plastic wrap and aluminum foil to keep it fresh.
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 flour and yogurt. The yogurt does all the heavy lifting, blending everything into a smooth batter without a single lump. Honestly, I’ve made cake batters that took 10 minutes of folding and scraping; this one’s done in three.
- Melty Chocolate Magic: That first bite? Warm cake, creamy yogurt, and dark chocolate chunks that haven’t quite melted enough to disappear—just enough to make you pause mid-chew. I’ll be real: I’ve made cakes where the chocolate sinks or turns into a sad puddle. Not here. The chunks stay just firm enough to hold their shape while still delivering pure cocoa payoff.
- Breakfast or Dessert: Here’s what sold me—this cake works for both. Serve it warm with a drizzle of honey for a quick breakfast when you’re in a rush, or top it with whipped cream for a dessert that feels fancy but costs pennies. My kids ask for it after school snacks, and my husband saves slices for his midnight cravings. No judgment here.
- Pantry-Proof & Foolproof: Between us, this recipe uses ingredients you already own or can grab for under $10. No specialty flours, no weird substitutions—just bananas you’d toss anyway, a tub of yogurt, and chocolate you’d buy for guilt-free indulgence. And the best part? It keeps well for days, so you can bake once and enjoy it all week. No sad, dried-out cake here.
Step-by-step instructions for banana chocolate yogurt cake
Here's how to create a decadent yet tender cake with layers of chocolatey richness and a subtle coffee depth.
Prepare the Banana Mixture
In a large mixing bowl, mash the 3 large ripe bananas until completely smooth—no lumps should remain. This step is crucial for even texture. Add the 1 cup Greek yogurt, 1.5 cups granulated sugar, 2 teaspoons vanilla extract, and 0.5 teaspoon almond extract. Stir vigorously for 2 minutes until the sugar fully dissolves and the mixture becomes thick and glossy.
Next, whisk in the 0.5 cup melted unsalted butter (cooled slightly) and 1 tablespoon instant coffee powder. The coffee enhances the chocolate flavor while adding depth. Let this mixture sit for 5 minutes while you prepare the dry ingredients—this resting time helps the flavors meld beautifully.
Combine Wet and Dry Ingredients
In a separate bowl, sift together the 2 cups all-purpose flour, 1 teaspoon baking soda, and 0.5 teaspoon salt. This sifting ensures a light, airy texture without dense pockets. Gently fold the dry ingredients into the banana mixture in three additions, mixing just until combined after each addition. Overmixing develops gluten, which can make the cake tough.
Fold in the 1.5 cups dark chocolate chunks by hand using a spatula. Distribute them evenly throughout the batter—you want pockets of chocolate in every bite. The batter will be thick but manageable. Here's the thing—don't worry if it looks too dense. The Greek yogurt and ripe bananas work together to create moisture that keeps this cake tender even after baking.
Bake to Golden Perfection
Preheat your oven to 350°F and grease two 8-inch round cake pans with butter or line them with parchment paper. Divide the batter evenly between the pans and smooth the tops with a spatula. Bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean. The edges should be golden brown, but the tops might look slightly underdone—that's okay.
I like to check the cake at the 22-minute mark because ovens vary. If the edges brown too quickly, tent the pans with foil. The cake will continue cooking after you remove it from the oven, so pull it out when it's just slightly underdone. Let the cakes cool in the pans for 10 minutes before transferring to a wire rack to cool completely.
Assemble with Chocolate Dusting
Once the cakes are completely cool, place one layer on a serving plate and spread a thin layer of 0.25 cup powdered sugar mixed with 1 tablespoon water to create a light glaze. This keeps the layers from becoming soggy while adding a delicate sweetness. Place the second layer on top and dust the entire cake generously with the remaining powdered sugar. The sugar creates a beautiful, snowy finish that contrasts with the rich chocolate.
Slice into 8 equal portions and serve immediately. The cake will be moist with a tender crumb, and each bite will deliver layers of banana sweetness, chocolate intensity, and that subtle coffee note that ties it all together. Store leftovers in an airtight container for up to 3 days, but I promise you won't have any leftovers!
Pro Tips For Making Banana Chocolate Yogurt Cake
- Mash Bananas Thoroughly: I learned this the hard way—lumpy banana puree means uneven texture. Use a fork first to break them up, then press through a mesh strainer or blend briefly for a smooth batter that blends better with the yogurt.
- Measure Yogurt After Straining: Thick Greek yogurt leaves lumps if you scoop straight from the tub. Drain it in a sieve for 5 minutes first, then measure—this keeps the cake tender without soggy pockets.
- Bake Until Springy, Not Dry: This cake’s done when the edges pull away but the center still jiggles slightly. Overbaking turns it dense; check at 2-3 minutes before the recipe’s suggested time.
- Swap Half the Sugar for Brown: The extra molasses deepens the chocolate flavor and keeps the cake moist longer. Use 1/4 cup brown + 1/4 cup white sugar—trust me, it’s worth the swap.
Dietary considerations for this banana chocolate yogurt cake
Gluten-Free Adaptation
Swap the all-purpose flour for a 1:1 gluten-free baking flour blend like Bob’s Red Mill or King Arthur. These blends include xanthan gum, which mimics gluten’s structure for a tender crumb. Use 2 cups of the blend and add ½ teaspoon extra baking soda to compensate for lower protein content.
For best results, let the batter rest for 10 minutes before baking to help the flour absorb moisture. 💫
Dairy-Free Options
Replace the Greek yogurt with 1 cup full-fat coconut yogurt (like So Delicious brand) for a creamy texture. For the butter, use ½ cup coconut oil (melted and cooled) or dairy-free butter like Earth Balance.
The chocolate chunks remain unchanged, but check labels to ensure they’re dairy-free if needed. The cake will still be moist but slightly denser.
Vegan Variations
For a fully vegan version, use 1 cup unsweetened applesauce or flax eggs (1 tbsp ground flaxseed + 3 tbsp water per egg). Replace the Greek yogurt with 1 cup vegan yogurt (like Silk brand) and the butter with ½ cup vegan butter.
The baking soda remains the same, but add 1 tsp apple cider vinegar to the wet ingredients for lift. The coffee powder stays, but ensure it’s vegan-certified.
Lower Sugar Swaps
Reduce the granulated sugar to 1 cup and replace the remaining ½ cup with mashed dates (soaked in warm water for 10 minutes) or maple syrup. For the powdered sugar glaze, use ½ cup powdered monk fruit sweetener mixed with 1 tbsp water.
The cake will still be sweet but with natural alternatives. Test doneness at 20 minutes—it may bake faster with less sugar.
Nut-Free Adjustments
Skip the almond extract entirely and increase the vanilla extract to 3 teaspoons for depth. If using a nut-free chocolate, verify it’s processed in a nut-free facility. The rest of the ingredients remain unchanged.
The flavor stays rich, but the subtle nutty note is removed. This version works well for those with nut allergies while keeping the cake’s signature moisture.
Nutrition facts
Frequently asked questions
Can I use regular yogurt instead of Greek yogurt?
Yes, but the texture will be slightly less tender. Use 1.25 cups of regular yogurt (plain, full-fat) to account for its higher water content. For best results, stir it vigorously to prevent separation in the batter. The cake will still be moist, but Greek yogurt's thicker consistency creates that signature velvety crumb.
Why does my cake taste bitter?
Overbaking or using too much dark chocolate can cause bitterness. Check your oven temperature with a thermometer—it should read 350°F. Also, ensure your chocolate chunks are at least 70% cocoa; higher percentages add more intensity. For milder flavor, reduce the chocolate to 1 cup and add ¼ cup extra sugar.
How do I make this cake single-layer?
Use a 9-inch round pan instead of two 8-inch pans. Divide the batter evenly and bake for 30-35 minutes. The single layer will be thicker but still moist. For a cake stand effect, chill the pan on ice for 5 minutes after baking, then invert onto a wire rack to release any excess steam.
Can I add nuts or fruit to this recipe?
Fold in ½ cup chopped walnuts or pecans (toasted) for crunch, or ½ cup diced strawberries (tossed in flour) for freshness. Add them with the chocolate chunks in Step 2. For extra moisture, reduce the flour by 2 tablespoons if adding wet ingredients like fruit. Avoid overmixing to keep the texture light.
Why is my cake dry?
Dry cake usually means overbaking or using unripe bananas. Check for doneness at 25 minutes—the center should be slightly jiggly. For extra moisture, brush the warm cake with 2 tablespoons simple syrup (equal parts sugar and water, heated until dissolved) while still in the pan. Store leftovers in an airtight container with a slice of bread to retain freshness.