Banana and Coconut Cake Recipe Moist: Tropical Layers With Toasted Crunch Top

This banana and coconut cake recipe delivers moist tropical layers with a toasted crunch top that balances sweetness perfectly. 🌴 The secret lies in blending ripe bananas with coconut milk for intense moisture, while toasted coconut flakes on top add irresistible texture. I developed this recipe after years of baking banana cakes—most turn out dense or dry, but this version stays tender for days.

The magic happens with a few simple techniques: overripe bananas (the darker the spots, the sweeter), melted butter for richness, and a touch of coconut extract for authentic flavor. This cake is foolproof for home bakers—no special equipment needed, just a standard mixing bowl and oven. The tropical notes of banana and coconut shine through without being overpowering, making it a crowd-pleaser for any occasion.

What you'll end up with is a moist, flavorful cake that's perfect for breakfast or dessert. The layers stay soft and fudgy, while the toasted coconut topping adds just the right amount of crunch. Each bite delivers a perfect balance of sweet banana, creamy coconut, and nutty toasted flakes—it's the kind of cake that disappears quickly at gatherings.

Whether you're serving it warm with vanilla ice cream or saving slices for later, this recipe delivers restaurant-quality results at home. The instructions are straightforward, and I've included tips to ensure your cake turns out perfectly every time. Let's get baking!

Ingredients for banana and coconut cake recipe moist

Ripe bananas, coconut milk, and toasted flakes—just eight ingredients for a cake that stays moist for days.

The bananas are everything here. Look for ones with dark spots—those are the sweetest. Trader Joe's usually has perfect ones, or check your fruit bowl. The coconut milk can be the canned kind (like Thai Kitchen brand), but if you've got fresh, even better. The butter matters too—full-fat is non-negotiable for that rich texture. I always grab the Land O'Lakes salted butter from the store, but unsalted works if you adjust the salt later. The baking soda should be fresh—if it's been sitting in your pantry for months, it'll lose its lift.

No coconut milk? Substitute with coconut cream (just the thick part) or even extra coconut extract (another 1/2 tsp). Running low on shredded coconut? Toasted flakes work in a pinch, but they won't give the same texture. The eggs are for structure, but if you're doing a vegan version (though this isn't one), flax eggs would work—1 tbsp ground flaxseed + 3 tbsp water per egg. The vanilla extract? Pure is key—imitation tastes like perfume. And if you're worried about the cake being too sweet, reduce the sugar to 1 cup and add 1/4 cup more coconut flakes for texture instead.

This cake keeps beautifully—3-4 days in an airtight container at room temp, or 5 days in the fridge. The coconut topping stays crisp if you store it separately and sprinkle fresh flakes on top before serving. For make-ahead baking, I always prep the batter the night before and bake in the morning—the flavors meld better. And if you've got leftovers? Toast slices lightly to revive the coconut crunch—game changer.

Step-by-step instructions for banana and coconut cake

Here's how to bake a tropical cake with perfect moisture and that irresistible toasted crunch topping.

Start by mashing the 3 whole ripe bananas in a large mixing bowl until smooth—you should have about 1 cup of mashed banana. The darker the spots on the bananas, the sweeter they'll be, so don't worry if they look overripe. In a separate small saucepan, gently warm the 1 can coconut milk over low heat for 2-3 minutes—just until it's slightly steamed but not boiling.

In the same bowl with the mashed bananas, add the warmed coconut milk, 1 cup melted unsalted butter, 1.5 cups granulated sugar, 1 tsp coconut extract, 1 tsp vanilla extract, 2 whole large eggs, and 0.5 tsp salt. Mix everything together until fully combined and smooth. The mixture should be thick but pourable—this is your cake batter foundation. I like to use a hand mixer for this step to save time and ensure even blending.

In a medium bowl, whisk together the 2 cups all-purpose flour and 1 tsp baking soda. Sift the flour mixture directly into the wet ingredients, then gently fold in the 1 cup unsweetened shredded coconut using a spatula. Be careful not to overmix—just combine until the batter is smooth and no dry spots remain. The batter will be thick, almost like cookie dough, which is perfect for that moist texture we're after.

Here's the thing—this tropical batter is different from your average cake. The coconut milk and mashed bananas add natural moisture, so we don't want to overwork the gluten. Mix until just combined, then let the batter rest for 5 minutes at room temperature. This short rest helps the flour fully hydrate and makes for a lighter crumb when baked.

Preheat your oven to 350°F. Grease two 8-inch round cake pans with butter or non-stick spray, then line the bottoms with parchment paper. This ensures easy release and prevents sticking—especially important with a moist cake like this one. Divide the batter evenly between the two pans, spreading it out smoothly with a spatula.

While the pans are preheating, toast the 0.5 cup toasted coconut flakes in a dry skillet over medium heat for 2-3 minutes until they're golden brown and smell amazing. Keep them close by—we'll use them for the crunchy topping right after baking. The key here is to toast them just until fragrant, not burnt, so watch them closely.

Bake the cake layers for 25-30 minutes, or until a toothpick inserted into the center comes out clean with just a few moist crumbs clinging to it. Don't overbake—this cake is all about that perfect moisture, and it'll continue cooking slightly as it cools. Let the layers cool in their pans for 10 minutes, then transfer to a wire rack to cool completely.

Once cooled, level the tops of the cakes if needed, then spread a thin layer of the 1 cup melted unsalted butter on one layer. This butter acts as a glue for the crunch topping. Sprinkle the entire cake with the toasted coconut flakes, pressing them gently into the butter layer. The contrast between the moist cake and crunchy topping is what makes this recipe special.

Place the second cake layer on top of the butter-and-coconut-coated layer, pressing down gently. Wrap the assembled cake in plastic wrap and refrigerate for at least 2 hours (or up to overnight). This chilling step is crucial—it allows the cake to set properly and makes slicing much cleaner. The longer it chills, the better the texture will be when you serve it.

When you're ready to serve, slice into 8 equal pieces and enjoy the perfect balance of moist banana cake with that toasted coconut crunch on top. The cake will keep well in the fridge for 3-4 days, though I doubt it'll last that long!

Storing and reheating this banana and coconut cake recipe moist

Room Temperature Storage

This cake stays wonderfully moist at room temperature for 2-3 days if stored properly. I always wrap it tightly in plastic wrap (or place it in an airtight container) to prevent drying. The toasted coconut topping stays crisp for the first day but may soften slightly—just sprinkle fresh toasted flakes before serving to revive that crunch. Keep it away from direct sunlight to maintain texture. 🌴

Fridge Preservation

For longer storage, refrigerate the cake in an airtight container for up to 5 days. The cold helps preserve moisture, but the cake may firm up slightly. Let it sit at room temperature for 10-15 minutes before serving to restore that perfect sliceable texture. I like to store the cake layers separately—wrap one layer in plastic and place the other in a container with a damp paper towel to keep it extra moist.

Freezer-Friendly Tips

This cake freezes beautifully for up to 3 months! Wrap each layer individually in plastic wrap, then place them in a freezer bag with all air squeezed out. Label with the date and freeze. When ready to serve, thaw overnight in the fridge, then assemble with a thin layer of melted butter between layers to restore moisture. The texture remains tender, though the coconut topping may lose some crunch—just toast fresh flakes before serving. ❄️

Reheating Leftovers

For a quick texture boost, warm slices in the microwave for 10-15 seconds on medium power. Add a splash of coconut milk to the plate to help revive moisture. Alternatively, warm in a 350°F oven for 5 minutes with a pat of butter on top—this restores the coconut aroma and keeps the cake soft. Avoid over-heating, or the cake may dry out.