Banana Chocolate Chip Cake with Cream Cheese Frosting Recipe
Introduction
This Banana Chocolate Chip Cake is a delightful treat that combines the natural sweetness of ripe bananas with rich chocolate chips. Topped with a creamy cocoa cream cheese frosting, it’s perfect for any occasion where you want a moist, flavorful cake that feels both comforting and indulgent.

Ingredients
- 1 1/2 cups all-purpose flour
- 1 1/4 teaspoons baking soda
- 1 teaspoon baking powder
- 1/2 teaspoon salt
- 1/2 cup salted butter (at room temperature)
- 1/2 cup granulated sugar
- 3 large eggs (at room temperature)
- 1 cup mashed banana
- 1/4 cup buttermilk
- 1 teaspoon vanilla extract
- 1 cup semi-sweet chocolate chips
- 16 ounces cream cheese (at room temperature)
- 1 stick salted butter (at room temperature)
- 1/2 cup cocoa powder
- 2 tablespoons milk (divided)
- 1 teaspoon vanilla extract
- 2-3 cups powdered sugar
Instructions
- Step 1: Preheat the oven to 350 degrees Fahrenheit. Line a 9×13-inch baking pan with parchment paper and lightly spray with non-stick spray.
- Step 2: In a medium bowl, whisk together the flour, baking soda, baking powder, and salt.
- Step 3: In a large bowl, whip the butter until creamy and fluffy, about 4 minutes. Add the sugar and mix well.
- Step 4: Add the eggs one at a time, mixing fully after each addition. Then add the mashed banana, buttermilk, and vanilla extract and mix to combine.
- Step 5: Fold the dry ingredients into the wet mixture until mostly combined. Gently fold in the chocolate chips and spread the batter evenly in the prepared pan.
- Step 6: Bake for 25-30 minutes or until a toothpick inserted into the center comes out clean.
- Step 7: Allow the cake to cool for 20-30 minutes before frosting.
- Step 8: To make the frosting, beat together the cream cheese and butter in a large bowl until smooth.
- Step 9: Add the cocoa powder, 1 tablespoon of milk, and vanilla extract, then mix until fully combined.
- Step 10: Gradually beat in the powdered sugar and continue beating for 2-3 minutes. Add the remaining tablespoon of milk if the frosting needs thinning to your desired consistency.
- Step 11: Once the cake is cool to the touch, spread the frosting evenly over the top. Optionally, decorate with banana slices before slicing and serving.
Tips & Variations
- Use very ripe bananas for the best natural sweetness and moist texture.
- For a nutty crunch, add 1/2 cup chopped walnuts or pecans along with the chocolate chips.
- If you prefer a dairy-free version, substitute butter and cream cheese with plant-based alternatives.
- To intensify the chocolate flavor, sprinkle a few extra chocolate chips on top before baking.
Storage
Store the cake covered in an airtight container in the refrigerator for up to 4 days. Allow to come to room temperature or warm slightly before serving for the best texture. Leftover cake can also be frozen for up to 2 months; thaw overnight in the refrigerator before serving.
How to Serve

Serve this delicious recipe with your favorite sides.
FAQs
Can I use regular milk instead of buttermilk?
Yes, you can substitute regular milk mixed with 1 tablespoon of vinegar or lemon juice to mimic buttermilk’s acidity and achieve a similar texture.
Can I make this cake in smaller pans?
Absolutely. You can bake the batter in two 8-inch round pans or muffin tins. Adjust the baking time accordingly—round pans may bake in 20-25 minutes and muffins in about 18-20 minutes.
PrintBanana Chocolate Chip Cake with Cream Cheese Frosting Recipe
This moist and flavorful Banana Chocolate Chip Cake combines the natural sweetness of ripe bananas with rich semi-sweet chocolate chips, all topped with a luscious cream cheese cocoa frosting. Perfect for dessert or a special snack, this cake features a tender crumb and creamy frosting that will delight banana and chocolate lovers alike.
- Prep Time: 20 minutes
- Cook Time: 30 minutes
- Total Time: 50 minutes
- Yield: 12 servings 1x
- Category: Dessert
- Method: Baking
- Cuisine: American
Ingredients
Cake Ingredients
- 1 1/2 Cups All Purpose Flour
- 1 1/4 teaspoons Baking Soda
- 1 teaspoon Baking Powder
- 1/2 teaspoon Salt
- 1/2 Cup Salted Butter (at room temperature)
- 1/2 Cup Granulated Sugar
- 3 Large Eggs (at room temperature)
- 1 Cup Mashed Banana
- 1/4 Cup Buttermilk
- 1 teaspoon Vanilla Extract
- 1 Cup Semi-Sweet Chocolate Chips
Frosting Ingredients
- 16 Ounces Cream Cheese (at room temperature)
- 1 Stick Salted Butter (at room temperature)
- 1/2 Cup Cocoa Powder
- 2 Tablespoons Milk (divided)
- 1 teaspoon Vanilla Extract
- 2–3 Cups Powdered Sugar
Instructions
- Preheat and Prepare Pan: Preheat the oven to 350 degrees Fahrenheit and line a 9×13-inch baking pan with parchment paper. Spray the parchment with non-stick spray to ensure the cake does not stick.
- Mix Dry Ingredients: In a medium bowl, whisk together the all-purpose flour, baking soda, baking powder, and salt until well combined.
- Cream Butter and Sugar: In a large bowl, whip the room temperature butter using an electric mixer until smooth and fluffy. Gradually add the granulated sugar and continue to mix for about 4 minutes until creamy.
- Add Eggs and Wet Ingredients: Add the eggs one at a time to the butter-sugar mixture, mixing each egg until fully incorporated. Then add the mashed banana, buttermilk, and vanilla extract, mixing again to combine evenly.
- Incorporate Dry Ingredients: Gently fold the dry flour mixture into the wet ingredients until mostly combined. Then fold in the semi-sweet chocolate chips carefully to avoid overmixing.
- Bake the Cake: Pour the batter evenly into the prepared pan. Bake in the preheated oven for 25-30 minutes or until a toothpick inserted in the center comes out clean.
- Cool the Cake: Remove the cake from the oven and allow it to cool in the pan for 20-30 minutes until it is cool enough to frost.
- Prepare Frosting: In a large bowl, beat together the cream cheese and salted butter at room temperature until smooth and creamy.
- Add Cocoa and Flavor: Stir in the cocoa powder, 1 tablespoon of milk, and vanilla extract, mixing until fully combined and smooth.
- Add Powdered Sugar: Gradually add 2-3 cups of powdered sugar to the frosting mixture, beating for 2-3 minutes until fluffy. Add the remaining tablespoon of milk if needed to reach desired frosting consistency.
- Frost the Cake: Once the cake is cool to the touch, spread the frosting evenly over the top. Optionally, decorate with banana slices before slicing and serving.
Notes
- Ensure the bananas are very ripe for maximum sweetness and flavor.
- Room temperature ingredients like butter and eggs help create a smooth batter and frosting.
- Do not overmix the batter once the flour is added to avoid a dense cake texture.
- Use a parchment-lined pan and spray to prevent sticking and make removal easier.
- The frosting can be adjusted in thickness by adding more powdered sugar or milk as needed.
- Store leftover cake covered in the refrigerator for up to 3 days.
Keywords: banana cake, chocolate chip cake, cream cheese frosting, dessert, moist cake, chocolate banana cake, easy cake recipe

