Name: Coconut Banana Cake with Chocolate Frosting.
Prep time: 30 min
Cook time: 60 min
Total time: 90 min
Ingredients: 6 ripe bananas (peel on); 1 cupcanola oil; 1 cupplain greek yogurt; 3 large eggs; 1 cupgranulated sugar; 3/4 cuplight brown sugar; 1 tablespoonvanilla extract; 2 teaspoonslemon juice; 3 1/2 cupsall purpose flour; 2 teaspoonsbaking soda; 1 teaspoonbaking powder; 1 teaspoonkosher salt; 1 cupshredded sweetened coconut; 4 ouncescream cheese (at room temperature); 2 sticks butter (at room temperature); 1 1/2-2 cupspowdered sugar; 1 cupunsweetened cocoa powder; 2 teaspoonsvanilla extract; 1/2 cupcanned coconut cream

Jump to Recipe Save it for later

I make this cake when I want something that feels both cozy and a little celebratory. It’s an honest, forgiving recipe: roasted bananas deepen the flavor, shredded sweetened coconut adds chew, and the chocolate cream cheese frosting keeps every bite rich. No fuss techniques, dependable results.

The crumb is tender and moist from the oil and Greek yogurt, while the lemon juice and baking combination give a light lift so the layers don’t feel dense. I like that it holds up well for slicing and looks lovely with a rustic spread of frosting around the sides.

Below you’ll find a practical shopping guide, the exact step-by-step directions straight from the test notes, troubleshooting tips, and storage advice so every bake goes smoothly. Read the ingredients list carefully, gather what’s needed, and let’s get to it.

Your Shopping Guide

Buy the bananas a day or two ahead so they’re easy to roast and sweet enough to mash. You want ripe bananas with plenty of brown spots; the roast will blacken the skins and concentrate sweetness. The recipe calls for six bananas to make three 8-inch layers—plan for that if you prefer two layers only (you’ll have extra batter).

Choose plain Greek yogurt with regular fat (not nonfat) for stability and better crumb; the oil keeps the cake tender so canola oil is the neutral choice here. For the shredded coconut use sweetened coconut as listed—unsweetened will reduce sweetness and change texture.

For the frosting, buy cream cheese and butter at room temperature so they cream together smoothly. Cocoa powder should be unsweetened; if you prefer a milder chocolate flavor, Dutch-processed cocoa works too, but use the unsweetened standard for the balance intended. Keep canned coconut cream chilled until you need it.

Step-by-Step: Coconut Banana Cake with Chocolate Frosting

Ingredients

6 ripe bananas, peel on — roast whole with skins on; concentrates sugar and softens flesh for mash.
1 cup canola oil — provides tenderness and keeps the cake moist.
1 cup plain Greek yogurt — adds richness and acidity for a tender crumb.
3 large eggs — structure and lift.
1 cup granulated sugar — primary sweetener for the batter.
3/4 cup light brown sugar — adds moisture and a touch of caramel flavor.
1 tablespoon vanilla extract — flavor enhancer for the batter.
2 teaspoons lemon juice — brightens the banana flavor and reacts with leaveners.
3 1/2 cups all-purpose flour — the cake’s structure; measure by spooning into the cup and leveling.
2 teaspoons baking soda — leavening agent paired with lemon juice and yogurt.
1 teaspoon baking powder — additional lift to lighten the layers.
1 teaspoon kosher salt — balances the sweetness and enhances flavor.
1 cup shredded sweetened coconut — folded into the batter for texture and coconut flavor.
4 ounces cream cheese, at room temperature — base for the chocolate frosting, adds tang and creaminess.
2 sticks butter, at room temperature — for a smooth, spreadable frosting.
1 1/2–2 cups powdered sugar — adjust between these amounts to reach desired frosting thickness.
1 cup unsweetened cocoa powder — chocolate flavor for the frosting; unsweetened keeps sweetness balanced.
2 teaspoons vanilla extract — enhances the chocolate in the frosting.
1/2 cup canned coconut cream — thins and enriches the frosting while reinforcing the coconut note.

Preheat the oven to 350°F (175°C). Grease three 8-inch round cake pans and line the bottoms with parchment paper; set the pans aside.
Place the whole, peel-on bananas on a parchment-lined baking sheet. Roast on the center oven rack for 20–25 minutes, until the banana skins are blackened. Remove the baking sheet and let the bananas cool until they can be handled.
When the bananas are cool enough, peel and mash them in a bowl until mostly smooth. Set the mashed bananas aside.
In the bowl of a stand mixer (or a large bowl with a hand mixer), combine 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, and 2 teaspoons lemon juice. Beat on medium speed until smooth and combined, about 1–2 minutes. Add the mashed bananas and mix until incorporated.
In a separate bowl, whisk together 3 1/2 cups all-purpose flour, 2 teaspoons baking soda, 1 teaspoon baking powder, and 1 teaspoon kosher salt. Add the dry ingredients to the wet mixture and mix on low speed just until the batter is combined and no large streaks of flour remain. Do not overmix.
Fold in 1 cup shredded sweetened coconut by hand with a spatula until evenly distributed.
Divide the batter evenly among the three prepared 8-inch pans (use a scale or divide by eye). Smooth the tops and bake on the center rack for 30–35 minutes, until the cake tops are set and a toothpick inserted in the center comes out with a few moist crumbs (not wet batter).
Remove the pans from the oven and let the cakes rest in the pans for 5 minutes. Run a knife around the edges, invert each pan, and turn the cakes out onto cooling racks. Remove the parchment rounds and allow the cakes to cool completely before assembling (completely cool to the touch, about 1–2 hours).
To make the chocolate frosting: in a large mixing bowl, beat 4 ounces cream cheese and 2 sticks butter (both at room temperature) on medium speed until smooth and light, about 2 minutes.
Add 1 1/2 cups powdered sugar, 1 cup unsweetened cocoa powder, and 2 teaspoons vanilla extract. Beat on low at first to avoid a sugar cloud, then increase to medium and beat until the mixture is smooth and fluffy, about 2–4 minutes. If the frosting is too thin, add up to the remaining 1/2 cup powdered sugar (to reach 2 cups total) a little at a time until you reach a spreadable consistency.
Beat in 1/2 cup canned coconut cream until fully incorporated and the frosting is smooth. If the frosting is very soft, refrigerate it for 10–15 minutes and rewhip briefly before using.
Assemble the cake: place one cooled cake layer on a serving plate or cake stand. Spread an even layer of frosting over the top. Repeat with the second layer, then place the third layer on top and frost the top and sides of the cake with the remaining frosting.
Serve immediately or store the assembled cake in the refrigerator for up to 2 days. Bring the cake to room temperature before serving for best texture.

The Upside of Coconut Banana Cake with Chocolate Frosting

This cake checks a lot of boxes: make-ahead-friendly, forgiving in texture, and crowd-pleasing in flavor. The roasted bananas give a depth you don’t get from simply mashed raw bananas; they’re sweeter and less astringent, which plays well against the dark cocoa frosting.

It slices neatly, so it’s great for celebrations where you want even portions. The cream cheese–butter frosting adds creaminess and stability, while coconut cream keeps it from tasting too dense or overly sweet. Finally, the shredded coconut tucked into the batter gives each bite a pleasant chew without being overwhelming.

Texture-Safe Substitutions

If you need to swap ingredients but want to preserve texture, here are safe options.

Oil: Use another neutral oil (vegetable or light olive oil) in a 1:1 swap to retain tenderness.
Greek yogurt: Full-fat sour cream can substitute for similar richness and acidity.
Shredded coconut: For less chew, use finely shredded sweetened coconut; for a lighter coconut note, reduce to 3/4 cup.
Coconut cream in frosting: If unavailable, use heavy cream—but the coconut flavor will be muted.

Appliances & Accessories

Stand mixer or hand mixer: helpful for creaming frosting and speeding batter mixing. A mixer isn’t required; you can mix by hand, but your frosting will take longer to get fluffy.

Three 8-inch round cake pans: essential for the layer count called for. If you only have two pans, bake in batches and keep one layer wrapped while others bake.

Scale (optional): if you want perfectly even layers, a kitchen scale helps divide batter precisely. Parchment rounds make unmolding clean and simple.

Missteps & Fixes

Dry or dense cake: this often comes from overbaking or overmixing the batter after adding flour. Check at the lower end of the bake time and stop mixing as soon as large streaks of flour disappear.

Heavy banana flavor or underbaked center: if the center is wet but tops looked set, the oven temp may be too high. Use an oven thermometer to confirm 350°F (175°C). If underbaked after the time, tent the cakes with foil and bake in 3–5 minute increments until a toothpick shows a few moist crumbs.

Frosting too thin: chill the frosting 10–15 minutes and rewhip. If still thin, add small amounts of powdered sugar (up to the remaining 1/2 cup called for) a tablespoon at a time until spreadable.

Frosting too stiff: let it sit at room temperature and re-whip briefly. If the weather is very warm, work in a cool room and refrigerate the assembled cake to help the frosting set.

In-Season Flavor Ideas

When bananas are at their peak, roast them as directed; the natural sweetness needs no enhancement. If you want a seasonal twist, sprinkle toasted coconut on top in summer or fold in a handful of chopped toasted macadamias for a Hawaiian touch.

For winter, add 1/2 teaspoon ground cinnamon to the batter for warmth, or top with thinly sliced bananas brushed with a little warmed honey just before serving.

Notes from the Test Kitchen

We tested this recipe with both room-temperature and cold bananas after roasting; room-temperature mashed bananas incorporated more smoothly. Roasting in their skins is non-negotiable for the concentrated banana flavor—peeling them before roasting results in loss of moisture and uneven caramelization.

When mixing the frosting, start on low once you add powdered sugar to avoid a powdered sugar cloud. The combination of cream cheese and butter produces a frosting that’s tangy but still richly chocolate; chilling briefly helps it fluff back up for spreading if it becomes loose.

Save for Later: Storage Tips

Store the assembled cake in the refrigerator for up to 2 days as stated. If you need to keep it longer, wrap the whole cake (or individual slices) tightly in plastic wrap, then foil, and freeze for up to 1 month. Thaw in the refrigerator overnight, then bring to room temperature before serving to recover the texture.

If you’re storing just layers, wrap each cooled layer in plastic and freeze; when ready, thaw wrapped in the refrigerator and assemble with chilled frosting for the cleanest finish.

Ask & Learn

Want to swap the cream cheese frosting for a standard buttercream? You can, but expect a sweeter finish and less tang. Looking to make cupcakes instead of layers? Reduce bake time and check early—cupcakes will finish much sooner.

If you’re unsure about coconut cream consistency, chill the can first; the solid portion whips into the frosting more consistently. If a question comes up while you bake, pause—small fixes like temperature adjustments or a 10-minute chill can make a big difference.

Serve & Enjoy

Slice with a hot, dry knife for the neatest cuts. Let the cake sit at room temperature for 20–30 minutes after removing from the fridge so the crumb softens and flavors bloom. Serve as is or with a small dusting of toasted coconut on top for visual contrast.

This cake is versatile: it works for casual weekends, birthdays, or a simple after-dinner treat. Enjoy the balance of roasted banana, chewy coconut, and chocolate frosting—each bite is intentionally simple and reliably satisfying.

Print Recipe Pin Recipe