Desserts
This banana and coconut cake recipe delivers layers of tropical flavor with a buttery streusel crown that stays moist for days. The secret lies in ripe bananas and yogurt, which keep the cake tender while coconut adds natural sweetness and texture. I've perfected this recipe to ensure every slice is perfectly balanced—no dry crumbs here.
What makes this cake truly special is the combination of techniques that guarantee moisture: creaming butter and sugar properly, using ripe bananas for natural sweetness, and incorporating yogurt to maintain that perfect crumb. The streusel topping isn't just for decoration—it adds a delightful crunch that contrasts beautifully with the soft cake layers.
The result is a cake that's rich in flavor yet light enough to enjoy as a dessert or even breakfast. The tropical coconut aroma fills your kitchen as it bakes, creating an inviting atmosphere. This recipe is designed to impress without requiring advanced baking skills—just follow the steps carefully.
Once you've mastered this moist banana and coconut cake, you'll want to experiment with variations like adding chocolate chips or swapping regular yogurt for Greek yogurt for extra richness. The possibilities are endless, but the foundation remains the same—tender, moist layers with a buttery crown that's impossible to resist.
Ingredients for banana and coconut cake recipe moist
Perfectly ripe bananas, rich coconut, and buttery streusel create this ultra-moist tropical cake.
| Ingredient | Amount | Notes |
|---|---|---|
| Ripe Bananas 🍌 | 3 whole | Mashed, medium-ripe for sweetness |
| Unsalted Butter 🧈 | 1 cup | Softened, high-fat content preferred |
| Granulated Sugar 🍚 | 1 ½ cups | White or light brown preferred |
| Plain Yogurt 🥛 | ¾ cup | Full-fat for moisture retention |
| All-Purpose Flour 🌾 | 2 ¼ cups | Sifted, light texture preferred |
| Baking Powder 🧂 | 2 tsp | Aluminum-free for best results |
| Baking Soda 🧂 | ½ tsp | Freshly opened package |
| Salt 🧂 | ½ tsp | Fine sea salt preferred |
| Vanilla Extract 🥛 | 1 tbsp | Pure Madagascar bourbon preferred |
| Shredded Coconut 🥥 | 1 ½ cups | Sweetened, unsweetened works too |
| Toasted Coconut Flakes 🥥 | ½ cup | For streusel texture contrast |
| Old-Fashioned Oats 🌾 | ½ cup | Blended into flour for streusel |
| Brown Sugar 🍚 | ¼ cup | Packed, light or dark preferred |
| Cinnamon 🌿 | 1 tsp | Ground, Ceylon preferred |
| Vanilla Bean Seeds 🍫 | ½ tsp | Scraped from 1 vanilla bean |
The bananas are non-negotiable—overripe with brown spots yields the sweetest, most flavorful cake. Whole Foods or local farmers markets often have perfectly ripe ones, but don't worry if yours aren't spotty—just mash them thoroughly. For the coconut, Trader Joe's sweetened shredded coconut is my go-to for consistent texture, but unsweetened works beautifully too if you prefer. The vanilla matters here: Madagascar bourbon extract adds depth that imitation can't match. If using vanilla bean seeds, scrape them fresh for maximum flavor impact.
No ripe bananas? Substitute with 1 cup mashed apple plus 1 tsp lemon juice—it mimics the moisture but lacks the tropical sweetness. Swapping yogurt for Greek yogurt adds protein but may slightly alter texture—reduce by 1 tbsp if using full-fat Greek. For the streusel, walnuts or pecans can replace oats for added crunch, though texture will differ. The baking powder and soda must be fresh—test by dropping in vinegar (should bubble vigorously). If your coconut is old and dry, toast it first to restore crispness in the streusel.
Store cake in an airtight container at room temperature for 3 days or refrigerate for 5 days—though it's best enjoyed fresh. The streusel topping stays crisp for 24 hours before softening slightly. For longer storage, freeze slices wrapped individually for up to 3 months. To revive, warm at 350°F for 5-10 minutes—the coconut aroma will fill your kitchen instantly. The cake reheats beautifully, making it perfect for breakfast the next morning.
Why You'll Love This Recipe
- No Mash Needed: I swear by this trick—just mash those ripe bananas right in the bowl with the butter and sugar. The yogurt does the heavy lifting, blending everything into a smooth batter with zero extra effort. Honestly, my blender’s seen better days, but this cake still turns out perfect.
- Tropical Twist: That coconut flavor? It’s like a vacation in every bite. The ripe bananas add natural sweetness, while the toasted coconut topping (if you add it) gives this cake a texture that’s almost too good to be real. Between us, I’ve made it for dessert, breakfast, and even a lazy Sunday brunch—no one’s complained yet.
- Leftovers? More Like Leftovers: This cake keeps for days, and honestly, it’s even better the second time around. Slice it up for breakfast the next morning, pack it in a lunchbox, or stash it in the freezer for when you forget to bake. My kids beg for it, and my husband steals slices before I can even put it away.
- Pantry Staple Magic: You’re probably already staring at these ingredients in your fridge. Ripe bananas that need using? Butter you’ve got chilling? Flour in your cabinet? This cake checks all the boxes for a budget-friendly treat that still feels special. I’ll be real: it’s my go-to when I’m too tired to do anything fancy.
Step-by-step instructions for banana and coconut cake
This tropical cake delivers layers of rich banana flavor and a buttery coconut streusel crown. Precision in mixing and baking ensures that signature moist texture.
Prepare the Banana Cake Batter
Preheat your oven to 350°F and grease two 9-inch round cake pans, lining the bottoms with parchment paper. In a large mixing bowl, mash the 3 whole ripe bananas until completely smooth—no lumps should remain. This ensures even distribution and prevents dense pockets in the cake.
In a separate bowl, cream together the 1 cup unsalted butter and 1.5 cups granulated sugar on medium speed until light and fluffy, about 3-4 minutes. The mixture should nearly double in volume and turn pale. This step incorporates air, which creates the tender crumb we want in this moist cake.
Alternate adding the 2.25 cups all-purpose flour (sifted to prevent lumps), 2 teaspoons baking powder, 0.5 teaspoon baking soda, and 0.5 teaspoon salt to the butter mixture in 3 additions, mixing just until combined after each addition. Overmixing develops gluten, which can make the cake tough. Scrape down the sides of the bowl as needed to ensure even mixing.
In a small bowl, whisk together the 0.75 cup plain yogurt, 1 tablespoon vanilla extract, and 0.5 teaspoon vanilla bean seeds. Gradually pour this mixture into the flour mixture while mixing on low speed. The batter will be thick but smooth. Fold in the 1.5 cups shredded coconut until evenly distributed. Pour the batter evenly between the prepared cake pans.
Prepare the Coconut Streusel Topping
In the same bowl you used for mixing, combine the 0.5 cup toasted coconut flakes, 0.5 cup old-fashioned oats, 0.25 cup packed brown sugar, 1 teaspoon cinnamon, and the remaining 0.5 teaspoon salt. Use your fingers to break up any large clumps in the oats and coconut flakes—this ensures an even, crumbly texture for the streusel.
Add the 1 cup unsalted butter (softened but not melted) to the dry ingredients and work it in with your fingers or a fork until the mixture resembles coarse crumbs with pea-sized butter pieces. The streusel should hold together when pressed but still have a crumbly texture. If it feels too wet, add 1 tablespoon extra flour; if too dry, add 1 teaspoon extra yogurt.
Spoon the streusel evenly over the top of each cake layer, pressing down gently to ensure good contact with the cake. The streusel should cover the entire surface but not be packed too tightly—this allows for even browning and a crispy texture when baked.
Bake to Golden Perfection
Place both cake pans on the middle rack of your preheated oven and bake for 30-35 minutes, or until a toothpick inserted into the center of the cakes comes out clean. The edges should be golden brown, and the tops of the streusel should be crispy and lightly caramelized. Rotate the pans halfway through baking for even heat distribution.
I check for doneness at the 28-minute mark
Once baked, remove the cakes from the oven and let them cool in the pans for 10 minutes. This allows the cakes to set slightly and makes them easier to handle. Then, carefully transfer them to a wire rack to cool completely. For the best texture, serve the cake at room temperature—this enhances the moisture and allows the flavors to meld fully. Once the cakes are completely cool, place one layer on a serving plate and spread a thin layer of vanilla yogurt glaze (if using) or simply top with fresh sliced bananas and extra toasted coconut flakes for presentation. Place the second layer on top and gently press down. The moist layers should hold together without falling apart, thanks to the natural binding properties of the bananas and yogurt. Slice the cake with a sharp serrated knife for clean, even pieces. Each slice should reveal a tender, moist crumb with pockets of banana flavor and a crispy, buttery streusel crown. The contrast between the soft cake and the crunchy streusel makes this cake truly special. Serve with a dollop of whipped cream or a scoop of vanilla ice cream for an extra tropical touch.Assemble and Serve
Pro Tips For Making Banana And Coconut Cake Recipe Moist
- Mash Bananas Roughly: I learned this the hard way—smooth, pureed bananas release too much liquid, turning your cake into a dense brick. Use a fork to smash them into small chunks with just a few streaks of pulp. The texture stays moist without turning soggy.
- Use Warm Yogurt: Cold yogurt makes the batter thick and dense, while warm yogurt blends in smoothly and keeps the crumb tender. Microwave it for 15 seconds or dip the container in hot water for 30 seconds—just enough to loosen it up.
- Skip Overmixing the Batter: I used to beat this batter like I was trying to win a race, and it always came out tough. Mix just until the flour disappears—about 20 seconds with a spatula. Overworking it develops gluten, which dries out the cake faster than a summer afternoon.
- Bake Until Slightly Under: Coconut cake dries out fast, so pull it out when the edges are set but the center still jiggles like Jell-O. Tent it with foil for 5 minutes, then let it cool completely before slicing—this traps the moisture instead of letting it escape.
Serving suggestions for banana and coconut cake recipe moist
Tropical Garnishes
Fresh toasted coconut flakes sprinkled on top add a delightful crunch and enhance the tropical aroma. I like to toast them in a dry skillet over medium heat for 2-3 minutes until golden brown, then sprinkle generously over each slice. For extra flair, add thin banana slices or mango chunks to create a vibrant contrast against the golden streusel. 🥥
Classic Pairings
A scoop of vanilla bean ice cream or coconut whipped cream elevates this cake to restaurant-quality dessert. I often serve it with a daiquiri cocktail or passionfruit juice to complement the tropical flavors. For a lighter option, a dollop of Greek yogurt adds protein while keeping the dish refreshing.
Breakfast Serving
This cake makes an incredible breakfast treat! Serve warm slices with a drizzle of honey and a sprinkle of crushed pistachios for added texture. A side of fresh berries balances the sweetness, while a cup of chai tea enhances the coconut and cinnamon notes. The moist texture holds up perfectly to morning toast. 🍯
Special Occasion Presentation
For celebrations, arrange slices on a tiered cake stand with edible gold leaf or coconut-infused sugar crystals for a luxurious touch. A dusting of cinnamon or orange zest on top adds a festive aroma. Serve with sparkling coconut water for a refreshing pairing that matches the cake's tropical vibe. 🎉
Make-Ahead Tips
Store leftovers in an airtight container at room temperature for 3 days or refrigerate for 5 days. To revive, warm slices in the oven at 350°F for 5-10 minutes—the coconut aroma will fill your kitchen instantly. For parties, assemble the cake 24 hours ahead to let flavors meld fully before serving. 💡
Nutrition facts
Frequently asked questions
Why does this banana and coconut cake stay moist for days?
The secret lies in three key ingredients: ripe bananas (naturally sweet and hydrating), plain yogurt (adds moisture without altering flavor), and proper creaming (incorporates air for a light texture). The yogurt also acts as a tenderizer, preventing dryness. Plus, we avoid overbaking—checking at 28 minutes ensures perfect doneness without drying out the cake.
Can I make this cake without eggs?
Yes! For a vegan version, replace the 2 eggs (if used) with 0.75 cup unsweetened applesauce or 0.5 cup flax eggs (1 tbsp ground flaxseed + 3 tbsp water). The yogurt in the recipe already provides moisture, so these substitutes won't affect the cake's texture. Just ensure your bananas are extra ripe to compensate for the reduced binding.
How do I know when the cake is fully baked?
Insert a toothpick into the center—it should come out clean with just a few moist crumbs. The edges should be golden brown, and the streusel topping should be crispy with caramelized spots. Overbaking by even 2 minutes can dry out the cake, so check at 28 minutes and let it set for 2 minutes after removing from the oven.
What's the best way to store leftovers?
Keep the cake in an airtight container at room temperature for up to 3 days, or refrigerate for 5 days. For longer storage, freeze slices individually for up to 3 months. To revive, warm at 350°F for 5-10 minutes—the coconut aroma will make your kitchen smell amazing! The streusel stays crisp for 24 hours before softening slightly.
Can I substitute sweetened coconut for unsweetened?
Use a 1:1 ratio—sweetened coconut adds extra flavor, while unsweetened gives you more control over sweetness. For the streusel, I recommend toasting both types first to enhance their natural sweetness. If using unsweetened, add 1 tablespoon extra brown sugar to the streusel to balance the flavor. The texture remains identical—only the sweetness level changes.