Desserts
This banana coconut cake recipe delivers layers of ultra-moist, tender crumb with a tropical twist that tastes like a vacation in every bite. The secret lies in ripe bananas and coconut milk—both working together to create a dense, velvety texture that stays moist for days. I’ve perfected this recipe over years of baking, ensuring it’s foolproof for both beginners and seasoned bakers alike.
The cake’s magic comes from a simple yet effective technique: combining buttermilk and coconut milk in the batter, which keeps the crumb incredibly tender. A light coconut flavor infuses every layer, while a subtle vanilla essence adds depth. The result? A cake so moist it practically melts in your mouth, with a delicate crumb that’s neither too dense nor too light.
What sets this recipe apart is its versatility—you can keep it classic with just bananas and coconut, or add a modern twist with pineapple, chocolate chunks, or even a spiced coconut streusel topping. Baked at 350°F for 30–40 minutes, it emerges golden and fragrant, with a perfectly springy texture that defies dryness.
Perfect for birthdays, brunch, or just because, this cake pairs beautifully with coconut whipped cream or a drizzle of caramel. The best part? It tastes even better the next day, making it ideal for meal prep or gifting. Let’s get baking!
Ingredients for banana and coconut cake recipe moist
Tropical flavors and simple pantry staples create this ultra-moist banana coconut cake.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 1 ½ cups | Mashed, about 3 medium bananas |
| All-Purpose Flour 🌾 | 2 cups | Sifted for light texture |
| Granulated Sugar 🍚 | 1 ½ cups | White or light brown |
| Coconut Milk 🥥 | 1 cup | Full-fat canned, well-shaken |
| Buttermilk 🥛 | ½ cup | Substitute with milk + 0.5 tsp vinegar |
| Unsalted Butter 🧈 | ¾ cup | Melted, full-fat preferred |
| Large Eggs 🥚 | 2 whole | Room temperature for even mixing |
| Vanilla Extract 🌿 | 1 tbsp | Pure, high-quality preferred |
| Baking Soda 🧂 | ½ tsp | Freshly measured |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Shredded Coconut 🥥 | ½ cup | Sweetened or unsweetened |
| Vegetable Oil 🫒 | ¼ cup | For greasing pan |
The bananas are non-negotiable—ripe with brown spots ensures maximum sweetness and moisture. Trader Joe's or Whole Foods often have perfectly spotted bananas, but any grocery store works if you check the produce bin. Coconut milk should be full-fat for richness; the canned variety from Aroy-D or Goya is ideal. If you can't find full-fat, use coconut cream instead. The flour matters too—King Arthur or Gold Medal brands yield the best texture. Sift it before measuring to avoid dense layers.
No buttermilk? Mix 0.5 cup milk with 0.5 tsp vinegar or lemon juice and let sit 5 minutes. Short on shredded coconut? Toasted unsweetened flakes add more flavor. The vanilla extract should be pure, not imitation—Nike or McCormick are solid choices. For extra tropical flavor, swap half the sugar for coconut sugar. The eggs should be room temperature to blend smoothly; pop them in warm water for 5 minutes if straight from the fridge. Want a chocolate twist? Add 0.5 cup cocoa powder to the dry ingredients.
This cake keeps beautifully—3-4 days wrapped at room temperature or 1 week in the fridge. For longer storage, slice and freeze portions for up to 3 months. The coconut flavor intensifies overnight, so leftovers taste even better. To reheat, warm slices in a 200°F oven for 5-10 minutes or microwave for 15 seconds. Store the shredded coconut separately in an airtight container to prevent clumping.
Why You'll Love This Recipe
- No Mash Required: I swear, the ripe bananas mash themselves with just a fork—no food processor, no sticky cleanup. That buttermilk and coconut milk combo keeps it tender without a single lump, and honestly? My lazy Sunday mornings thank me every time.
- Tropical Comfort Bite: The caramelized banana notes hit first, then that creamy coconut milk richness lingers like a hug. Between us, the buttermilk adds this subtle tang that makes it taste fresh, not overly sweet—like a dessert that doesn’t need frosting to feel special.
- Breakfast or Snack: Slice it warm with a drizzle of honey for a grab-and-go breakfast, or pack it in lunchboxes for kids who’ll actually eat their fruit. I’ve even served it at potlucks—no one guessed it was basically a cake made from pantry staples.
- Leftovers That Last: This cake stays moist for days, so I bake one and stretch it across the week. The coconut milk keeps it from drying out, and the sugar crust? Perfect for toasting slices straight from the fridge. My wallet and my taste buds win.
Step-by-step instructions for banana coconut cake
Follow this method for a tender, ultra-moist cake with perfect tropical flavor balance.
Prepare the Banana Mixture
In a medium bowl, mash the 1.5 cups ripe bananas until completely smooth with no visible lumps. I use a fork for this—it's simple and effective. The bananas should be ripe enough to mash easily with minimal force, but not so overripe that they're mushy. Add the 1 cup coconut milk and 1 tbsp vanilla extract, then whisk until fully combined. This mixture forms the cake's moist foundation.
Set the banana mixture aside while you prepare the dry ingredients. The coconut milk adds richness and helps keep the cake tender, while the vanilla enhances the tropical flavor profile. If your bananas aren't perfectly ripe, don't worry—the coconut milk will compensate and keep the texture moist.
Mix Wet and Dry Ingredients Separately
In a separate large bowl, combine the 2 cups all-purpose flour, 1.5 cups granulated sugar, 0.5 tsp baking soda, and 0.5 tsp salt. Whisk gently to distribute the baking soda and salt evenly throughout the flour. This ensures even leavening and proper seasoning in every bite.
In another bowl, melt the 0.75 cup unsalted butter until completely liquid, then let it cool slightly. Add the 2 whole large eggs and the 0.5 cup buttermilk, whisking until smooth. The butter should be warm but not hot—just cool enough to temper the eggs without scrambling them. This combination creates the cake's structure while maintaining moisture.
Combine Wet and Dry Ingredients
Gradually add the dry ingredient mixture to the wet ingredients while mixing on low speed with an electric mixer. Scrape down the sides of the bowl as needed to ensure everything combines evenly. Once incorporated, add the banana mixture and mix just until combined—overmixing develops gluten and makes the cake tough.
Fold in the 0.5 cup shredded coconut using a spatula, being careful not to overmix. The coconut adds texture and enhances the tropical theme. The batter should be thick but pourable. If it seems too thick, add 1-2 tablespoons of water to loosen it slightly. This step is crucial for achieving that signature moist texture we're after.
Prepare and Bake the Cake
Preheat your oven to 350°F. Grease an 8-inch round cake pan with 0.25 cup vegetable oil and line the bottom with parchment paper. Pour the batter into the prepared pan and smooth the top with a spatula. The batter should fill the pan about two-thirds full.
Bake for 35-40 minutes, or until a toothpick inserted in the center comes out clean. The cake should be golden brown on top with slightly domed edges. I like to tent the pan with foil after 25 minutes if the top is browning too quickly—this prevents over-browning while allowing the center to cook through. The internal temperature should reach 205-210°F for perfect doneness.
Cool and Serve
Remove the cake from the oven and let it cool in the pan for 10 minutes. Then transfer it to a wire rack to cool completely. The cooling process is important—it allows the cake to set properly and prevents it from becoming gummy. Once fully cooled, you can slice it into 4 equal servings as specified.
For the best texture, serve the cake at room temperature. The combination of moist banana layers and tender coconut-infused crumb creates a perfect balance of sweetness and tropical flavor. Each slice should be soft, slightly springy, and rich with banana and coconut essence—no dryness here, just pure moist satisfaction.
Pro Tips For Making Banana And Coconut Cake Recipe Moist
- Mash Bananas Thoroughly: I learned this the hard way—lumpy banana puree means uneven moisture. Use a fork first, then a potato masher or wooden spoon to break down every speck of starch. No blender needed, and you’ll avoid that weird, dry pocket in the middle.
- Bake Until Slightly Under: The cake will look underdone when the toothpick comes out clean—wait for it. At 350°F (175°C), pull it out when the edges are set but the center still jiggles like Jell-O. That last bit of steam keeps it moist longer than overbaking ever will.
- Mix Dry Ingredients First: Skip the temptation to toss flour into wet ingredients right away. Whisk the flour, sugar, baking powder, and salt together first—this creates tiny air pockets that distribute moisture evenly. Add the banana-coconut-buttermilk mix last to keep the batter light, not dense.
- Use Full-Fat Coconut Milk: The cheap, watery canned stuff ruins the texture. Go for full-fat coconut milk (or even better, fresh coconut cream) for richness that locks in moisture. If you’re using cartons, shake them hard—sediment at the bottom is pure flavor and fat, not waste.
Serving suggestions for this banana and coconut cake recipe moist
Classic Coconut Whipped Cream
Top your cake with homemade coconut whipped cream—it’s lighter than traditional whipped cream but still rich and airy. Whip 1 cup coconut cream (chilled overnight) with 1 tbsp powdered sugar and ½ tsp vanilla extract until stiff peaks form. Fold in 2 tbsp toasted shredded coconut for extra texture. This pairing balances the cake’s moisture with a cool, creamy contrast. 🥥
Tropical Fruit Platter
Serve slices alongside a vibrant fruit platter featuring mango chunks, pineapple tidbits, and kiwi slices. The acidity of the fruit cuts through the cake’s sweetness, while the tropical flavors complement the coconut. Arrange fruits in a circular pattern on a platter for an Instagram-worthy presentation. I like adding a drizzle of honey-lime glaze to tie everything together.
Spiced Coconut Streusel
For a textural upgrade, sprinkle the baked cake with a spiced coconut streusel made from ½ cup shredded coconut, ¼ cup brown sugar, 2 tbsp flour, 1 tbsp melted butter, ½ tsp cinnamon, and ¼ tsp nutmeg. Bake the streusel separately for 5-7 minutes at 350°F until golden, then crumble over the cake before serving. This adds a delightful crunch and warm spice notes.
Caramel Drizzle
Elevate your serving with a salted caramel drizzle. Heat ½ cup caramel sauce (store-bought or homemade) with 1 tbsp heavy cream until smooth, then drizzle over each slice. Sprinkle with flaky sea salt to enhance the sweetness. The caramel’s richness contrasts beautifully with the cake’s moisture, making every bite decadent. 💛
Warm Vanilla Bean Sauce
Heat 1 cup heavy cream with 2 tbsp sugar, 1 vanilla bean (scraped), and 1 tbsp cornstarch until thickened. Strain and pour over cake slices to create a warm, velvety sauce. The vanilla deepens the cake’s flavor while adding a luxurious touch. This works especially well if you’re serving the cake warm from the oven.
Coffee or Tea Pairings
Pair your banana coconut cake with a lightly sweetened chai tea or Kona coffee to balance the dessert’s richness. The caffeine helps cut through the sugar, while the warmth of the drink complements the cake’s tropical flavors. For a non-caffeinated option, try passionfruit iced tea—its tangy notes refresh the palate. ☕
Nutrition facts
Frequently asked questions
Why does this banana coconut cake stay moist for days?
The secret lies in the combination of ripe bananas (which release natural sugars and moisture) and coconut milk (which adds fat for tenderness). The buttermilk also creates a chemical reaction that keeps the crumb soft, while the vegetable oil in the pan prevents dryness. Unlike many cakes that rely on butter alone, this recipe uses both butter and coconut milk for maximum moisture retention.
Can I substitute coconut milk with regular milk?
You can try, but your cake may end up slightly less moist and rich. Coconut milk adds fat and tropical flavor that regular milk can't replicate. For a closer substitute, use 1 cup whole milk + 1 tbsp melted coconut oil—this mimics the fat content while keeping the flavor profile intact. If you're avoiding dairy, coconut cream works even better than coconut milk for extra richness.
How do I tell if my bananas are ripe enough for this recipe?
Look for bananas with dark brown spots covering most of the peel—they should be soft when gently squeezed. The spots indicate high sugar content, which is crucial for moisture and sweetness. If your bananas are too green, mash them with 1 tsp lemon juice to help break down the starches. Overripe bananas (black with mushy flesh) can be used, but reduce the amount by 0.25 cup to avoid excess moisture.
What's the best way to store leftovers?
Wrap the cake tightly in plastic wrap or store it in an airtight container at room temperature for up to 3 days. For longer storage, refrigerate for up to 1 week or freeze slices for 3 months. To reheat, warm slices in a 200°F oven for 5-10 minutes or microwave for 10-15 seconds. The cake actually tastes better the next day as the flavors meld!
Can I make this cake gluten-free?
Yes! Replace the 2 cups all-purpose flour with a 1:1 gluten-free baking blend (like Bob's Red Mill or King Arthur). For best results, add 1 tsp xanthan gum to help bind the texture. You may also need to reduce other liquids by 2 tablespoons since gluten-free flours absorb differently. Test the batter consistency—it should be slightly thicker than the original recipe.