If you want a no-fuss cake that still tastes like it came from a bakery, this is the one to keep in your rotation. Overripe bananas, a touch of coconut, and a fudgy chocolate frosting come together with very little effort. The texture is moist and tender, and the frosting is rich without being cloying.

This recipe is straightforward: mix wet, add dry, fold in coconut, bake, cool, and top with a chocolate-coconut frosting. There are no complicated steps, no special pans, and nothing that requires perfect technique—just reliable results. I wrote this for busy afternoons, last-minute guests, and anyone who likes a slice with coffee.

Below you’ll find the ingredient notes, the step-by-step method as written, sensible tips to avoid common mistakes, and simple swaps if you need dairy-free or gluten-free options. Read once, then make it; it rewards repetition.

Ingredient List

4 medium overly ripe bananas, mashed (about 1 1/4 cup mashed) — Base of flavor and moisture; the riper the bananas, the sweeter and more banana-forward the cake.
1/2 cup melted coconut oil — Keeps the cake moist and adds a subtle coconut note; melts easily and mingles with banana.
1/4 cup honey — Natural sweetener that complements banana and coconut; provides a touch of floral complexity compared with granulated sugar.
2 eggs — Bind the batter and help with structure and lift.
2 teaspoons vanilla extract — Rounds out flavors and lifts the chocolate and banana notes.
1 1/2 cups all-purpose flour — The bulk of the cake’s structure; measure accurately for consistent texture.
1 1/2 teaspoons baking soda — Leavening agent that reacts with the bananas and eggs to help the cake rise.
1 teaspoon ground cinnamon (optional) — Adds warmth and depth if you like a spiced note; leave it out if you prefer pure banana-coconut flavor.
1/2 teaspoon kosher salt — Balances sweetness and enhances the other flavors.
1/2 cup shredded sweetened or unsweetened coconut flakes — Adds texture and coconut flavor; choose sweetened for a more pronounced sweetness and chew.
2 ounces cream cheese, at room temperature — Gives the frosting a tangy base and creamy body; room temperature ensures smooth mixing.
1 stick (8 tablespoons) salted butter, at room temperature — Adds richness and helps the frosting whip light and fluffy; salted balances the cocoa.
1 cup powdered sugar — Sweetens and stabilizes the frosting to a spreadable consistency.
1/2 cup unsweetened cocoa powder — Provides chocolate intensity without added sugar; unsweetened keeps the frosting fudgy rather than overly sweet.
2 teaspoons vanilla extract — Builds flavor in the frosting, echoing the cake’s vanilla.
1/4 cup canned coconut milk — Thins and enriches the frosting while adding a subtle coconut note; canned will give the best texture.

Coconut Banana Cake with Fudgy Chocolate Frosting Made Stepwise

Preheat oven to 350 degrees F. Grease an 8-inch square baking pan and line it with parchment paper, letting the parchment hang over two sides for easy removal.
In a large mixing bowl, stir together the mashed bananas (about 1 1/4 cups), melted coconut oil, honey, eggs, and 2 teaspoons vanilla extract until combined.
Add 1 1/2 cups all-purpose flour, 1 1/2 teaspoons baking soda, 1 teaspoon ground cinnamon (optional), and 1/2 teaspoon kosher salt to the banana mixture. Mix until just combined.
Fold in 1/2 cup shredded coconut flakes. Pour the batter into the prepared 8-inch square pan and smooth the top.
Bake 30–40 minutes, or until the center is just set and a toothpick inserted in the center comes out with a few moist crumbs. Remove from oven and let the cake cool in the pan for at least 30 minutes (do not frost while hot).
While the cake cools, make the frosting: in a large mixing bowl, beat 2 ounces cream cheese and 1 stick (8 tablespoons) salted butter, both at room temperature, with an electric mixer until light and fluffy, about 2 minutes.
Add 1 cup powdered sugar, 1/2 cup unsweetened cocoa powder, and 2 teaspoons vanilla extract. Beat another 2–4 minutes, until the frosting is light, smooth, and fluffy.
Beat in 1/4 cup canned coconut milk until combined and the frosting reaches a spreadable consistency.
When the cake has cooled at least 30 minutes and is no longer hot, spread the frosting evenly over the top. Slice and serve.

What Sets This Recipe Apart

There are three straightforward things that make this cake different: the use of melted coconut oil, the shredded coconut folded into the batter, and a chocolate frosting that is stabilized with cream cheese and butter. Together they produce a cake that is moist without being greasy, pleasantly coconutty without being one-note, and finished with a fudgy frosting that isn’t overly sweet.

The recipe is also forgiving. The batter mixes up quickly, and the 8-inch square pan gives a reliably even bake. No fancy tools, no complicated rises—just dependable texture and flavor.

Dairy-Free/Gluten-Free Swaps

For dairy-free frosting: use a dairy-free cream cheese and a plant-based butter alternative; canned coconut milk remains the same. These swaps keep the frosting creamy and rich.
For gluten-free cake: swap 1 1/2 cups all-purpose flour for a 1:1 gluten-free all-purpose flour blend. Make sure it contains xanthan gum or another binder so the cake holds together.
If you need to avoid both dairy and gluten, combine both swaps above. The coconut oil and canned coconut milk are already friendly options in many diets.

Tools & Equipment Needed

8-inch square baking pan (metal or glass)
Parchment paper to line the pan for easy removal
Mixing bowls (one large for batter, one for frosting)
Electric mixer or hand mixer for a smooth frosting
Rubber spatula for folding in coconut and spreading batter
Measuring cups and spoons for accuracy
Toothpick or cake tester to check doneness

Troubles You Can Avoid

Overbaking: Start checking the cake at 30 minutes. Remove it when a toothpick comes out with a few moist crumbs. Overbaking dries the crumb.
Frosting a hot cake: The frosting contains cream cheese and butter. If the cake is warm, the frosting will melt and slide. Cool the cake at least 30 minutes in the pan before frosting.
Overmixing the batter: Mix until the dry ingredients are just incorporated. Overmixing develops gluten and can make the cake tough.
Cold to room-temperature ingredients: For a smooth frosting, bring cream cheese and butter to room temperature; cold ingredients won’t whip up properly.
Measuring flour inaccurately: Spoon flour into the cup and level it off rather than scooping—this prevents a dense cake.

Variations by Season

Spring/Summer: Keep it light—use unsweetened coconut flakes and serve slices at room temperature. Extra sliced ripe banana on the side pairs well with the cake.
Fall: Lean into warmth—use the optional cinnamon, and serve slightly warmed slices. The spice amplifies the banana and chocolate pairing.
Winter: Make the frosting a touch thicker and serve the cake warm with an extra spoonful of frosting. The richness is very comforting on cold days.

Notes on Ingredients

Bananas: Use overly ripe bananas for maximum sweetness and banana flavor. They mash easily and integrate into the batter to keep it tender.

Coconut oil vs. butter in the cake: Coconut oil keeps the bake tender and adds a gentle coconut presence. If you prefer butter, you can substitute, but the coconut character will be milder.

Honey: This recipe uses honey instead of granulated sugar. Honey adds moisture and a different sweetness profile. It also browns slightly more during baking, which is fine here.

Baking soda: It’s the primary leavening. Make sure it’s not old; stale baking soda can lead to a dense cake.

Shredded coconut: Both sweetened and unsweetened work. Sweetened will add more chew and a sweeter bite; unsweetened keeps the sweetness level focused on the honey and frosting.

Frosting components: Cream cheese provides slight tang, butter adds richness, powdered sugar sweetens and stabilizes, and cocoa powder gives that fudgy chocolate character. Canned coconut milk is used to reach the spreadable consistency while echoing the cake’s coconut flavor.

Refrigerate, Freeze, Reheat

Short-term storage: Store covered at room temperature for up to 24 hours. Because the frosting contains cream cheese, refrigerate after that.
Refrigeration: Once frosted, store the cake covered in the fridge for up to 4–5 days. Bring slices to room temperature before serving for the best texture.
Freezing: You can freeze the unfrosted cake wrapped tightly in plastic wrap and then foil for up to 2 months. Thaw in the refrigerator overnight and then bring to room temperature before frosting.
Reheating slices: Warm a single slice in the microwave for 10–15 seconds to revive moistness; don’t microwave too long or the frosting (if present) will become soft.

Your Top Questions

Can I use regular butter instead of coconut oil in the cake? Yes. Butter gives a slightly different flavor and may make the cake richer. Melt the butter and use it in the same amount if you prefer.
Can I sweeten the cake differently? The recipe uses honey. If you prefer granulated sugar, you can substitute, but the texture and moisture will shift slightly. If you do substitute sugar, keep an eye on baking time.
What if I don’t have canned coconut milk? Use a neutral milk like dairy milk or an unsweetened plant milk. Canned coconut milk gives the richest frosting texture.
Why fold in the coconut instead of mixing vigorously? Folding preserves the tender crumb. Vigorous mixing can overwork the batter.
Can I double the recipe? Yes, scale up and bake in a larger pan or two pans. Adjust the bake time and test for doneness with a toothpick.

Save & Share

This cake is the kind you’ll reach for when you want an easy treat that feels a little special. Bookmark the recipe, save a photo, and share it with friends who love simple, dependable baking. If you make it, note how ripe your bananas were and whether you used sweetened or unsweetened coconut—small details help you get the exact result you love next time.

Happy baking. Slice a piece, enjoy the soft crumb and chocolate frosting, and keep this recipe where you can find it again.