Short Stack Kitchen

  • HOME
  • About
  • Portfolio
  • Contact
menu icon
go to homepage
  • Recipes
  • About
  • Contact
  • Subscribe
  • Instagram
  • Pinterest
  • YouTube
  • Mail

search icon
Homepage link
  • Recipes
  • About
  • Contact
  • Subscribe
  • Instagram
  • Pinterest
  • YouTube
  • Mail

×
Home » Recipes » Cakes & Cupcakes

Banana Cake with Chocolate Frosting

Published: Sep 12, 2024 · Modified: Dec 18, 2025 by Lisa Flinn · 2 Comments

Jump to Recipe Print Recipe

Easy single layer Banana Cake with Chocolate Frosting! Light and fluffy cinnamon scented banana cake is topped with a rich and dreamy chocolate cream cheese frosting. A swoon-worthy and crowd-pleasing dessert!

A slice of banana cake with chocolate frosting on a small plate

It's no secret how much I love banana bread and cakes! They're so easy to make, full of flavor and always hits the spot.

If you love banana desserts as much as I do, get your fix with my Banana Espresso Cupcakes, Chocolate Marbled Banana Bread and Banana Chocolate Chip Cake!

Banana cake with chocolate frosting squares on a wire rack.
Jump to:
  • ♡ Why You Will Love This Banana Cake With Chocolate Frosting
  • Ingredient Notes
  • Step-By-Step Instructions
  • Substitutions
  • Variations
  • Key Equipment
  • Storage
  • 💡Expert Tips
  • FAQ
  • You May Also Like
  • 📖 Recipe

♡ Why You Will Love This Banana Cake With Chocolate Frosting

  • Banana + Chocolate. A classic pairing! The fruity sweetness of bananas combined with rich chocolate creates a flavor combo that's hard to resist.
  • Single Layer Cake. One layer cakes are so easy to whip up and decorate, making it perfect for any beginner baker. For more single layer cakes, check out my Raspberry Almond Cake and Malted Chocolate Sheet Cake!
  • Easy to make. You just need one bowl and a whisk for the banana cake. And the frosting comes together in mere minutes.
  • Light and fluffy. A combination of overripe moist banana, buttermilk and oil creates a soft and moist banana cake.
  • Freezes and thaws so well, even with the cream cheese frosting! You can read notes on how to freeze this cake in the "storage" section below.
A slice of banana cake with chocolate frosting.

Ingredient Notes

Here are some notes about all the ingredients used in this Banana Cake with Chocolate Frosting. Quantities and full instructions are in the recipe card below!

Banana cake ingredients which include, flour, baking powder, baking soda, cinnamon, salt, butter, oil, eggs, brown sugar, white sugar, buttermilk, bananas, vanilla and oil.

Banana Cake

  • Flour - We're keeping it simple with all-purpose flour (plain flour)
  • Cinnamon - Adding ground cinnamon really kicks it up a notch in terms of flavor.
  • Baking Powder + Baking Soda  - Adds lift and creates a light texture.
  • Salt - A flavor enhancer.
  • Bananas - Use really ripe bananas. Not only will it add bold banana flavor, it will also add sweetness and moisture.
  • White Granulated Sugar + Brown Sugar - Adds sweetness and moisture.
  • Neutral Oil + Melted Butter  - The oil Makes the cake light and moist and the butter adds flavor.
  • Whole Large Eggs - Adds structure and helps the batter emulsify.
  • Vanilla Extract or Vanilla Paste - For flavor.
  • Buttermilk - The acid in the buttermilk creates a fluffy interior crumb.
Chocolate frosting ingredient which include, powdered sugar, cocoa powder, salt, vanilla, cream cheese, milk and butter.

Cream Cheese Chocolate Frosting

  • Cream Cheese - Make sure to use a cream cheese brick, not whipped cream cheese or cream cheese spread.
  • Unsalted Butter - Adds buttery richness.
  • Fine Salt - Cuts the sweetness.
  • Vanilla - Adds flavor.
  • Powdered Sugar - Also known as icing sugar or confectioners' sugar.
  • Unsweetened Cocoa Powder - I'm using a dark cocoa powder for rich chocolate flavor, but you can use unsweetened natural cocoa powder.
  • Milk - Thins out the frosting.

*See recipe card for quantities.

Step-By-Step Instructions

Here are step-by-step photos and instructions on how to make the best Banana Cake with Chocolate Frosting! Please find detailed instructions in the recipe card at the end of this post.

Flour, baking soda, baking powder, cinnamon and salt are combined in a small bowl.

Step 1. Combine Dry Ingredients - In a medium bowl, combine all-purpose flour, baking powder, baking soda, cinnamon and fine salt. Set aside.

A fork mashed bananas in a large mixing bowl.

Step 2. Mash the Bananas - In a large bowl, finely mash the bananas with a fork or electric mixer.

Oil, melted butter, eggs, brown sugar, white sugar and vanilla are added to bowl with mashed bananas.

Step 3. Combine Wet Ingredients - Add the white sugar, brown sugar, eggs, oil and vanilla and whisk until well combined.

Buttermilk is added to the wet ingredients.

Step 4. Add Buttermilk - Then, mix in the buttermilk.

Dry ingredients are sifted into the wet ingredients.

Step 5. Mix in Dry Ingredients - In 2 additions, sift the flour mixture into the wet ingredients and whisk until just combined. Do not over mix.

Banana cake batter transferred to paper-lined baking pan.

Step 6. Pour the cake batter into an 8-inch (23 cm) square pan, lined with parchment paper.

💡TIP! Don't forget to sift the dry ingredients! Sifting will give you a nice even crumb and creates a light texture. It will also prevent you from over mixing the batter!

Banana Cake is baked.

Step 7. Bake - Bake at 350ºF (176ºC) for 30 to 35 minutes or until a toothpick inserted in the center of the cake comes out clean. Allow to cool on a wire rack for 10 to 15 minutes, then remove from the pan and cool completely.

Cream cheese, Softened butter, salt and vanilla are whipped together.

Step 8. Make Chocolate Frosting - In a large mixing bowl, add softened cream cheese, softened butter, vanilla and fine salt. Whip until light and fluffy. You can use a stand mixer fitted with a paddle attachment or a hand-held electric mixer.

Powdered sugar and cocoa powder is added to cream cheese/butter mixture.

Step 9. Add Powdered Sugar - Sift in the powdered sugar and unsweetened cocoa powder, along with a bit of milk.

Chocolate frosting in a bowl.

Step 10. Starting on low speed, whisk everything frosting until you reach your desired consistency. If you'd like a thinner chocolate frosting, add a bit more milk.

Step 11. Frost and Serve - Once the cake is completely cooled, slather the top with the chocolate frosting. Serve immediately and enjoy!

Cake gets frosted with chocolate frosting.
A cake serve pulls out a slice of banana cake with chocolate frosting.

Substitutions

  • Buttermilk - If you do not have any, you can substitute by mixing ½ cup of whole milk with 1 teaspoon of vinegar or lemon juice. Allow to curdle for 5 minutes before using. You can also just use plain whole milk if you're in a pinch.
  • Neutral Oil - Options include, avocado oil, canola oil, grapeseed oil, refined coconut oil, sunflower oil or vegetable oil. I've also used light olive oil. The cinnamon should mask any flavor the oil may have.
  • Cinnamon - If you don't have any on hand, you can substitute with 1 teaspoon of espresso powder.

Variations

  • Add Chocolate Chips - Feel free to add some mini chocolate chip or chocolate chunks into the banana cake batter.
  • Add Nuts - If you'd like some texture, you can add walnuts or pecans into the batter.
  • Gluten Free Option - If you are gluten-free, you can use a 1-to-1 cup gluten-free flour blend. Please let me know how it turned out for you!

Key Equipment

  • Electric Mixer - You'll need a stand mixer or hand-held mixer to make the frosting.

Storage

  • Room Temperature - If frosted, store in an airtight container at room temperature for 1 day. Unfrosted cakes can be stored for up to 3 days on the counter.
  • Refrigerator - Store frosted cake in an airtight container for up to 5 days in the fridge. Thaw at room temperature before serving.
  • Freezer - Cool individual slices completely (frosted or unfrosted), then wrap each piece in plastic wrap and store in a freezer bag for up to 2 months. Thaw overnight in the fridge and then bring to room temperature before enjoying or thaw directly from the freezer onto the counter. It will only take 1 to 2 hours, depending on how thick your cake slices are.
A hand holds a slice of banana cake with a bite taken out.

💡Expert Tips

Use a kitchen scale to weigh all your ingredients. Baking in grams rather than in volume, is the best and most accurate way to bake! All my recipes include gram conversions based on King Arthur's Weight Chart.

If you are not using a kitchen scale, measure your flour correctly. Fluff and aerate your flour first, then spoon into your measuring cup and finally level off with the back of a butter knife. Do not pack it in as it will add too much flour.

Use overripe bananas - Super soft ugly brown bananas are best. Not only does it add a nice sweetness, it will add so much banana flavor.

Use room temperature ingredients to ensure a smooth batter. This includes the buttermilk and eggs.

Do not overmix the batter. Overmixing will activate the gluten in the flour and can make your cake tough.

Use a metal pan. Glass or ceramic pans do not bake as evenly and take longer to bake.

FAQ

Can I use an 8 inch (20cm) round cake pan?

Yes, you can! It will take about 35 to 40 minutes to bake and the cake will be a little taller too. Don't forget to tent the top of the cake with foil after 25 minutes to prevent it from becoming to browned.

Is there a difference between banana cake and banana bread?

Yes. Banana cake tends to be lighter in texture, while banana bread is a bit more dense and not as sweet.

Can I make this Banana Cake with Chocolate Frosting gluten-free?

Yes, if you are gluten-free, you can use a 1-to-1 cup gluten-free flour blend.

Close up of chocolate frosting.

You May Also Like

  • Chocolate marbled banana bread slices sitting on a wire rack featured photo.
    Chocolate Marbled Banana Bread
  • Banana Espresso Muffins featured photo.
    Banana Espresso Muffins
  • Double Chocolate Banana Bread With Date Syrup
  • Banana Chocolate Chip Crumb Cake

Did you try this recipe? Please consider leaving a 5-star rating and review below and tag me on Instagram @shortstackkitchen. This provides helpful feedback to myself and other readers. Thank you so much!

📖 Recipe

A slice of banana cake with chocolate frosting on a small plate. Feature photo.

Banana Cake with Chocolate Frosting

Lisa Flinn
Easy single layer Banana Cake with Chocolate Frosting! Light and fluffy cinnamon scented banana cake is topped with a rich and dreamy chocolate cream cheese frosting. A swoon-worthy and crowd-pleasing dessert! 
5 from 1 vote
Print Recipe Pin Recipe
Prep Time 30 minutes mins
Cook Time 30 minutes mins
Total Time 1 hour hr
Course Cakes, Dessert, Snack
Cuisine American
Yields 9 Servings

INGREDIENTS

Banana Cake

  • 1 ½ Cups (180g) All-Purpose Flour
  • 1 ¼ Teaspoon Ground Cinnamon
  • ¾ Teaspoon Baking Soda
  • ½ Teaspoon Baking Powder
  • ½ Teaspoon Fine Salt
  • 1 Cup (227g) Mashed Bananas, 2 large ripe bananas
  • ½ Cup (100g) Granulated White Sugar
  • ⅓ Cup (67g) 67g Light Brown Sugar packed
  • 2 Whole Large Eggs room temp
  • ¼ Cup (50g) Neutral Oil (like avocado, canola or vegetable oil)
  • 2 Tablespoons (28g) Unsalted Butter melted
  • 1 Teaspoon Vanilla Paste or Extract
  • ½ Cup (113g) Lowfat Buttermilk (I used 2%) room temp

Chocolate Cream Cheese Frosting

  • 5 Ounces (142g) Full-Fat Cream Cheese (Block, not tub) room temp
  • ¼ Cup (56g | 4 Tablespoons ) Unsalted Butter room temp
  • ⅛ Teaspoon Fine Salt
  • 1 Teaspoon Vanilla Paste or Extract
  • 1 ¾ to 2 Cups (169g to 227g) Powdered Sugar
  • ½ Cup (42g) Unsweetened Cocoa Powder
  • 2 to 4 Tablespoons Milk or Cream
Prevent your screen from going dark

Instructions
 

  • Position a rack in the center of the oven and preheat to 350ºF (180ºC). Grease and line an 8-inch (20cm) square or round cake pan with parchment paper; set aside. see note below
  • Combine Dry Ingredients - In a medium bowl, combine all-purpose flour, baking soda, baking powder, cinnamon and fine salt. Set aside. 
    1 ½ Cups (180g) All-Purpose Flour
    1 ¼ Teaspoon Ground Cinnamon
    ¾ Teaspoon Baking Soda
    ½ Teaspoon Baking Powder
    ½ Teaspoon Fine Salt
  • Combine Wet Ingredients - In a large bowl, finely mash the bananas with a fork or an electric mixer. Add the white sugar, brown sugar, eggs, oil and vanilla and whisk until well-combined. Then mix in the buttermilk.
    1 Cup (227g) Mashed Bananas, 2 large ripe bananas
    ½ Cup (100g) Granulated White Sugar
    ⅓ Cup (67g) 67g Light Brown Sugar
    2 Whole Large Eggs
    ¼ Cup (50g) Neutral Oil (like avocado, canola or vegetable oil)
    2 Tablespoons (28g) Unsalted Butter
    1 Teaspoon Vanilla Paste or Extract
    ½ Cup (113g) Lowfat Buttermilk (I used 2%)
  • Combine Wet Ingredients & Dry Ingredients -  In 2 additions, sift the flour mixture into the wet ingredients and stir until just combined. Do not over mix.
  • Bake - Pour the cake batter into your prepared cake pan and bake for about 30 to 35 minutes. It's ready when a toothpick inserted into the center of the cake comes out clean. Allow to cool on a wire rack for 15 minutes, then remove from the pan and cool completely.
  • Make Chocolate Frosting - In a large mixing bowl, add room temp cream cheese, room temp butter, vanilla and fine salt. Whip on high speed until light and fluffy, about 2 minutes. You can use a stand mixer fitted with a paddle attachment or a hand-held electric mixer.
    5 Ounces (142g) Full-Fat Cream Cheese (Block, not tub)
    ¼ Cup (56g | 4 Tablespoons ) Unsalted Butter
    1 Teaspoon Vanilla Paste or Extract
    ⅛ Teaspoon Fine Salt
  • Sift in the powdered sugar and unsweetened cocoa powder and 2 tablespoons of milk. Starting on low speed and then gradually increasing to medium speed, whisk the ingredients until combined. If you'd like a thinner frosting, add a bit more milk. Taste. If it's too sweet you can add a little more salt.
    1 ¾ to 2 Cups (169g to 227g) Powdered Sugar
    ½ Cup (42g) Unsweetened Cocoa Powder
    2 to 4 Tablespoons Milk or Cream
  • Frost and Serve - Once the cake is completely cooled, slather the top with chocolate frosting. You can also frost the sides as well. Serve immediately and enjoy!

Notes

Tenting - If at any point your cakes gets too browned, you can loosely tent the top of the cake pan with a piece of foil. I usually tent mine after 25 minutes.
Cake Pan Size - If you're baking this cake in a round 8-inch (20 cm) cake pan, it will take about 35 to 40 minutes. 
Storage - Store the Banana Cake with Chocolate Frosting in an airtight container, in the fridge for up to 5. Thaw at room temperature before serving. You can view freezing instructions in the body of the post.
Keyword 8 inch cake, 8 inch round cake, 8 inch square cake, banana bread, banana cake, banana cake with chocolate frosting, banana cinnamon bread, chocolate buttercream, chocolate cream cheese frosting, chocolate frosting, cinnamon banana cake, one bowl, one layer cake, single layer cake, soft and moist banana cake
Did you try this recipe?Share your photo and tag us @shortstackkitchen on Instagram!
Banana cake with chocolate frosting pinterest 1

More Cakes & Cupcakes

  • Dreamy coconut mousse cake featuring a super moist coconut cake base, layered with a light and creamy coconut mousse, shredded coconut and Raffaello candy!
    Coconut Mousse Cake
  • Raspberry white chocolate mousse cake features a dark chocolate cake base, followed by a raspberry white chocolate mousse that's made without gelatin or eggs, and finished with a chocolate ganache.
    Raspberry Mousse Cake (no gelatin or eggs)
  • Pistachio orange cake topped with a fresh orange glaze is sliced and sitting on a serving platter feature photo.
    Pistachio Orange Cake
  • 15 of the best show-stopping Thanksgiving desserts that go beyond pumpkin pie and can be make ahead.
    Make-Ahead Thanksgiving Desserts

Comments

  1. Hadil Rz says

    October 17, 2025 at 5:15 am

    5 stars
    I tried this recipe, and it came out so good! It was moist and rich and warm with the banana flavor and the chocolate added more rich taste to it

    Reply
    • Lisa Flinn says

      October 17, 2025 at 9:10 am

      I'm so happy you enjoyed this cake, Hadil! Chocolate and bananas are a match made in heaven! Happy Baking ❤️

      Reply
5 from 1 vote

Leave a Rating and Comment Cancel reply

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

Recipe Rating




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

Final profile headshot 2025.

Hi, I'm Lisa! I'm the photographer, recipe developer, and content creator behind Short Stack Kitchen! Here you'll find both, sweet and savory treats to satisfy all your cravings.

MORE ABOUT ME →

Popular

  • Overnight plain bagel with blistered crust sitting on a baking sheet, featured photo.
    Overnight Bagel Recipe
  • lemon poppy seed yogurt loaf profile picture
    Lemon Poppy Seed Yogurt Loaf Cake
  • Chocolate Espresso Tiramisu Tart
  • Brown Butter Blondies w/ Chocolate Chips and Pecans
  • Toffee espresso blondies feature photo.
    Salted Toffee Espresso Blondies
  • Chocolate marbled banana bread slices sitting on a wire rack featured photo.
    Chocolate Marbled Banana Bread

♡ Lisa's Favorites

  • Banana Espresso Muffins featured photo.
    Banana Espresso Muffins
  • Hot honey drizzled over tall and flaky Parmesan Black Pepper Thyme Biscuits sitting a serving plate feature photo.
    Black Pepper Thyme Biscuits
  • Toffee cookie butter blondies feature photo.
    Toffee Cookie Butter Blondies
  • Macadamia nut shortbread also known as, hawaiian shortbread cookies are dipped in chocolate and sitting on a wire rack feature photo.
    Macadamia Nut Shortbread

Fresh on the Blog

  • Jalapeño cheddar focaccia on a black cooling rack featured photo.
    Jalapeño Cheddar Focaccia
  • Biscoff rice krispie treats made with marshmallows, cookie butter, rice krispies cereal and topped with chocolate, more cookies butter and Biscoff cookie biscuits.
    Biscoff Rice Krispie Treats
  • Super soft and moist peanut butter thumbprint cookies, also known as peanut butter blossom cookies are rolled in sugar and pressed with Reese's hearts peanut butter cups.
    Heart Peanut Butter Cookies
  • Strawberry rice Krispies treats with freeze-dried strawberries, mini marshmallows, white chocolate and sprinkles.
    Strawberry Rice Krispie Treats

Footer

↑ back to top

About

  • About Me
  • My Portfolio

Disclaimer

  • Terms & Conditions
  • Privacy Policy

Contact

  • Work With Me

Copyright © 2022-2026 Short Stack Kitchen | All Rights Reserved

Banana cake with chocolate frosting pinterest 1

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.