I think a good banana cake should always feel like a warm hug, and this recipe delivers exactly that. The aroma that fills your kitchen while it bakes is almost as good as the first bite, and the combination of a tender crumb with a luxurious, gooey coconut dulce de leche swirl makes it truly special. This easy moist banana cake recipe takes the classic favorite up a notch. Itโs simple enough for a weeknight bake, but impressive enough for a family gathering or brunch, and a fantastic way to use up those extra-ripe bananas on your counter. This specific moist banana cake recipe relies on full-fat yogurt to ensure an incredibly tender crumb and rich flavor every time.

Ingredients
Hereโs what youโll need to make this delicious moist banana cake recipe, broken down by component:
Coconut Dulce de Leche Swirl Base:
- Sweetened Condensed Milk (1 can / 397g / 14 oz): This forms the foundation of our rich, creamy swirl.
- Full-Fat Coconut Milk (60 ml / 1/4 cup): Use full-fat coconut milk (from a can) for the best richness and flavor; shake the can before measuring.
- Pinch of Salt: Enhances the caramel notes and balances the sweetness.
Dry Ingredients:
- All-Purpose Flour (250g / 2 cups): Standard all-purpose flour works perfectly for a tender crumb.
- Baking Soda (10g / 2 teaspoons): The leavening agent responsible for giving the cake its lift and soft texture.
- Ground Cinnamon (5g / 1 teaspoon) and Salt (2g / 1/2 teaspoon): Adds warmth and balances the sweetness of the bananas and swirl.
Wet Ingredients and Fats:
- Unsalted Butter (115g / 1/2 cup), softened: Ensures a rich texture; make sure it’s at room temperature to cream properly with the sugar.
- Granulated Sugar (180g / 3/4 cup + 2 tablespoons): Provides sweetness and helps create a tender crumb; adjust slightly depending on banana ripeness.
- Large Eggs (2), at room temperature: Helps bind the ingredients and add structure and richness; room temperature eggs incorporate more easily.
Flavor and Moisture Boosters:
- Ripe Bananas (3 large / about 350-400g / 12-14 oz peeled): The darker the spots, the better the flavor; mash them well, leaving only a few small lumps.
- Full-Fat Plain Yogurt or Sour Cream (120ml / 1/2 cup): The acidity reacts with the baking soda and adds moisture for a super tender cake. I often use sour cream if that’s what’s in the fridge; both work perfectly to make this a very moist banana cake.
- Alcohol-Free Vanilla Extract (5ml / 1 teaspoon): Enhances the sweetness and adds depth of flavor.
Toppings (optional):
- Unsweetened Shredded Coconut (30g / 1/4 cup), lightly toasted: Used as a finishing touch for added texture and coconut flavor.
- Extra Coconut Dulce de Leche: Used for drizzling on top after baking; save a small amount before swirling or prepare extra.
Optional (plan-ahead): If youโre shopping for the week, I put this into a 4-Week Meal Plan + Grocery Lists so dinnerโs already decided before your day gets busy.
Instructions
Follow these steps closely for a perfectly textured, incredibly moist banana cake with a beautiful swirl.
Prepare the Coconut Dulce de Leche Swirl
In a medium saucepan, combine the sweetened condensed milk, coconut milk, and pinch of salt. Heat over medium-low, stirring constantly, for 15-20 minutes until the mixture thickens significantly and turns a deep golden-brown color. It should be thick enough to coat the back of a spoon. Remove from heat and set aside to cool slightly. It will continue to thicken as it cools.
Preheat Oven and Prepare Pan
Preheat your oven to 175ยฐC (350ยฐF) for proper baking temperature. Lightly grease and flour a 23 x 13 cm (9 x 5 inch) loaf pan, or line with parchment paper for easy removal. Make sure to leave an overhang on the long sides if using parchment paper. This simple step saves so much trouble when taking the finished cake out.
Mix Dry Ingredients and Cream Butter and Sugar
In a medium bowl, whisk together the all-purpose flour, baking soda, ground cinnamon, and salt until evenly distributed. In a large bowl, using an electric mixer, cream together the softened unsalted butter and granulated sugar until light and fluffy (about 2-3 minutes). Beat in the eggs one at a time, incorporating each fully before adding the next, then mix in the alcohol-free vanilla extract.
Add Bananas and Yogurt
Mash the ripe bananas with a fork until mostly smooth, leaving a few small lumps for texture. Stir the mashed bananas and full-fat plain yogurt into the wet ingredients until just combined. Be careful not to overmix at this stage; just combine.
Combine Wet and Dry Batters
Gradually add the dry ingredients to the wet ingredients, mixing on low speed or by hand until just combined and no streaks of flour remain. Stop mixing as soon as the flour disappears; overmixing develops gluten and results in a dense, tough cake. The batter will be thick and heavy.
Assemble the Swirl Cake
Pour about one-third of the banana cake batter into the prepared loaf pan. Dollop about one-third of the cooled (but still pourable) coconut dulce de leche over the batter. Using a knife or skewer, gently swirl the dulce de leche into the batter a few times, being careful not to overmix the two layers completely. Repeat this process with another third of the batter and dulce de leche, then finish with the remaining batter and dulce de leche on top, swirling one last time.
Bake and Check for Doneness
Bake for 55-65 minutes, or until a wooden skewer inserted into the center of the cake comes out with moist crumbs attached, but no wet batter. If the top begins to brown too quickly, tent loosely with aluminum foil for the remaining bake time to ensure the cake bakes evenly in the center. The internal swirl may appear wet, but ensure the surrounding cake batter is cooked through. This moist banana cake recipe takes slightly longer to bake due to the added moisture from the bananas and swirl.
Cool and Serve
Let the cake cool in the pan for 15 minutes before carefully lifting it out by the parchment paper overhang and transferring it to a wire rack to cool completely. Once cool, drizzle any remaining coconut dulce de leche evenly over the top of the cake. Serve sliced, allowing the internal swirl to be visible, optionally with extra toasted coconut sprinkled on top. This finished moist banana cake is perfect for breakfast or dessert.
Tips for Achieving the Ultimate Moist Texture
The secret to achieving an incredibly tender and rich crumb in this moist banana cake recipe lies in a few simple techniques. Pay attention to ingredient temperature and mixing method for the best results.
Use Overripe Bananas
Using bananas that are extremely ripe (dark spots, very soft) is the key to this moist banana cake recipe. They provide natural sweetness and moisture, reducing the need for excess fat and sugar. If your bananas aren’t ripe enough, roast them in their peels on a baking sheet at 175ยฐC (350ยฐF) for 15-20 minutes until black for a similar result. The natural sugars caramelize, intensifying the banana flavor significantly. I always keep a few dark bananas in the freezer for exactly this type of family-friendly baking.
Don’t Overmix the Batter
Overmixing develops gluten, which leads to a dense, tough texture instead of a soft, moist crumb. When combining the wet and dry ingredients, mix just until the flour streaks disappear, then stop. Lumps are okay and actually contribute to tenderness. The final batter should still be thick and slightly lumpy, ensuring a delicate texture.
Use Full-Fat Yogurt or Sour Cream
The acidity in the yogurt reacts with the baking soda, resulting in a lighter, more tender texture. The fat content also contributes to a richer, moister result. Never substitute with non-fat yogurt or milk; the higher fat content is crucial for achieving the perfect moist banana cake recipe texture.

Ingredient Swaps and Variations
This recipe is adaptable to different dietary needs and baking pan preferences. Here are some simple adjustments for this family-friendly treat.
Dairy-Free Option
To make this recipe completely dairy-free, use a dairy-free yogurt alternative (like coconut yogurt or almond milk yogurt) in place of the plain yogurt or sour cream. For the butter, swap with a plant-based butter alternative that has a similar fat content and melting point. Ensure the sweetened condensed milk used for the swirl is coconut-based condensed milk (available in most supermarkets).
Baking Pan Variations
This recipe can be made as cupcakes (adjust baking time to ~20-25 minutes) or a bundt cake. For a bundt cake, increase the baking time to 60-70 minutes and ensure you generously grease the intricate pan. A larger 9×13 pan will result in a flatter, shorter cake with a shorter baking time (approx. 30-35 minutes).
Adding Chocolate Chips
For an extra level of indulgence, fold 1/2 cup of chocolate chips into the banana cake batter before pouring. This works particularly well with the coconut dulce de leche swirl. You can use semi-sweet or dark chocolate chips.
FAQs
Q: Can I make the coconut dulce de leche ahead of time?
A: Yes, you can prepare the coconut dulce de leche up to 3 days in advance. Store it in an airtight container in the refrigerator and reheat gently (or microwave) to make it pourable before swirling.
Q: How do I store the finished moist banana cake?
A: Store the cake in an airtight container at room temperature for up to 3 days, or refrigerate for up to 5 days. For longer storage, freeze slices wrapped tightly in plastic wrap for up to 3 months. To reheat, thaw overnight and warm in the oven at 175ยฐC (350ยฐF) for 5-10 minutes.
Q: Why did my cake sink in the middle?
A: The most common reasons are overmixing, inaccurate ingredient measurements (especially baking soda), or opening the oven door too early during baking. Ensure ingredients are measured accurately and avoid opening the oven before the last 15 minutes of baking. Also, make sure your baking soda is fresh, as old leavening agents lose their potency.
Q: Can I use different types of sugar?
A: Granulated sugar provides the best structure here, but you can substitute brown sugar for a richer, more caramel-like flavor. If using brown sugar, note that it may make the cake slightly denser. For a healthier eating option, I sometimes reduce the sugar by 1/4 cup when the bananas are extra ripe; this still results in a delicious moist banana cake recipe.
Q: What is the best way to get the cake out of the pan without breaking it?
A: Use parchment paper as described in the instructions; let the cake cool for at least 15 minutes in the pan before lifting it out. This allows the cake to firm up slightly before handling. If you skipped the parchment paper, run a knife around the edges before inverting it onto a cooling rack.
Q: Can I make this moist banana cake recipe gluten-free?
A: Yes, you can substitute a high-quality 1:1 gluten-free baking blend for the all-purpose flour. Make sure the blend contains xanthan gum, or add 1/4 teaspoon for structure. This swap works well for creating a family-friendly gluten-free version of this recipe.
Conclusion
This moist banana cake recipe with coconut dulce de leche swirl is more than just a cake; it’s a guaranteed crowd-pleaser and a perfect way to use up those ripe bananas. The combination of the rich swirl and tender crumb makes it truly irresistible, whether for breakfast or dessert. Try making a double batch this weekend to share with friends, or freeze a loaf for a future treat; save this healthy eating recipe to Pinterest now so you can make it for your next family gathering.
Print
moist banana cake recipe
- Total Time: 90 minutes
- Yield: 1 loaf (8 servings) 1x
- Diet: General
Description
This moist banana cake recipe features a gooey coconut dulce de leche swirl, combining a tender crumb with rich flavor. Itโs simple enough for a weeknight bake and perfect for using overripe bananas.
Ingredients
- 1 can (14 oz) sweetened condensed milk
- 0.25 cup full-fat coconut milk
- Pinch of salt
- 2 cups all-purpose flour
- 2 tsp baking soda
- 1 tsp ground cinnamon
- 0.5 tsp salt
- 0.5 cup unsalted butter, softened
- 0.75 cup + 2 tbsp granulated sugar
- 2 large eggs, room temperature
- 3 large ripe bananas, mashed
- 0.5 cup full-fat plain yogurt or sour cream
- 1 tsp vanilla extract
- 0.25 cup unsweetened shredded coconut, lightly toasted (optional)
- Extra coconut dulce de leche (optional)
Optional (plan-ahead): If youโre shopping for the week, I put this into a 4-Week Meal Plan + Grocery Lists so dinnerโs already decided before your day gets busy.
Instructions
- Prepare the Coconut Dulce de Leche: In a medium saucepan, combine sweetened condensed milk, coconut milk, and a pinch of salt. Heat over medium-low, stirring constantly for 15-20 minutes until the mixture thickens and turns a deep golden-brown color. Remove from heat and set aside to cool slightly.
- Prepare Oven and Pan: Preheat oven to 350ยฐF (175ยฐC). Lightly grease and flour a 9×5 inch loaf pan, or line it with parchment paper for easy removal.
- Mix Dry Ingredients and Cream Fats: Whisk together the flour, baking soda, ground cinnamon, and salt in a medium bowl. In a large bowl, cream together the softened butter and granulated sugar using an electric mixer until light and fluffy (2-3 minutes). Beat in the eggs one at a time, followed by the vanilla extract.
- Combine Wet Ingredients: Stir the mashed bananas and full-fat plain yogurt into the wet mixture until just combined. Be careful not to overmix at this stage.
- Combine Wet and Dry Batters: Gradually add the dry ingredients to the wet ingredients, mixing on low speed until just combined and no streaks of flour remain. Avoid overmixing, as this results in a tough cake texture.
- Assemble the Swirl Cake: Pour about one-third of the batter into the prepared loaf pan. Dollop one-third of the cooled coconut dulce de leche over the batter. Using a knife or skewer, gently swirl the dulce de leche into the batter a few times. Repeat this process with the remaining batter and dulce de leche in layers, finishing with a final swirl on top.
- Bake and Check for Doneness: Bake for 55-65 minutes, or until a wooden skewer inserted into the center comes out with moist crumbs attached (not wet batter). If the top browns too quickly, tent loosely with aluminum foil.
- Cool and Serve: Let the cake cool in the pan for 15 minutes before transferring it to a wire rack to cool completely. Drizzle any remaining coconut dulce de leche over the top and sprinkle with toasted coconut, if desired.
Notes
Use very ripe bananas (dark spots) for the best flavor and moisture. Avoid overmixing the batter when combining wet and dry ingredients; lumps are okay and help keep the texture tender. The acidity of the full-fat yogurt reacts with the baking soda to ensure a lighter, more tender crumb.
- Prep Time: 30 minutes
- Cook Time: 60 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 slice
- Calories: 400 kcal
- Sugar: 35 g
- Sodium: 200 mg
- Fat: 20 g
- Saturated Fat: 10 g
- Unsaturated Fat: 10 g
- Trans Fat: 0 g
- Carbohydrates: 50 g
- Fiber: 2 g
- Protein: 5 g
- Cholesterol: 50 mg
FREE PRINTABLE RECIPE
Get the Printable Recipe PDF (Free)
Enter your email and weโll send you the ingredients + step-by-step instructions as a clean PDF you can save to your phone.
- โ Printable PDF (ingredients + steps)
- โ Save it to your phone (no long scrolling)
- โ Includes cook time + servings
- โ Easy to follow
FAQ
Whereโs the full recipe?
Itโs delivered as a printable PDF so you can save it and cook without scrolling.
I didnโt get the email.
Check Spam/Promotions and search your inbox for your site name. Then click Confirm to receive the PDF.