Kickass Baker

  • Home
  • About Me
  • Recipes (Legacy)
  • Let's Work Together!
menu icon
go to homepage
subscribe
search icon
Homepage link
  • About Me
  • Recipe Search
  • Recipe Index
  • Baking Resources
  • Work With Me
  • Contact
    • Email
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×
    Home » Cakes » Sheet Cakes

    Banana Cake with Chocolate Frosting

    5 from 1 vote
    2 Comments

    Aug 16, 2022

    (updated Jun 2, 2024)

    by Kimberlee Ho

    Jump to Recipe

    Banana and chocolate are such a great flavor combination! This moist banana cake with chocolate frosting is filled to the brim with banana flavor and topped with a simple frosting. It's the perfect way to use up those overripe bananas with a great recipe that everyone is sure to love!

    Looking for more banana recipes? Try Banana Cake with Salted Caramel Frosting, Sour Cream Banana Bread, Banana Chocolate Chip Muffins, and Banana Bread (no baking soda).

    Snack sized pieces of banana cake with chocolate frosting.

    Disclosure: As an Amazon Associate, I earn from qualifying purchases.

    Why you’ll love this recipe

    • This cake recipe makes a simple, one layer banana cake with a thick layer of chocolate frosting. It's perfect for snacking or dessert after family dinner
    • My Banana Cake with Salted Caramel Frosting is a popular recipe, so I wanted to serve up another popular flavor variation for chocolate lovers
    • Banana recipes like this one are great for using up overripe bananas! Want to bake but you don't have ripe bananas? I have a 15-minute trick for getting your unripe bananas ready for baking!
    Banana sitting in front of a banana cake with chocolate frosting on top.

    Ingredients & substitutions

    • Butter: For baking recipes, stick with unsalted butter unless salted butter is specific in the recipe. This allows you to control the level of salt in your baking. There's no need to bring the butter to room temperature, as it will be melted and made into brown butter. Browning butter caramelizes the milk solids in butter, adding a layer of subtly nutty flavor that you wouldn't otherwise achieve with plain melted butter. Get tips for how to achieve the perfect browned butter
    • All-purpose flour
    • Granulated sugar
    • Baking soda
    • Salt
    • Mashed Bananas: Overripe brown bananas work best here, as they'll have the best flavor and sweetness for this cake. Depending on the size of your bananas, you'll need about 2 to 3 very ripe bananas. If you only have green bananas, yellow bananas, follow this tip for ripening bananas in the oven for baking. Use it for all your banana desserts!
    • Sour cream: this ingredient helps keep this banana cake super moist and adds a bit of richness. Plain Greek yogurt may be substituted
    • Dark brown sugar: Only a small amount of brown sugar is needed here. I recommend using dark brown sugar, as it helps bring out a caramely flavor in the cake. However, light brown sugar may be substituted
    • Large eggs: Be sure to remove the eggs from the fridge at least 30 minutes prior to baking to allow them to reach room temperature. Cold eggs will not incorporate well into the other ingredients, so room temperature eggs are essential
    • Vanilla extract
    Banana cake sitting on parchment paper in an 8x8 baking pan.

    For the frosting, you'll need:

    • Chocolate: I highly recommend using real dark chocolate in the form of a chocolate baking bar, such as Ghiradelli, Baker's or Scharffen Berger, rather than chocolate chips if you can avoid it. Chocolate chips tend to include stabilizers that help them retain their shape when heated or baked. In this case, we want chocolate that melts well to help achieve an ultra smooth consistency. The dark chocolate may be substituted for milk chocolate to make milk chocolate buttercream frosting
    • Unsalted butter: An important step in achieving a creamy texture for your frosting is to ensure that you use room temperature butter. I recommend removing it from the fridge at least an hour or more before you being making the frosting. You want butter that is soft, but not melted. I like to leave my butter on the counter overnight. This ensures you will not have cold butter, which tends to leave chunks of butter throughout the frosting.
    • Heavy cream or heavy whipping cream: If you only have milk, that may also be used
    • Vanilla extract
    • Powdered sugar: Otherwise known as confectioners' sugar. If your sugar is particularly lumpy, you may want to sift it to help create smoother frosting without clumps of sugar in it
    • Instant coffee granules: Don't worry, your frosting will not taste like coffee at all! The instant coffee gets mixed with a bit of hot water and added to the frosting. Coffee enhances the flavor of chocolate. If you are a fan of dark chocolate, this is a must! If you prefer not to include coffee, it can be easily omitted
    A small glass jar of dark chocolate buttercream frosting sitting in front of unfrosted cupcakes.

    How To Make Banana Cake with Chocolate Frosting

    Step 1

    Preheat the oven to 350 degrees F. Line a square pan with parchment paper letting the two long ends hang over the edges by at least 2 inches. Butter the top of the parchment and set aside.

    Melt the butter in a small saucepan, cooking and stirring until the butter is just browned (be careful not to cook too long or it’ll burn). See this post for How to Brown Butter for more tips and tricks. Set aside to cool slightly before adding to the cake batter.

    Add butter to a skillet.
    Add pats of butter to a skillet and cook over medium heat
    Cook until butter browns.
    Cook until butter browns then remove from the heat
    Pour brown butter into a heatproof measuring cup to cool.
    Pour brown butter into a heatproof jar to cool

    Step 2

    In a large bowl, whisk together flour, baking soda, salt, and granulated sugar.

    Add flour to a medium bowl.
    To a medium bowl, add the flour
    Add baking soda to flour.
    Add baking soda
    Add salt to the other dry ingredients.
    Add salt
    Add sugar to the other dry ingredients.
    Add granulated sugar
    Whisk together dry ingredients.
    Whisk together dry ingredients

    In a separate medium bowl, whisk together the bananas, sour cream, brown sugar, eggs and vanilla.

    Add mashed bananas to a large bowl.
    To a large bowl, add the mashed bananas
    Add sour cream to the mashed bananas.
    Add sour cream
    Add brown sugar.
    Add brown sugar
    Add eggs.
    Add eggs
    Add vanilla extract.
    Add vanilla
    Whisk together wet ingredients.
    Whisk together the wet ingredients until well incorporated

    Combine the wet ingredients with the dry ingredients. Once the flour mixture has been almost fully incorporated with the banana mixture (you should still see a few dry spots of flour) stir in the browned butter.

    Scrape the cake batter into the prepared baking pan and smooth the top with an offset spatula or butter knife.

    Add dry ingredients to the wet ingredients.
    Add dry ingredients to the wet ingredients
    Fold in dry ingredients to wet ingredients.
    Fold in dry ingredients just until incorporated
    Add browned butter to the wet ingredients.
    Pour in the brown butter and stir to combine
    Add banana snack cake batter to prepared baking pan.
    Add cake batter to prepared pan, smoothing top with a spatula

    Step 3

    Bake until the top springs back when lightly pressed in the center, and a toothpick inserted in the center comes out clean, about 25 minutes. Lift out of the pan and place on a wire rack to cool.

    Bake the banana cake in the preheated oven.
    Bake in the preheated oven for 25 minutes
    Allow cake to cool.
    Lift baked cake out of the pan and allow to cool while you prepare the buttercream

    Step 4

    Meanwhile, prepare the Chocolate Frosting. Chop the chocolate and place it in a heatproof bowl over a pan set over simmering water (be sure the bowl is not touching the water so your chocolate does not scorch). Stir the chocolate until it's just melted and set aside until cooled to room temperature.

    In the bowl of a stand mixer  fitted with the paddle attachment or with an electric mixer or hand mixer, cream butter on medium-high speed until light yellow and fluffy, about 3 minutes.

    Add the heavy cream and vanilla and continue beating for 3 minutes. Turn the mixer to low, gradually add the powdered sugar, then beat at medium speed, scraping down the bowl as necessary, until smooth and creamy.

    In a separate bowl, dissolve the coffee in 2 teaspoons of the hottest tap water. With the mixer on low speed, add the chopped chocolate and dissolved coffee to the butter/sugar mixture and beat until blended and smooth.

    Step 5

    Once the cake is completely cooled, frost the cake (you may not use all the frosting). Slice into 16 squares and serve

    Chocolate frosting covering a banana cake in an 8x8 baking pan.

    Pro tips 

    • This easy cake recipe is best made using overripe bananas. The riper a banana is, the sweeter it is. For tips on ripening bananas for baking, check out this post.
    • To make this recipe into a banana layer cake, double the recipe. Use two 8-inch round cake pans and divide the batter equally between the pans. Bake until the center of the cake is no longer wet looking ot a toothpick inserted into the center of the cake layers comes out with just a few crumbs on it. Cool the cakes completely before filling and frosting with the chocolate buttercream.
    • If preparing this cake in advance, wrap the cake while it's still warm tightly in plastic wrap and leave at room temperature up to 3 days. Wrapping the cake while it's warm will help keep it moist

    Like this recipe? Follow me on Pinterest for lots more recipes just like this one! And don’t forget to pin this recipe for later by clicking on one of the images below the recipe. Or, click on any of the images in this post to save to Pinterest.

    FAQs

    What is the difference between banana loaf and banana cake?

    Banana Cake tends to have frosting or icing whereas banana bread does not. Banana cake is also lighter in texture than banana bread which can be a bit heartier.

    How many bananas do you need to make banana cake?

    For this recipe, you'll need about 2 to 3 medium bananas. It's best to follow the recipe for volume or weight of banana rather than number of bananas, since bananas can vary greatly in size. For this cake, you'll need 1 cup of mashed banana.

    How to make banana chocolate chip cake?

    To make this recipe into Banana Chocolate Chip Cake, simply add ½ cup of semi-sweet chocolate chips to the banana cake batter at the very end, before pouring the batter into the prepared pan.

    Can I use this recipe to make a two-tier banana cake with chocolate frosting?

    Yes! To make this into a layer cake, double the recipe for the cake batter and for the frosting. Use two 8-inch round pans and divide the batter equally between the pans.

    Bake until the center of the cake is no longer wet looking ot a toothpick inserted into the center of the cake layers comes out with just a few crumbs on it. Cool the cakes completely before filling and frosting with the chocolate buttercream.

    FOR ALL MY FAVORITE BAKING TOOLS INCLUDING THOSE USED TO MAKE THIS RECIPE, CHECK OUT MY BAKING RESOURCES PAGE!

    ➕More recipes

    • Brown bananas sitting on a foil covered baking sheet with one bananas peeled open.
      How to Ripen Bananas in the Oven
    • Perfect banana snack cake with a thick layer of frosting.
      Banana Snack Cake
    • Banana Bread filled with a swirl of cream cheese filling.
      Home-Baked Banana Bread with Cream Cheese Filling
    • Butter beginning to brown in a skillet.
      How To Brown Butter (Simple Method)

    Did you enjoy a KICKASS BAKER recipe? Please share a comment and leave a 5 Star ⭐️⭐️⭐️⭐️⭐️ Rating on this recipe! We appreciate you sharing your feedback!

    A banana cake cut up into squares of snack sized cake topped with chocolate frosting.

    Banana Cake with Chocolate Frosting Recipe

    Banana and chocolate are such a great flavor combination! This moist banana cake with chocolate frosting is filled to the brim with banana flavor and topped with a simple frosting. It's the perfect way to use up those overripe bananas with a great recipe that everyone is sure to love!
    Print Recipe Pin Recipe Rate Recipe
    Prep Time: 20 minutes minutes
    Cook Time: 25 minutes minutes
    Total Time: 45 minutes minutes
    Course: All Recipes, Dessert
    Cuisine: American
    Keyword: banana cake, banana cake with chocolate frosting, bananas, chocolate frosting
    Servings: 16
    Calories: 409kcal
    Author: Kimberlee Ho
    US Customary - Metric

    Ingredients

    • brown butter from ½ cup unsalted butter (113 g)
    • 1 ½ cups all-purpose flour
    • ¼ cup granulated sugar
    • ¾ teaspoon baking soda
    • 1 teaspoon salt
    • 1 cup mashed bananas 2 to 3 very ripe bananas
    • ¼ cup full-fat sour cream
    • 2 tablespoons dark brown sugar packed
    • 2 large eggs room temperature
    • 1 teaspoon vanilla extract

    Chocolate Frosting

    • 8 ounces dark chocolate baking bar not chocolate chips if you can avoid it
    • 1 cup unsalted butter room temperature
    • 2 tablespoons heavy cream
    • 1 teaspoon vanilla extract
    • 3 cups powdered sugar
    • 1 tablespoon instant coffee granules + 3 teaspoons hot water optional
    US Customary - Metric

    Instructions

    • Preheat the oven to 350 degrees F. Line an 8×8 inch baking pan with parchment paper letting the two long ends hang over the edges by at least 2 inches. Butter the top of the parchment and set aside.
    • Melt the butter in a small saucepan, cooking and stirring until the butter is just browned (be careful not to cook too long or it’ll burn). Set aside to cool slightly before adding to the cake batter.
      brown butter
    • In a large bowl, whisk together flour, granulated sugar, baking soda and salt.
      1 ½ cups all-purpose flour, ¼ cup granulated sugar, ¾ teaspoon baking soda, 1 teaspoon salt
    • In a separate bowl, whisk together the bananas, sour cream, brown sugar, eggs and vanilla. Add the wet ingredients to the dry ingredients, mixing just until combined (you should still see a few dry spots of flour). Whisk in the browned butter, stirring just to combine. Do not overmix
      1 cup mashed bananas, ¼ cup full-fat sour cream, 2 tablespoons dark brown sugar, 2 large eggs, 1 teaspoon vanilla extract, brown butter
    • Scrape the batter into the prepared baking pan and smooth the top with an offset spatula or butter knife.
    • Bake until the top springs back when lightly pressed in the center, and a toothpick inserted in the center comes out clean, about 25 minutes. Let cool completely.
    • Meanwhile, prepare the Chocolate Frosting. Chop the chocolate and place it in a heatproof bowl over a pan set over simmering water (be sure the bowl is not touching the water so your chocolate does not scorch). Stir the chocolate until just melted and set aside until cooled to room temperature
      8 ounces dark chocolate baking bar
    • In the bowl of an electric mixer fitted with the paddle attachment, beat the butter on medium-high speed until light yellow and fluffy, about 3 minutes. Add the heavy cream and vanilla and continue beating for 3 minutes
      1 cup unsalted butter, 2 tablespoons heavy cream, 1 teaspoon vanilla extract
    • Turn the mixer to low, gradually add the powdered sugar, then beat at medium speed, scraping down the bowl as necessary, until smooth and creamy
      3 cups powdered sugar
    • In a separate bowl, dissolve the coffee in 2 teaspoons of the hottest tap water
      1 tablespoon instant coffee granules
    • With the mixer on low speed, add the chopped chocolate and dissolved coffee to the butter/sugar mixture and beat until blended and smooth
    • Once the cake is completely cooled, frost the cake (you may not use all the frosting). Slice into 16 squares and serve

    Notes

    • Store leftover cake in the refrigerator for up to 4 days
    • Banana cake without frosting may be frozen for up to 3 months
    • If you have leftover frosting, store it in a jar with a tightly fitting lid in the refrigerator for up to 2 weeks or in the freezer for up to 1 month. Defrost at room temperature and give a good stir with a spatula before using

    Nutrition

    Serving: 1serving | Calories: 409kcal | Carbohydrates: 46g | Protein: 3g | Fat: 25g | Saturated Fat: 16g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 7g | Trans Fat: 1g | Cholesterol: 73mg | Sodium: 212mg | Potassium: 80mg | Fiber: 2g | Sugar: 33g | Vitamin A: 622IU | Vitamin C: 1mg | Calcium: 18mg | Iron: 1mg
    Did you make this recipe?Tag @kickassbaker on Instagram so I can see!

    ​​

    Filed Under

    Frostings & GlazesSheet CakesIntermediateBirthdayBananasChocolate
    « New York Style Bagels
    How To Blanch Peaches »
      5 from 1 vote

      Leave a comment & rate this recipe Cancel reply

      I am honored you made this recipe from kickassbaker.com! Your star rating and comment will help others looking for recipes like this one. Please take a moment to share a star rating and offer a helpful comment or tip for other bakers. Thank you!

      Recipe Rating




      This site uses Akismet to reduce spam. Learn how your comment data is processed.

      Comments

    1. Evelyn Pfeifer says

      January 15, 2024 at 8:27 pm

      5 stars
      This is to die for!! Best banana cake Ever 😻😻 I didn't even ice it and it was fabulous.

      Reply
      • Kimberlee Ho says

        January 19, 2024 at 3:38 pm

        Wonderful to hear!

        Reply

    Hey there!  Thank you so much for visiting Kickass Baker!  I’m Kim, the working mom and home baker behind this blog.  I know how crazy life can be.  Too often, we can beat ourselves up and give up things we enjoy because we think we aren’t great at them.  But you are kicking ass everyday and I’m here to help you bake up some crazy-good recipes and embrace your Kickass Baker!

    More about me →

    Popular

    • Jumbo double chocolate chip muffin with a bite taken out.
      Bakery-Style Double Chocolate Chip Muffins Recipe
    • serving a slice of dalgona coffee chocolate cake
      Dalgona Coffee Chocolate Cake
    • Challah braided bread slices ready to be eaten.
      Fluffy Challah Bread
    • Close-up image of easy homemade cinnamon sticky bun fresh out of the oven
      One Hour Cinnamon Rolls
    • Brioche Doughnuts | kickassbaker.com #brioche #donuts #doughnuts #vanilla #cream #creme #filled #dessert #nutfree #recipes #kickassbaker #fried #breakfast
      Brioche Donuts with Vanilla Cream Filling
    • Challah Rolls recipe is great for the holidays.
      Challah Rolls

    Web Stories

    For step-by-step recipe instructions check out my web stories archive.

    Footer

    ↑ back to top

    Best in Breads

    • Condensed milk bread
    • Semolina bread
    • Challah recipe
    • Pita bread
    • Irish soda bread
    • Brioche buns
    • English muffins

    Classic Cookies

    • Classic chocolate chip cookies
    • M&M chocolate chip cookies
    • Snickerdoodle cookies
    • Brown butter cookies
    • Skillet cookie
    • Red velvet cookies
    • Sugar cookies

    Homemade Cakes

    • Banana cake
    • Olive oil cake
    • Applesauce cake
    • Angel food cake
    • Lemon bundt cake
    • Chocolate sheet cake
    • Lemon pound cake

    As an Amazon Associate I earn from qualifying purchases.

    Editorial Policies | Privacy Policy
    Copyright © 2026 Kickass Baker

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.