The Itsy-Bitsy Kitchen

recipes to feed your sweet tooth

  • HOME
  • ABOUT
  • Recipe Index
  • Contact
  • Privacy Policy
You are here: Home / Cakes and Cupcakes / Chocolate Banana Cake

Chocolate Banana Cake

Jump to Recipe Print Recipe
Pinterest image for chocolate banana cake with text overlay

This chocolate banana cake is a fun twist on the classic marble cake, featuring soft banana cake layers swirled with chocolate and covered in the creamiest chocolate buttercream. It’s always a hit!

chocolate banana cake with slices taken out of it sitting on a cake stand

 

This post contains affiliate links. If you make a purchase using one of those links I may receive a small commission, at no additional cost to you. I only link to products I love and use myself. For the full disclosure, see here.

OMG. <——I start too many posts like that. But sometimes it’s appropriate. Like right now, when I don’t really have words to tell you just how excited I am about today’s recipe.

This chocolate banana cake is INSANE. Crazy good. And totally show-stopping don’t you think? I’m so in love with the marbling that I just can’t stop staring. Banana cake swirled together with chocolate cake. . .my heart (and by heart I mean sweet tooth) can hardly stand it.

If you love chocolate and banana together then you need to try this ASAP. Don’t worry—it’s easier than it looks! Both to make and to eat 😉

Why you’ll love this chocolate banana cake:

  • You don’t need a stand mixer to make it!
  • The chocolate cake is really just banana cake batter mixed with melted chocolate chips; you’re not actually making two different batters
  • It’s a fun, non-banana bread way to use overripe bananas

How to make chocolate banana cake

This is definitely the best banana cake recipe I’ve ever made.  It’s super soft and light, not at all dense like banana bread.  Even if you don’t add the melted chocolate chips, I think you’ll love the cake.

how to make chocolate banana cake steps 1 through 3
Start by beating the butter and sugar a large mixing bowl until very light and creamy. Beat in the eggs one at a time, then add mashed banana vanilla, baking powder, baking soda, and salt and beat to combine.

how to make chocolate banana cake steps 4 through 6

Add the flour in three additions, alternating with the buttermilk. Be sure to stop the mixer and scrape down the sides and bottom of the bowl every so often! This recipe makes a lot of cake batter and you need to help the mixer along with a rubber spatula, so the scraping is important.

how to make chocolate banana cake steps 7 and 8

Transfer 1 1/4 cup of the banana cake batter to a small mixing bowl and mix in melted chocolate chips.

Baker’s tip: Chocolate scorches easily in the microwave so melt it slowly. Heat it in 20-second intervals, stirring after each interval, until the chocolate is melted and smooth. Going slowly like this saves you from having to start over with new chocolate.

how to marble chocolate banana cake layers step by step

Divide about half of the remaining banana batter between three 8-inch round cake pans that have been lined with parchment and sprayed with cooking spray. Dollop the chocolate batter over the banana batter, then top with the remaining banana batter. Use a butter knife or the handle of a wooden spoon to swirl the two batters together—don’t over-swirl!

If necessary, gently smooth the top of the batter with a small offset spatula. Then pop them in the oven and bake about 30 minutes. Let your cake layers cool completely before you frost them.

How to make chocolate buttercream

This is my favorite buttercream recipe and because it’s super-chocolatey and SO EASY to make.

how to make chocolate buttercream step by step

Start by beating room temp butter in a large mixing bowl until it’s very smooth and creamy. Add cocoa powder and beat to combine, then beat in powdered sugar, vanilla, milk, espresso powder (if you want) and salt. Don’t omit the salt! This frosting is really sweet and needs a little salt to round out the flavors.

Once the frosting is smooth and is a consistency you like, you’re ready to assemble your cake.

How to assemble chocolate banana cake

how to assemble chocolate banana cake step by step
If your cake layers have domed, trim them with a long serrated knife.

Set one cooled cake layer on a cake stand or a cardboard cake circle.  Spread some frosting over it, then top with a second cake layer and more frosting.  Top with the last cake layer and frost and decorate as desired.

I used my trusty large star tip to pipe the frosting and pressed some chocolate jimmies into the sides of the cake, but banana chips and chocolate chips would both be really fun decorations. 

Variations

  • Spread a layer of creamy peanut butter over the cake layers before frosting them
  • Add a few tablespoons of peanut butter to the frosting! (You might need to add additional powdered sugar if you do.)
  • Spread a thin layer of banana curd between the cake layers for an extra dose of banana flavor

There you have it: chocolate banana cake. If you’re looking for a twist on the classic marble cake then look no further.This one is chock full of potassium so it’s pretty hard to beat.

More cake recipes (in case you’re hungry)
Butterfinger Cake
Tuxedo Cake
Death by Chocolate Cake

slice of chocolate banana cake on a plate with the rest of the cake in the background

Did you make this chocolate banana cake? Excellent!  Let me know what you think with a comment and a rating below.  And post a pic on Instagram! Tag @theitsybitsykitchen so I can see (and share!) your beautiful creations!  

5 from 19 votes
chocolate banana cake with slices taken out of it sitting on a cake stand
Print
Chocolate Banana Cake
Prep Time
25 mins
Cook Time
30 mins
Cooling Time
2 hrs
Total Time
2 hrs 55 mins
 

This chocolate banana marble cake is delicious and a lot easier to make than it looks.

Course: Dessert
Cuisine: American
Servings: 10
Author: Kelsie
Ingredients
Cake layers
  • 2 cups granulated sugar
  • 3/4 cup unsalted butter at room temperature
  • 3 large eggs
  • 1 1/2 cups mashed very ripe banana from 3 to 4 bananas
  • 1 1/2 teaspoons vanilla extract
  • 1 1/2 teaspoons baking powder
  • 1 1/2 teaspoons baking soda
  • 3/4 teaspoon salt
  • 3 cups all-purpose flour
  • 1 cup buttermilk
  • 1/2 cup semi-sweet chocolate chips
Chocolate frosting
  • 1 1/2 cups unsalted butter at room temperature
  • 2/3 cup unsweetened cocoa powder
  • 4 to 4 1/2 cups powdered sugar
  • 3 to 4 tablespoons whole milk or heavy cream
  • 1 teaspoon vanilla extract
  • 1/2 teaspoon espresso powder optional
  • 1/2 teaspoon salt
Instructions
Cake layers
  1. Preheat the oven to 350 degrees. Spray 3 8-inch round cake pans with cooking spray. Line the bottom of the pans with parchment paper and spray the paper with cooking spray. Set pans aside.
  2. Combine the sugar and butter in a large mixing bowl and beat with an electric mixer on medium speed for 3 minutes, until very light and creamy. Beat in the eggs 1 at a time, beating for 30 seconds after each addition.
  3. Beat in the bananas, vanilla, baking powder, baking soda, and salt until well combined.
  4. With mixer on low speed, mix in one third of the flour followed by half of the buttermilk. Stop mixer and scrape the sides and bottom of the bowl with a rubber spatula. Mix in half of the remaining flour followed by the remaining buttermilk. Again scrape down the bowl. Add the rest of the flour and beat until batter is smooth.
  5. Transfer 1 1/4 cup of the cake batter to a small mixing bowl. Place the chocolate chips in a heat-proof bowl and melt in 20-second intervals, stirring after each interval, until chocolate is melted and smooth.*  Stir into the reserved 1 1/4 cups of batter.

  6. Divide about half of the remaining banana batter between the prepared cake pans. Dollop the chocolate batter over the top, then top with the remaining banana batter. Use a butter knife or the handle of a wooden spoon to swirl the two batters together—don’t over-swirl!
  7. If necessary, gently smooth the top of the batter with a small offset spatula. Bake cake layers for 29 to 35 minutes, until a cake tester inserted into the center of the cake layers comes out clean; try to avoid sticking the cake tester into the chocolate cake.
  8. Cool layers in pans for 20 minutes, then run a knife around the edges of the pans and carefully invert the cake layers onto wire racks to cool completely.
Chocolate frosting
  1. Place the butter in a large mixing bowl and beat with an electric mixer set to medium speed until very smooth and creamy. Turn mixer to low and beat in cocoa powder, then gradually beat in 4 cups of powdered sugar. Beat 1 to 2 minutes more.
  2. Add 3 tablespoons of milk, vanilla, espresso powder (if using), and salt and beat to combine. Turn mixer to medium and beat until frosting is smooth. Add additional powdered sugar if frosting is too thin or additional milk if it is too thick.
Assembly
  1. Use a long serrated knife to trim your cake layers if they’ve domed. Set 1 cake layer on a cake stand or cardboard cake circle and top with a layer of frosting. Top with another cake layer and more frosting, followed by the final cake layer.
  2. Frost the cake with the remaining frosting and decorate as desired. Serve.
Recipe Notes
  • *Melting your chocolate slowly keeps it from scorching.
  • I used a large open star tip to and chocolate jimmies to decorate my cake but banana slices and chocolate chips would also be fun.
  • Variations

    • Spread a layer of creamy peanut butter over the cake layers before frosting them
    • Add a few tablespoons of peanut butter to the frosting! (You might need to add additional powdered sugar if you do.)
    • Spread a thin layer of banana curd between the cake layers for an extra dose of banana flavor

Cake layers adapted from Church Supper Desserts

Related

Comments

  1. Bonnie says

    August 16, 2022 at 2:53 pm

    Could I use two 9 inch pans instead of three 8″ pans?

    Reply
    • Kelsie says

      August 16, 2022 at 6:05 pm

      I’m not sure how that would work; there’s quite a bit of batter. Sorry I can’t be of more help!

      Reply
  2. KL says

    April 9, 2022 at 7:01 pm

    Hello,

    I would love to make this cake but I would like to add your banana curd and a chocolate ganache between the different layers (not in the same layer). In your opinion, do you think this would work?

    Also, would I be able to sub half of the vanilla extract for banana extract?

    Regards,

    KL

    Reply
    • Kelsie says

      April 10, 2022 at 3:41 pm

      I think that using banana curd and alternating with ganache would work just fine; I would pipe a circle of buttercream around the edge of the cake to hold in the fillings, particularly the banana curd. And I think subbing some vanilla for banana extract would also be fine but I’m not sure how potent the banana extract is so I would just taste as you go to determine how much to use.

      Reply
  3. Char says

    May 11, 2020 at 7:42 pm

    Dear Kelsie, I would love to make this for my son’s birthday, just wondering if it’s okay to bake the batter all in a single cake pan with a lower temperature and longer time, and slice it into 3? I only have a 40L oven and it wouldn’t fit 3 cake pans, what a shame!

    Reply
    • Kelsie says

      May 11, 2020 at 7:48 pm

      Hi Char! I’ve never actually tried that so I can’t say whether it would work or not, but unless your pan is really tall it won’t be able to fit all of the batter. My recommendation would be to bake the layers in batches. Even if you can only bake one layer at a time, the batter should be fine sitting at room temperature while the layers bake. And I’m thinking that with a small oven, you might want to reduce the baking time a little (at least that’s what I do when I bake in my parents small oven!). Hope that helps and let me know how it goes!

      Reply
      • Char says

        May 12, 2020 at 9:20 pm

        Thank you Kelsie, will let you know if it works! 🙂

        Reply
        • Kelsie says

          May 15, 2020 at 3:22 pm

          Great!

          Reply
  4. India says

    April 24, 2020 at 2:21 pm

    Thank you for the recipe, my whole family loves it!!! Will be making this again!!!

    Reply
    • Kelsie says

      April 24, 2020 at 2:26 pm

      That’s great! Thanks for letting me know, India!

      Reply
  5. Maddy says

    April 17, 2020 at 10:16 am

    5 stars
    Looks great! Want to make this for my mums 50th birthday, but with current affairs I’m unable to get my hands on any all purpose flour – do you know how I should alter the baking powder/baking soda if I were to use self raising instead? Thank you!

    Reply
    • Kelsie says

      April 17, 2020 at 10:27 am

      Hi Maddy! I’m sorry you can’t find ap flour right now! (It’s hard to find here too!) I don’t know exactly how you would substitute but King Arthur Flour has a guide so here’s the link to that! Stay healthy! https://www.kingarthurflour.com/blog/2015/09/09/substitute-self-rising-flour-purpose-flour

      Reply
      • Maddy says

        April 19, 2020 at 7:05 am

        5 stars
        Thank you!! Turned out perfectly! Will definitely be making again

        Reply
        • Kelsie says

          April 22, 2020 at 6:19 am

          Oh good! I’m so glad! Thanks for letting me know 🙂

          Reply
  6. Jessica says

    March 25, 2020 at 10:00 am

    Can I use regular milk instead of buttermilk?

    Reply
    • Kelsie says

      March 25, 2020 at 10:04 am

      Hi Jessica! You can’t substitute straight milk for buttermilk but you can mix whole milk with 1 tablespoon of fresh lemon juice or white vinegar. Mix them together, let it sit for 5 minutes, and that should be fine to use instead. Hope that helps!

      Reply
  7. Hiba says

    July 9, 2019 at 1:43 am

    Can i bake this cake in a bundt pan? Thank you very much

    Reply
    • Kelsie says

      July 9, 2019 at 5:04 am

      Hi Hiba! I can’t give you very good guidance because I haven’t tried that. But the cake makes a lot of batter and I’d be nervous baking it any of my bundt pans because I don’t think they’re big enough to accommodate it. Sorry I can’t be of more help!

      Reply
  8. Kelly | Foodtasia says

    January 20, 2019 at 11:07 am

    5 stars
    Chocolate and banana are one of those combinations I crave and this cake looks spectacular!

    Reply
« Older Comments

Leave a Reply 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.

About

photo of Kelsie Roehl     Hey there! I’m Kelsie and this is where I share my buttery, sugary, and all-around delicious recipes. I LOVE to bake and I want you to love baking too, so all of my recipes are totally do-able for the home baker.  If you need a little dessert in your life, consider this your one-stop shop for anything sweet! Need a little more info? Here you go!

Social

Follow me on:

Subscribe to Blog via Email

Never miss a recipe!

Recent Posts

  • Cake Mix Pound Cake
  • Peach Rhubarb Cobbler
  • Chocolate Walnut Fudge
  • Nutella Tiramisu
  • Espresso Cheesecake

Amazon Associates Disclosure

We are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.

Copyright © 2025 · Daily Dish Pro Theme on Genesis Framework · WordPress · Log in

 

Loading Comments...