This Banana Chocolate Chip Cake is the best way to use those spotted bananas! With these step-by-step instructions, you’ll bake a light and tender banana snack cake from scratch with morsels of rich chocolate in every bite. Once frosted with chocolate buttercream, this cake is perfect for get together’s or to bring to any party!

A chocolate frosted banana chocolate chip cake with a few pieces cut off to the sides.

As a trained pastry chef, I know a fantastic cake when I see one, and this moist banana cake with chocolate chips is just that! Super sweet banana and gooey chocolate are a match made in flavor heaven.

Just like my banana bread with oil, this crowd-pleasing banana cake is delicate and fluffy. Made with yogurt to keep it moist, all you have to do is combine the wet ingredients in one bowl, and the dry ingredients in another bowl, then combine and bake.

I add in a whole bunch of mini or regular chocolate chips- I prefer the minis so that they cover more surface area, but I use whatever I have on hand. Then to finish, top with a luscious layer of homemade chocolate buttercream frosting.

You could also top this snack cake with chocolate cream cheese frosting or regular cream cheese frosting for a fun twist! There is really no way you can go wrong.

If you love banana cake, don’t miss out on this Banana Coffee Cake or banana cupcakes! For the chocolate lovers out there, I also have a rich and fudgy banana brownie recipe that I know you will love!

The best bananas to use

I know you have brown spotty bananas on your counter right now and those are the best ones to use! Overripe bananas are sweeter than perfectly ripe ones which means the cake will have a sweeter flavor too. Plus these are easier to mash anyways, win, win!


Ingredients for a banana chocolate chip cake.
  • Melted butter & eggs – These both provide structure and stability to the batter while creating a moist, fluffy cake.
  • Bananas – Overly ripened, speckled bananas add density to the cake batter and naturally sweet flavor. The bananas should have blotches of brown discoloration, but they shouldn’t be mushy.
  • Vanilla Extract – Quality vanilla extract elevates the sweet, indulgent flavors.
  • Yogurt – Yogurt is key to making an extra moist banana cake. It must be plain full-fat yogurt.
  • Milk – Adds moisture and thins the batter to the ideal consistency.
  • Flour – Flour acts as the gluten framework. It also coats the chocolate chips to keep them suspended within the batter instead of sinking. You can use all-purpose flour or cake flour.
  • Brown Sugar – Sweetens the cake batter while keeping it moist.
  • Baking Powder & Baking Soda – This pair of leavening agents creates a reaction within the batter, causing the cake to rise.
  • Kosher Salt – Salt helps strengthen the batter and make everything sweet taste even sweeter!
  • Chocolate chips – I like using mini chocolate chips but you can use any.These can be milk chocolate, semi-sweet, or dark chocolate chips. Use your favorite.

The best bananas to use are ones that are a overripe, a few days old, and spotted!

Equipment you need

I use an 8×8 square pan for baking this snack cake because I like that the cut pieces are thick.

The best pan to use is a light colored one because it will distribute heat evenly. Darker pans do not evenly distribute heat and may bake the edges of the cake faster leaving an under baked middle.

I like using this pan.

You can bake this cake in a 9″ round cake pan too but the baking time will be less, around 30-35 minutes.


Prepare for baking: Preheat the oven to 350 F. Spray an 8 “x8” cake pan with baking spray and set aside.

Mix wet ingredients: Add the butter to a medium-size microwave-safe bowl and microwave until melted. Cool for 5 minutes, then add the mashed banana, eggs, vanilla, yogurt, and milk. Mix to combine.

Combine dry ingredients: In a separate bowl, combine the flour, brown sugar, baking powder, baking soda, and salt.

Make banana cake batter: Add the wet mixture to the dry mixture, and mix just until the batter is cohesive. Do not overmix!

Add chocolate chips: Mix the chocolate chips with a 1/2 tablespoon of flour in a small bowl. Then, add the chocolate chips to the cake batter, and stir to combine.

Bake, then cool: Pour the batter into the prepared cake pan, and bake until a toothpick inserted in the middle comes out clean (40-45 minutes). Let cool to room temperature before frosting.

Decorate: While the cake bakes, make your chocolate buttercream frosting (it only takes a few minutes!). Then spread it over the top and sides of the cake once it’s cooled to room temperature.

The secret to making a moist banana cake

  • What makes this cake so moist is the use of melted butter, yogurt, and eggs. Using these ingredients together creates a creamy and tender texture to the cake.
  • Use ripe bananas- spotty and brown bananas work best!
  • Do not over mix this recipe or the cake can be tough.
A closeup of a slice of banana chocolate chip snack cake.


  1. Coating the chocolate chips may seem tedious, but it makes a big difference. The added friction prevents the chocolate chips from sinking to the bottom of the cake batter.
  2. Do not over mix the cake batter, or the cake may turn out dense and chewy.
  3. As a rule of thumb, all cake batter ingredients should be at room temperature for consistently successful cake baking.
  4. Brown over-ripened spotty bananas are best!


Storing: Since there’s dairy in chocolate buttercream frosting, this cake is best kept in the fridge for 4-5 days. It’s enjoyable when it’s cold, but you can also set it out for 15-20 minutes to take the chill off.

Freezing: If you plan to freeze your banana cake, let it cool completely, then wrap the whole cake securely in freezer-safe plastic wrap and a layer of foil. Keep it in the freezer for up to 3 months. When you’re ready to serve, thaw the cake in the fridge overnight; then add the frosting and enjoy.


Can I use frozen bananas?

Sure! Defrost and measure correctly so you are using 1 cup.

Can I make banana chocolate chip cupcakes instead?

Sure! If you opt for cupcakes, be careful not to overfill the cupcake liners and bake at 350 F until set (21-25 minutes).

Can this recipe be doubled?

Double the recipe and bake the batter in two 8 “x8” cake pans to make a bigger cake. Once cooled, spread a layer of chocolate buttercream frosting between the cakes to make a two-layered cake.

Can banana chocolate chip cake be made in advance?

Definitely, and it tastes even better! You can bake the cake one day in advance, let it cool, then keep it in an airtight container on the counter overnight. This gives the rich blend of flavors time to blend and amplify—layer on the frosting when you’re ready to serve.

Different toppings to use

I recommend my chocolate buttercream frosting in the recipe, but feel free to use a different frosting or glaze to decorate your banana cake with chocolate chips.

A closeup of a slice of banana chocolate chip snack cake.
5 stars (1 rating)

Easy and Moist Banana Chocolate Chip Cake

This Banana Chocolate Chip Cake is the best way to use those spotted bananas! With these step-by-step instructions, you'll bake a light and tender banana snack cake from scratch with morsels of rich chocolate in every bite. Once frosted with chocolate buttercream, this cake is perfect for get together's or to bring to any party!


  • ½ cup (113.5 g) butter, melted and cooled
  • 2 (2 300g) Banana, ripe peeled and mashed
  • 2 (2) Eggs, large
  • 2 tsp (2 tsp) Vanilla Extract
  • ¾ cup (183.75 g) Plain Full Fat Yogurt
  • ¼ cup (61 g) Milk
  • 2 cups (240 g) All Purpose Flour, + ½ tbsp, divided
  • 1 cup (220 g) Brown Sugar
  • ½ tsp (0.5 tsp) Baking Powder
  • ¼ tsp (0.25 tsp) Baking Soda
  • ½ tsp (0.5 tsp) Kosher Salt
  • 12 oz (340.2 g) Mini Chocolate Chips


  • Preheat the oven to 350 F and spray a 8×8 pan with baking spray. Mash the 2 bananas in a bowl.
  • Melt the 1/2 cup butter in a medium size microwave safe bowl and let cool for 5 minutes. Add the mashed bananas, 2 eggs, 2 tsp vanilla, 3/4 cup yogurt, and 1/4 cup milk and mix to combine.
  • In another bowl combine the 2 cups flour, 1 cup brown sugar, 1/2 tsp baking powder, 1/4 tsp baking soda and 1/2 tsp salt.
  • Mix the wet ingredients into the dry ingredients and mix only until the batter comes together. Do not overmix.
  • Combine the chocolate chips with the extra ½ tbsp flour in a small bowl and mix to coat well. Pour the chocolate chips into the batter and mix to combine.
  • Pour the batter into the cake pan and bake for 40-45 minutes.


Frost this snack cake with my easy to make chocolate buttercream frosting!
Serving: 1slice, Calories: 381kcal, Carbohydrates: 55g, Protein: 5g, Fat: 16g, Saturated Fat: 10g, Polyunsaturated Fat: 1g, Monounsaturated Fat: 2g, Trans Fat: 0.4g, Cholesterol: 54mg, Sodium: 242mg, Potassium: 92mg, Fiber: 1g, Sugar: 37g, Vitamin A: 363IU, Vitamin C: 0.3mg, Calcium: 92mg, Iron: 2mg
Did you make this recipe?Please leave a star rating and review in the form below. I read them all!

I love when you share my recipes!!