• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Rich And Delish
  • Home
  • Recipes
    • 3 ingredient
    • Air Fryer
    • Appetizers
    • Breads
    • Breakfast
    • Condiments
    • Desserts
      • Cheesecakes
      • Cookies
      • Cupcakes
      • Chocolate
      • Cakes
      • Bars & Brownies
      • No Bake Desserts
      • Muffins
    • Dinner
    • Drinks
    • Gluten Free
    • Holiday
      • Christmas
      • Fall / thanksgiving
    • Main Dishes
    • Salads
    • Side Dishes
    • Soups
    • Vegetarian
  • Shop
  • About
    • Contact Us
  • FAQ
  • Work With Us
menu icon
go to homepage
search icon
Homepage link
  • Home
  • Categories
  • Shop
  • FAQ
  • Work With Us
  • Contact Us
  • About
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • ×

    Home » All Recipes » Desserts » Cakes » Easy Cakes

    Banana Chocolate Chip Cake With Chocolate Frosting

    Published: Mar 8, 2023 by RichandDelish · This post may contain affiliate links ·

    Sharing is caring!

    18 shares
    • Facebook
    • Yummly
    • Twitter
    Jump to Recipe Print Recipe

    This banana chocolate chip cake is moist and filled with melty pockets of chocolate and is topped with our rich and silky smooth chocolate frosting.

    Sliced banana chocolate chip cake.

    This cake is perfect for snacking and will satisfy your sweet tooth! It is topped with a creamy and delicious chocolate frosting that is always a crowd-pleaser! This frosting is everything and above!

    If you are looking for more chocolate chip recipes, check out our bakery style chocolate chip cookies, chocolate chip bread pudding, chocolate chip blondies, no butter chocolate chip cookies, chocolate chip cookie dough cake, small batch chocolate chip cookies, and our oreo chocolate chip cookies.

    Jump to:
    • Why this recipe works
    • Ingredients
    • Instructions
    • Expert Tips
    • Faq's
    • Storing
    • Freezing
    • Substitutions
    • Variations
    • 📖 Recipe
    • 💬 Comments

    Why this recipe works

    • This cake is moist and tender and is made with ripe bananas.
    • This delicious cake is made in one bowl! So there are minimal dishes to wash.
    • There are pockets of melty chocolate chips in this cake to make it even more delicious.
    • This cake is topped with the most delicious chocolate frosting.
    • This recipe is perfect for when you have ripe bananas that are about to go bad.
    Fork inserted into a slice of chocolate chip banana cake.

    Ingredients

    Before you start to make this chocolate chip banana cake recipe, measure and prepare your ingredients so the cooking process will go smoothly and easily.

    Full measurements are in the recipe card below.

    Ripe bananas- Use only ripe bananas for this recipe! Overripe bananas are more sweet, moist, and easy to mash into a pudding consistency.

    Flour– we used all-purpose flour for this recipe, self-rising flour, and cake flour will work great as well.

    Baking soda and baking powder â€“ baking soda and baking powder help the cookies rise and spread. Make sure that your levelers aren't expired.

    Butter- use unsalted butter for this recipe. Only butter will work for this recipe, no margarine, and no coconut oil. Margarine has a weird taste and can ruin the flavor of this banana bread.

    Greek yogurt- get your greek yogurt to room temperature. Any percent of fat will work for this recipe. If you don't have greek yogurt, you can use sour cream instead.

    Sugar- we used granulated sugar for this recipe. You can use caster sugar as well.

    Milk- use whole milk for this recipe. You can use plant-based milk as well.

    Eggs- you will need 2 large eggs for this recipe. Make sure that your eggs are at room temperature.

    Vanilla extract- adds extra flavor. 1 teaspoon of vanilla extract is what you will need for this recipe.

    Kosher salt- you will need about ½ teaspoon of kosher salt for this recipe.

    Chocolate chips- you can use any kind of chocolate chips for this, we like to use either dark chocolate chips or semisweet chocolate chips.

    For the chocolate frosting

    Butter- use unsalted butter for this recipe. Only butter will work for this recipe, no margarine, and no coconut oil. Margarine has a weird taste and can ruin the flavor of this delicious frosting.

    Dark chocolate- I love using high-quality dark chocolate for baking and it's important to use the best quality chocolate for the best flavor and results!

    Powder sugar- you will need powdered sugar for this recipe. you don’t have to buy powdered sugar, you can simply make it at home by blending granulated sugar in a blender or food processor.

    Cocoa powder-You can use dutch processed cocoa powder or natural cocoa powder for this.

    Kosher salt- to balance out the sweet flavor.

    Vanilla extract- vanilla extract is an essential ingredient for frosting.

    Milk- use whole milk for this recipe.

    Instructions

    Preheat an oven to 180c (350f) and prepare a 9 by 9 inch cake pan with parchment paper.

    In a big mixing bowl, add the ripe bananas and mash them into a pudding-like consistency with a fork or a potato masher.

    Add the eggs, yogurt, kosher salt, milk, vanilla extract, granulated sugar, milk, melted and cooled butter, and mix with a whisk until well combined.

    Cake process shots.

    Add the flour, baking soda, and baking powder, and mix until just combined.

    Cake process shots.

    Add the chocolate chips and mix until just combined.

    Cake process shots.

    Pour the batter into the prepared baking pan and bake in a 180c (350f) preheated oven for about 30-40 minutes or until a toothpick inserted into the cake comes out clean.

    Cake process shots.

    Make the chocolate frosting

    Into a big mixing bowl, add the soft butter, powdered sugar, heavy cream, cooled dark chocolate, kosher salt, and vanilla extract, and sift in the cocoa powder. Mix on low speed until the frosting comes together.

    Increase the speed to medium to high speed and mix for about 3 minutes until the frosting is silky and smooth.

    Top the room-temperature cake with the frosting and make a wave pattern with a spatula.

    Cake process shots.
    Cake process shots.

    Expert Tips

    • Use room temperature ingredients. It is important that you use room-temperature ingredients like eggs and butter. This step ensures that your mixture mixes into a homogenous mixture and bakes perfectly. you don’t want to place cold batter into the oven.
    • Don’t overmix the batter, you don’t want to develop the gluten in the flour. This step ensures you have moist cake and not dense and dry cake.
    • Make sure that your butter is at room temperature. An hour or two before making this cake, take the butter out of the fridge and let it come to room temperature. The butter should be soft to the touch. If your butter is too cold, it will be harder to mix and there will be lumps of butter in the frosting.
    • Measure your flour correctly! When measuring your flour, avoid scooping it with a measuring cup. Instead, stir the flour with a spoon to create as many air pockets as possible, and spoon it into your measuring cup. Finally, level it with a back of a knife.
    • Be patient! I know it’s extremely tempting to eat and frost this cake as it's pulled out of the oven, but let the cake cool for at least an hour so it will be firmer and won’t crumble up. This step ensures that the frosting won’t melt off the cake. You never want to frost warm cupcakes or cakes.
    Top of a banana chocolate chip cake.

    Faq's

    Why is my banana cake not moist?

    This can happen for various reasons, but the top reason for this is that you added too much flour, I always love to weigh the flour. Also, you may have overmixed the mixture and overdeveloped the gluten which made the cake dry.

    How to ripen bananas fast?

    If you want to make this banana cake, but you don’t have ripe bananas on hand, don’t worry! Bake regular bananas in a 200c (400f) preheated oven for 10-15 minutes, this will soften the bananas and make them a ripe banana texture.

    What flour do you use for this cake?

    We use all-purpose flour for this banana bread. Self-rising flour and cake flour will work great as well.

    Slice missing from a banana cake.

    Storing

    This cake will last up to 5 days stored in the fridge. Cover the cake with plastic wrap or foil to prevent it from drying out. This cake tastes amazing the day after.

    Freezing

    Freeze this cake after it cooled completely in an airtight freezer-friendly container for up to 3 months, some people find the cake tastes better after freezing it.

    Substitutions

    Gluten-free - if you want to make this recipe gluten-free, simply replace the flour with gluten-free flour.

    Dairy-free- you can make this cake dairy-free by replacing the butter with vegan butter or using your favorite dairy-free chocolate ganache.

    Close up shot of chocolate frosting.

    Variations

    Frosting- you can use your favorite frosting for this cake like classic chocolate frosting, caramel frosting, chocolate ganache frosting, dark chocolate frosting, etc.

    Chocolate chips- you can use your favorite type of chocolate chips for this recipe like milk chocolate chips, dark chocolate chips, white chocolate chips, etc.

    More banana recipes

    Nutella banana bread- This incredibly moist and easy Nutella banana bread is full of ripe bananas and is swirled with plenty of Nutella. This might be my top 3 favorite banana bread recipes ever!

    Moist banana mini muffins- These banana mini muffins are the most perfect bite-size snack! They are soft and moist and fluffy and are filled with banana flavor.

    Best banana coffee cake- This banana coffee cake is made with soft cinnamon banana cake, filled with a cinnamon swirl filling, a cinnamon crumble topping, and a delicious glaze.

    If you tried this recipe, don’t forget to leave a rating and a comment below. We love hearing from you.

    If you liked this recipe

    • Follow us on Facebook, Instagram, and Pinterest.
    • Share/pin this recipe to Pinterest.
    • Leave a comment down below!

    📖 Recipe

    Sliced banana chocolate chip cake.

    Banana Chocolate Chip Cake With Chocolate Frosting

    Rich and delish
    This chocolate chip banana cake is moist and filled with melty pockets of chocolate and is topped with our rich and silky smooth chocolate frosting.
    5 from 1 vote
    Print Recipe Pin Recipe
    Prep Time 15 mins
    Cook Time 40 mins
    Total Time 55 mins
    Course Dessert
    Cuisine American
    Servings 16 slices
    Calories 335 kcal

    Ingredients
     
     

    • 1 ½ cups Bananas melted and cooled
    • ¾ cup Granulated sugar
    • ½ teaspoon Kosher salt
    • 115 g Butter
    • 2 Eggs
    • 1 teaspoon Vanilla extract
    • â…“ cup Milk
    • ¾ cup Yogurt
    • 2 cups Flour
    • 1 teaspoon Baking powder
    • ½ teaspoon Baking soda
    • ¾ cup Chocolate chips

    Chocolate frosting

    • 200 g Butter softened
    • 60 g Dark chocolate melted and cooled
    • 1 ¼ cups Powder sugar
    • â…“ cup Cocoa powder
    • ½ teaspoon Kosher salt
    • 1 teaspoon Vanilla extract
    • 2-4 tablespoon Milk

    Instructions
     

    • Preheat an oven to 180c (350f) and prepare a 9 by 9 inch cake pan with parchment paper.
    • In a big mixing bowl, add the ripe bananas and mash them into a pudding-like consistency with a fork or a potato masher.
    • Add the eggs, yogurt, kosher salt, milk, vanilla extract, granulated sugar, milk, melted and cooled butter, and mix with a whisk until well combined.
    • Add the flour, baking soda, and baking powder, and mix until just combined.
    • Add the chocolate chips and mix until just combined.
    • Pour the batter into the prepared baking pan and bake in a 180c (350f) preheated oven for about 30-40 minutes or until a toothpick inserted into the cake comes out clean.

    Make the chocolate frosting

    • Into a big mixing bowl, add the soft butter, powdered sugar, heavy cream, cooled dark chocolate, kosher salt, and vanilla extract, and sift in the cocoa powder. Mix on low speed until the frosting comes together.
    • Increase the speed to medium to high speed and mix for about 3 minutes until the frosting is silky and smooth.
    • Top the room-temperature cake with the frosting and make a wave pattern with a spatula.

    Notes

    • Use room temperature ingredients. It is important that you use room-temperature ingredients like eggs and butter. This step ensures that your mixture mixes into a homogenous mixture and bakes perfectly. you don’t want to place cold batter into the oven.
    • Don’t overmix the batter, you don’t want to develop the gluten in the flour. This step ensures you have moist cake and not dense and dry cake.
    • Make sure that your butter is at room temperature. An hour or two before making this cake, take the butter out of the fridge and let it come to room temperature. The butter should be soft to the touch. If your butter is too cold, it will be harder to mix and there will be lumps of butter in the frosting.
    • Measure your flour correctly! When measuring your flour, avoid scooping it with a measuring cup. Instead, stir the flour with a spoon to create as many air pockets as possible, and spoon it into your measuring cup. Finally, level it with a back of a knife.
    • Be patient! I know it’s extremely tempting to eat and frost this cake as it's pulled out of the oven, but let the cake cool for at least an hour so it will be firmer and won’t crumble up. This step ensures that the frosting won’t melt off the cake. You never want to frost warm cupcakes or cakes.

    Nutrition

    Calories: 335kcalCarbohydrates: 43gProtein: 4gFat: 22gSaturated Fat: 13gPolyunsaturated Fat: 1gMonounsaturated Fat: 5gTrans Fat: 1gCholesterol: 65mgSodium: 349mgPotassium: 184mgFiber: 2gSugar: 18gVitamin A: 552IUVitamin C: 1mgCalcium: 57mgIron: 2mg
    Keyword Banana Cake With Chocolate Frosting, Banana Chocolate Chip Cake, Banana Chocolate Chip Cake With Chocolate Frosting, Chocolate Chip banana Cake
    Tried this recipe?Let us know how it was!
    « Chocolate Hamantaschen Cookies
    Zesty Italian Pasta Salad With Italian Dressing »

    Reader Interactions

    Comments

    1. Lisa

      March 09, 2023 at 3:04 pm

      What is 2-4 milk in the frosting instruction?

      Reply
      • RichandDelish

        March 10, 2023 at 9:56 am

        Hi! It's 2-4 tbsp of milk. Add it until you get a perfect buttercream creaminess.

        Reply

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe Rating




    Primary Sidebar

    Thank you for dropping by!
    Our blog is all about simple and delicious recipes. We’re showing you step by step how to make our favorite recipes. Visit our social media for more content!

    • TikTok
    • Facebook
    • Instagram
    • YouTube
    • Pinterest

    Search Through Our Recipes

    Popular Recipes

    • double chocolate banana bread recipe
      Banana BreadBreadsBreakfastChocolateChristmasDessertsQuick BreadValentine's DayVegetarian

      Double Chocolate Banana Bread

    • easy one bowl chocolate cupcakes
      ChocolateCupcakesDessertsHolidayValentine's DayVegetarian

      Easy Chocolate Cupcakes

    • no bake mango cheesecake recipe
      CheesecakesDessertsNo Bake DessertsVegetarian

      No Bake Mango Cheesecake

    • baked goat cheese pasta recipe
      DinnerMain DishesPastaVegetarian

      Baked Goat Cheese Pasta

    Footer

    ↑ back to top

    About

    • About Us
    • Work With Us
    • Contact Us
    • FAQ

    Recipes

    • Recipes Categories
    • Breakfast
    • Deserts

    Subscribe and Follow

    • TikTok
    • Facebook
    • Instagram
    • YouTube
    • Pinterest

    Copyright © Rich And Delish 2022 | Website Terms & Privacy Policy