Coconut Banana Cake with Chocolate Frosting.
Starting Friday on the sweet side with this Coconut Banana Cake with Chocolate Frosting.
You guys. This cake. I LOVE it.
I know I say this so often, but this cake is so good, words really cannot describe its deliciousness. If you like banana, coconut, and chocolate, you absolutely have to make this cake. Like no questions, you have to make it.
Not sure what’s going on this month, but I am in serious cake making mode. In the last two weeks, I have made so many cakes it’s insane. I have one for you today and two more to follow (assuming I can get the recipes right…it’s taking a bit of effort) all before Easter. So, plenty of cake coming your way.
It’s so weird how I go through certain food phases, but I am for sure in a cake phase. I figure it’s not a bad thing, I mean, everyone likes cake, right?
Yes, everyone likes cake…don’t try to tell me otherwise.
As you can probably guess by the mass amount of banana and chocolate recipes here on HBH, I pretty much adore the combo. Adding in sweet coconut to the mix just makes me adore it even more. So naturally this cake had to happen.
The real secret to this banana cake is the roasted bananas. Yes, roasted bananas. If you haven’t tried roasting your bananas yet, today is the day, because it is a game changer. My next banana recipe is going to be banana bread with roasted bananas, and I already know it’s going to be the best ever…
Anyway, this cake is loaded with banana flavor and I think that’s why I love it so much. Most banana cake recipes call for three or less bananas, and to me, that just did not seem like enough for a tall three layer cake. My recipe uses six whole bananas and while I know that might seem like a lot, trust me, it’s the right amount. Roasting the bananas makes them extra soft and sweet. In turn you get bananas that mash-up so well and provide you with the most moist and perfectly sweet cake ever.
Again, so good.
Since Easter and spring time inspired this cake, I also decided to stir in some sweet coconut for a nice tropical touch. For whatever reason, Easter makes think tropical, probably because growing up we would head to Florida at Easter.
Ahh, those were the days.
While the cake is the obvious star here, the frosting is very important as well. A lot of banana cakes are paired with a cream cheese frosting similar to that of a carrot cake. But you guys, you know me, if I’m making a banana dessert, it’s going to include chocolate. It’s just the way I have to do it.
Enter the chocolate frosting. It’s light, airy, very chocolatey, flavored with plenty of vanilla, and finished with a spoonful of coconut cream for even more flavor and the perfect whipped texture. It’s quite possibly becoming my new go-to frosting recipe. That’s how much I love it.
And when slathered all over this sweet coconut banana cake? Well…there’s nothing better.
So moist, so flavorful, and just so mouth-watering good.
I happened to make this cake while my brother, Brendan was in town, and I was so happy I did. Like me, Brendan loves bananas, chocolate, and coconut anything. This cake was right up his alley and I was pretty excited when he walked into my house the other day to say that it might just be the best cake he’s ever had.
YESSSS. Bren has been around the world and eaten some of this best food there is to eat, so this is a big compliment.
Meaning, if Brendan says it’s good, then you have to trust that this is a recipe worthy of your time.
Meaning, you should make it this weekend, as a test drive, and then make it again over Easter weekend, if you celebrate. And if you don’t celebrate? Just make it anyway, because it’s fun, and spring is near, and you need a little banana, coconut, chocolate sweetness in your life. Enough said.
Nutritional information is only an estimate. The accuracy of the nutritional information for any recipe on this site is not guaranteed.
Coconut Banana Cake with Chocolate Frosting
Keyword: coconut and banana, layer cake, roasted banana
The real secret to this banana cake is the roasted bananas. Yes, roasted bananas. If you haven't tried roasting your bananas yet, today is the day, because it is a game changer.
- 6 ripe bananas, peel on
- 1 cup canola oil
- 1 cup plain greek yogurt
- 3 large eggs
- 1 cup granulated sugar
- 3/4 cup light brown sugar
- 1 tablespoon vanilla extract
- 2 teaspoons lemon juice
- 3 1/2 cups all purpose flour
- 2 teaspoons baking soda
- 1 teaspoon baking powder
- 1 teaspoon kosher salt
- 1 cup shredded sweetened coconut
- 4 ounces cream cheese, at room temperature
- 2 sticks butter, at room temperature
- 1 1/2-2 cups powdered sugar
- 1 cup unsweetened cocoa powder
- 2 teaspoons vanilla extract
- 1/2 cup canned coconut cream
1. Preheat oven to 350 degrees F. Grease three 8-inch round cake pans. Line with parchment paper, then butter/spray with cooking spray.
2. Line a baking sheet with parchment paper and place the whole bananas on the baking sheet. Transfer to the oven and roast for 20-25 minutes or until the tops of the bananas are blackened on the outside. Remove from the oven and let cool. Once cool enough to handle, remove the peel, and mash the bananas.
3. In the bowl of a stand mixer (or use a hand-held mixer) beat together the oil, yogurt, eggs, sugar, brown sugar, vanilla, and lemon juice. Beat in the bananas, mixing until combined. Add the flour, baking soda, baking powder, and salt and mix until just combined. Stir in the shredded coconut.
4. Pour the batter among the 3 cake pans and bake 30-35 minutes, until the tops are just set and no longer wiggly in the center. Remove and let cool five minutes, then run a knife around the edges of the pan and turn the cakes out onto a cooling rack. Cover and let the cakes cool completely before assembling.
5. To make the frosting, add the cream cheese and butter to a large mixing bowl. Using an electric mixer beat until the mixture is light and fluffy, about 2 minutes. Add the powdered sugar, cocoa powder, and vanilla. Beat another 2-4 minutes or until the frosting is light and fluffy. Beat in the coconut cream until combined.
6. Place one cake layer on a serving plate or cake stand. Spread with frosting. Repeat with the remaining 2 cake layers. Frost the cake sides. Serve or store in the fridge for up to 2 days. Bring to room temp. before serving.
The best slice of cake. The best.
Our Favorite Recipes
Raw Chocolate Banana Cashew Cream Pie Bars.
I assume the bananas are peeled before mashing?
Hi Helen! Yes, the bananas are peeled before mashing. I hope you love this!
I need a slice of this. Right now!!
Yes!! I hope you love it Ruth!
Do you mash the entire roasted banana, skin too?
So about those banana peels, whole bananas
Peels and all, baked and mashed?
Are you KIDDING me? Have you ever seen a food ANYWHERE that you eat banana peels? I can’t believe some people, why are you even reading recipes if you would think for one minute that a banana peel would be mashed up and included, no less in a 3-layer CAKE?
I’m with you Jodi, those banana peel comments were really concerning.
Are you KIDDING me? Have you ever seen a food ANYWHERE that you eat banana peels? I can’t believe some people, why are you even reading recipes if you would think for one minute that a banana peel would be mashed up and included, no less in a CAKE?
Woh…that’s pretty harsh. I’m guessing they’re reading recipes because they’re interested in learning new things. Kindness goes a long way.
I’m with Leslie. No need for such derogatory comments directed to the commenters on banana peels. Whether they’re new to baking or not, they desired a polite answer. I’m here for new recipes and also never here of roasted bananas. Let’s be nice to each other.
I too was very surprised by the harshness of the comments. I think in this day an age we cannot assume that everyone
knows how to cook. I was raised cooking with my mother and grandmother every weekend and I went on to become
a professional chef. My daughter calls me regular on the phone with a question about cooking because as a kid she thought
it was so uncool to cook because I did it. This world has become way to harsh and if we want to help people thrive it MUST be with kindness and compassion. It is a lot easier to be kind than not <3
Hi Gary! The peels are removed before mashing. I hope you love this cake! Thank you!
I must say, you have the most amazing food porn in the blogosphere! When I receive your posts in my in-box, I know I better be ready to: 1) get a bucket for my drool; 2) get over the fact that I just gained 5lbs. just looking at your lovely photography; and 3) pray my sad over-ripen bananas, currently sitting on my counter for over a week, could ever aspire to be as this lovely creation & not fall to the perils of a huge Pinterest fail meme. 🙂 Keep feeding the masses with your beauty!
Awh thank you so much Stephanie! It makes me so happy to hear that you enjoy my blog and photos! I hope you love this cake and it turns out amazing for you… and not to a pinterest fail meme! But I am sure that will not happen haha!
This looks incredibly delicious. I have to make it!
I hope you love this Vickie!
I too love anything with chocolate & bananas. Never thought about roasting bananas before can’t wait to try.
I hope you enjoy this Mari, thank you!
Chocolate + Banana + PEANUT BUTTER = <3 (try this combo sometime!)
The combo is so good. My husband and I love banana cake and actually had it as our wedding cake flavor. This recipe looks awesome!
Haha wow that is amazing! I am so glad you like the flavor combo in this, Cori!
Omg, this cake though! It obviously looks amazing because your an incredible food stylist, but if I was blind I’d be drooling at the description alone!
Thank you so much Tori!
This looks incredibly delicious. I have to make it and will serve with my friend. share everyone to try this amazing cake dish
Thank you so much! I hope you love this!
I love this cake and seeing it made me smile! 🙂 haha I love baking cakes so being in cake mode is wonderful. Maybe I can bake this for my mom when I visit tomorrow? I don’t have Edible flowers (I don’t think her grocery store has any) but maybe I can use coconut flakes? Where do you get your flowers? They remind me of reading books outside in the spring when I was growing up. 🙂
Are you heading to FL again this year? You should! 🙂
Haha Maybe we can finally meet.
Either way, I hope you’re having a nice evening and a lovely weekend.
You should totally make this for her, Kristin! I think it would be so sweet of you! I hope it turns out amazing and you enjoy the time with your mom!
I made this last night. It really is delicious. The cake itself is very moist, and it does have a pronounced banana flavor. We really love frosting, so I doubled that, and it worked out well, there was plenty for the layers and the sides. By the way, you remove the peels from the bananas before you mash them, the peels have no flavor. I also added the extra coconut I had left over, to the frosting. A definite keeper.
Hi Mark! I am so glad this turned out amazing for you! Thank you so much!
Do you think this could be used to make cupcakes?
Yes, but it will make a lot of cupcakes. Around 36. Please let me know if you have other questions. Hope you love this recipe! Thanks! 🙂
This looks epic! Could I use coconut oil, butter or maybe olive oil instead of canola?
I made this cake last night for a dinner party I had, and everyone loved it!! I used refined coconut oil instead of canola oil. Love how you bake the bananas before mixing them in, and use coconut cream in the icing.
Hi Ally! I am so glad you and your guests enjoyed this cake! Thank you!
Is there something I can substitute the shredded coconut. We love coconut milk, coconut water, but don’t care for the shredded coconut. This cake and the strawberry cake both call for coconut and I want to make them for my family. What would you recommend to substitute? My family and I love your blog and your cookbook.
Maybe subbing with coconut oil can give it the additional coconut flavor?
HI! I would simply just omit the shredded coconut. The cakes will be delicious minus the coconut. Please let me know if you have other questions. Hope you love this recipe! Thanks! 🙂
It’s in the oven. Initially the batter came out a bit thick. I thinned it a bit with milk. Batter is delicious
so far ? wondering if I can use coconut milk instead of cream for the frosting. The brand but use is pretty thick. Wish me luck.
HI! I am sorry, not sure exactly what you are asking? The frosting recipe calls for coconut cream. You can use full fat coconut milk in its place if needed. Please let me know if you have other questions. Hope you love this recipe! Thanks! 🙂
We used a grocery delivery service and accidentally got 9 pounds of bananas instead of 9 bananas – oops! This recipe couldn’t have been more timely. We made the cake on Sunday and it has been delicious! Used vegetable oil instead of canola oil, half of the white sugar (my fiance’s preference), and an extra banana. It was definitely still sweet enough and very moist. The icing is amazing! Thanks for the recipe!
Haha oh boy! You’re going to be making a lot of banana treats! I am so glad you enjoyed this cake, Kate! Thank you!
Oh my goodness…drooling over here!!! I’m thinking about making this for my sister’s first birthday and was wondering – what would you suggest using in place of canola oil? And for the frosting, would heavy cream work in place of the coconut cream? Thank you so much for this lovely recipe…I can’t wait to make it!
HI! I would use an equal amount of melted butter for the canola oil and yes, you can use heavy cream. Please let me know if you have other questions. Hope you love this recipe! Thanks! 🙂
Made this for my husband’s birthday. Love this cake! It’s moist and very flavorful which I believe is from the roasted bananas. Based on your frosting recipe, I could not completely frost this cake. I kept the amount of frosting to a minimum on the layers but fell short a couple of inches around the outside of the cake. I will definitely make this again. It is surely a keeper!!
Thank you so much! I am so glad this cake turned out well for you!
Wow! This looks amazing!
Thank you Lesley!
I made this recipe (along with the carrot cake & strawberry frosting one) into cupcakes for a work potluck. It’s great! Roasting the bananas did really bring out their flavor (side note, a few people called them muffins – not sure if they thought they weren’t super sweet or if they didn’t know banana cake was a thing) and the coconut went nicely with it. The real winner though is the frosting. The coconut cream makes this stuff INSANE. This will forever be my go-to chocolate frosting!
I am so glad you enjoyed this recipe! Thank you so much Lauren!
This cake looks AWSOME! Will bake for ?. One question tho, do I include the egg shells ? Just kiddin’. Not sure what coconut cream is. Canned coconut milk (fairly thick) or the extremely thick cream? Thanks so much for all ur beautiful delicious recipes
This cake was so good! We loved it…thank you!
If you make cupcakes with this recipe, would you bake them same time/temp as this cake?
I would bake them 18-20 minutes. Please let me know if you have other questions. Hope you love this recipe! Thanks! 🙂
Is the cream of coconut milk the kind that comes in a can or the thicker stuff called cream of coconut.
HI! It comes it a can and is very thick. Please let me know if you have other questions. Hope you love this recipe! Thanks! 🙂
Accidentally used vanilla Greek yogurt so I’m cutting the sugar a bit. Wish me luck!
I hope it turns out amazing for you! Let me know ? Thank you!
Bananas vary in size. So, please approximate how many cups of mashed bananas would equal the 6 bananas called for in the recipe.
It’s around 3 1/2 cups mashed banana. Please let me know if you have other questions. Hope you love this recipe! Thanks! 🙂
Omg you are the best!!!!! This cake was a huge hit with my nieces n we baked this for my niece’s for rat bday. Not too sweet n definitely so freaking moist. Thanks so much will definitely make this again
I am so glad you all loved this Lucy! Thank you!
Can this cake be made in advance?
Hi, do you think it’s possible to switch the canola oil for coconut oil?
I think coconut oil should be fine. Please let me know if you have other questions. Hope you love this recipe! Thanks! 🙂
Hi all… I have the batter in the oven as I’m writing this… just looking at the directions for the frosting (planning ahead was never my strong suit)… is one cup of cocoa powder correct, as in 8 ounces by weight? As much as I love chocolate it seems like a lot! Thanks!
Hi! 1 cup cocoa powder is correct. Please let me know if you have other questions. Hope you love this recipe! Thanks! 🙂
I made the coconut banana cake last night and it turned out perfectly delicious! My family raved about it! This one is going in my go-to recipe stash. Thank you, Tieghan!
I am so glad you loved this! Thank you Angela!
I made this cake over the weekend and it was very tasty but turned out little dry. I want to make it again but infuse more moisture. Do you have any suggestions?
Also, I noticed that there was quite a bit of liquid that came out of the bananas after roasting, was I supposed to use the liquid too in the cake?
HI! So you are not supposed use the liquid that comes out of the bananas. Did you change anything about the recipe? It is very hard to say what might help without knowing how you baked the cake. My recommendation is to reduce the cooking time by a few minutes. Let me know if you changed anything about the recipe and I might be able to help more! Please let me know if you have other questions. So glad you love this recipe! Thanks! 🙂
Just to add to the post above, I did make a slight revision and replaced the brown sugar with coconut sugar. Would that be a reason why the cake turned out a little drier for me?
HI! Yes, that could have been it for sure! I have found coconut sugar to be very dry in almost all baked good.
Another incredibly delicious recipe! Your recipes do not disappoint! I made this cake over the weekend for a birthday celebration and the family lost their minds after first seeing and then eating this cake! Wish I could post a picture of it here because I don’t Instagram. Instead of decorating with flowers, I simply sprinkled the top of the cake with toasted coconut. Simply Perfect!
Sounds so amazing! I totally wish I could see it, but I am so glad you enjoyed this Donna! Thank you!!
Wow! I’m so glad I believed you and made this recipe. I made it for my son’s first birthday party. Made on Friday night, ate on sunday. It was still so moist and everyone loved it! I must have been mad making a recipe for so many people without testing it first! I made a double batch and baked it in 4 tins (2 each recipe). I used a chocolate Swiss buttercream instead because I needed it to support the top tier smash cake and all my baby decor! It’s was wonderful!! Xo
Thank you so much Tina! I am so glad you loved this recipe!
I made this cake and served it at to my cousins, and it was a hit! What I like about this cake is that it is not too sweet, and the choc icing is so creamy. Plus, it is easy to make. The cake is all gone, everyone asked for a to-go piece! Thanks for the awesome recipe! P.S. – I have a challenge for you. In the neighboring town of Idaho Springs, there is a bakery named Edelweiss. They make almond crescents, which are the bomb. Please figure out the recipe and post it! 🙂
Wow that is so amazing! I am so glad you and your cousins loved this cake Katie! Thank you for trying it! Oh and I am so down to try to make those!
Can I do this in a 13x9x2? Thanks!
HI! This is a bit too much cake for a 9×13 inch pan. If you cut the batter down by about 1/3 it should work perfectly for a 9×13 inch cake. I broke out the measurements below for you. Please let me know if you have any other questions. I hope you love this recipe! Thank you! xTieghan
4 ripe bananas, peel on
3/4 cup canola oil
3/4 cup plain greek yogurt
2 large eggs
3/4 cup granulated sugar
1/2 cup light brown sugar
2 teaspoons vanilla extract
1 1/2 teaspoons lemon juice
2 3/4 cups all purpose flour
1 1/2 teaspoons baking soda
3/4 teaspoon baking powder
3/4 teaspoon kosher salt
3/4 cup shredded sweetened coconut
My trial run of this cake came out SUPER dense! Is this an error on my end or how the cakes consistency should be? Wanting to figure this out because it is SO delicious and the best vehicle for that frosting on the planet. Also wondering my shredded coconut was unsweetened… does the sweetened help it to taste more like coconut? Because I have a dense and strong flavored banana bread cake as of right now.
Hey Kat, this cake should in no way be dense. It should be light and fluffy. Was there anything you changed about the recipe? Are you baking soda and baking powder fresh? This is really import! Any details you can give me on how you made this would be helpful. Thank you! xTieghan
Hi Tieghan! I only have 9 inch pans. Should I still use 3? The cake looks delicious and I want to make it for my nieces birthdays. Thank you! 🙂
HI! Yes, I wouls still recommend using 3. I think that will be just fine. Please let me know if you have any other questions. I hope you love this recipe! Thank you! xTieghan
This is AMAZING! Directions are super clear and simple – easy to make. Some commenters say they did not have enough frosting, I did though. The cake was moist and banana flavor was prominent. Everyone raved about this!
I am so happy to hear that! Thank you! xTieghan
Just made this tonight, and wow I love it! Like eating banana bread for dessert. I found your comment below for converting the portions to a 9×13 size pan and it worked out perfectly. Fluffed up very nice, as did the frosting!
Thank you Haley! xTieghan
For the coconut banana cake with chocolate frosting… can you substitute the greek yogurt with heavy cream or cream cheese… yogurt is not like by one of the family members.
Hi Angel, you really do not taste the yogurt at all, so I do think you can still use it. That said, you can also replace it with an equal amount of whole-milk buttermilk or room temperature cream cheese. Please let me know if you have any other questions. I hope you love this recipe! Thank you! xTieghan
Could I make into 2 9″ layers instead? I do not have 8″ layer tins and cannot get any in time for my daughter’s birthday? Looks delicious
Hey Norma, I would recommend baking 3 (9 inch) cakes layers instead. The layers will still come out great, just bake 2-3 minutes less than directed. Please let me know if you have any other questions. I hope you love this recipe! Thank you and happy holidays! xTieghan
Can I use frozen bananas for this? I have 1/2 fresh and 1/2 frozen that I was saving for banana bread. This is going to be the perfect cake for my husbands birthday this weekend!
Hi Stephanie! Yes, you can thaw your frozen bananas and use them. Yum! Please let me know if you have any other questions. I hope you love this recipe! Thank you!! xTieghan
Could self rising flour be used here instead of all purpose?
Hey would I be able to cut this recipe in half? This recipe would make a little bit too much and I don’t have a big family. It seemed simple enough but I was hesitant about the eggs since the recipe calls for an uneven amount.
Yes you can cut this in half, just round the egg portion up. I hope you love the recipe, please let me know if you have any other questions! xTieghan
Thank you for this wonderful recipe. I made it this past weekend and it was a hit! I wasn’t too sure about the chocolate frosting, I thought it was too sweet when I was making it, but I was so wrong it blended so well with the bananas and coconut, it melts in your mouth. Definitely will be making again in the future and maybe throw some nuts in there.
Thanks a lot for making this recipe, I am delighted that it was enjoyed! Happy Friday:) xTieghan
So sorry I have not tested this recipe without egg, you could certainly try a flax or chia egg. Let me know how the recipe turns out! xTieghan