Banana Coconut Upside Down Cake Recipe: Caramelized Top With Tropical Crunch

This banana coconut upside down cake delivers a tropical twist on a classic dessert, where caramelized bananas and toasted coconut create a golden, crunchy top that's impossible to resist. 🌴 The signature upside-down technique ensures the fruit stays perfectly tender while developing rich caramelized edges, making every slice feel like a special occasion—even when it's just you and a spoon.

The beauty of this recipe lies in its simplicity: no fancy equipment needed, just a standard cake pan and basic ingredients that come together in layers of flavor. The moist banana cake base balances the sweetness of the caramelized topping, while the toasted coconut adds a satisfying crunch that keeps every bite exciting. It's the kind of dessert that feels homemade yet impressive enough for guests.

What makes this cake truly special is how the flavors develop as it bakes—the bananas soften into a sweet, jammy layer, the coconut becomes irresistibly crispy, and the cake itself stays tender and fluffy. The result is a dessert that's easy to make yet feels luxurious, perfect for breakfast, brunch, or a weekend treat.

Serve it warm with a scoop of vanilla ice cream or a dollop of whipped cream to enhance those tropical flavors even more. The best part? Leftovers reheat beautifully, so you can enjoy this cake for days. Let's get baking!

Ingredients for banana coconut upside down cake

Tropical flavors meet classic cake technique with these simple yet impressive ingredients.

The bananas are the star here—look for ones with bright yellow skins and soft spots. Trader Joe's or local markets often have perfectly ripe ones, but if yours are too green, let them sit at room temperature for a day or two. The coconut should be unsweetened and shredded—the kind in a bag works fine, but if you're feeling fancy, toast it in a dry pan for 3-4 minutes until golden. For the sugars, I prefer a mix of white and brown to balance that caramelized flavor without making the cake too dense. Domino or C&H brands are reliable for both.

No ripe bananas? Use 1 cup of mashed ripe apples or pears—they'll caramelize just as beautifully. Short on condensed milk? Mix equal parts evaporated milk and sugar, then simmer until thickened. The baking powder matters—Diamond Crystal is lighter than most brands, so if you have it, use it. No vanilla extract? 1 tsp vanilla sugar works in a pinch. The eggs should be room temperature for best mixing, but if they're cold, just let them sit out for 15 minutes. For a richer flavor, consider adding 1 tbsp of coconut milk to the batter.

This cake keeps beautifully—3 days at room temperature covered loosely with plastic wrap, or 1 week refrigerated. Reheat slices in the oven at 300°F for 5-10 minutes to restore that warm, gooey texture. The topping gets crispier as it sits, so it's perfect for making ahead. Store any extra coconut in an airtight container for up to 6 months—it's worth toasting a fresh batch for the next batch of cake.

Step-by-step instructions for banana coconut upside down cake

Here's how to create that signature caramelized topping and moist cake texture.

Preheat your oven to 350°F and grease a 9-inch round cake pan generously with butter. Arrange the 4 whole ripe bananas in a circular pattern on the bottom of the pan, slightly overlapping them. This creates the classic upside-down presentation and ensures the bananas caramelize beautifully during baking.

In a small saucepan, combine the 0.5 cup sweetened condensed milk and 0.5 cup brown sugar over medium heat. Stir constantly for 3-4 minutes until the mixture thickens and turns a rich amber color. You're looking for a syrupy consistency that will caramelize the bananas and create that signature sticky topping. Pour this caramel mixture evenly over the bananas in the pan.

Sprinkle the 1 cup unsweetened shredded coconut evenly over the bananas and caramel. Press down gently to help it adhere to the bananas. This layer will create that beautiful tropical crunch you crave in every bite. The coconut should be evenly distributed so each slice gets that perfect crunchy texture.

In a large mixing bowl, combine the 2 cups all-purpose flour, 1.5 cups granulated sugar, 2 tsp baking powder, 1 tsp ground cinnamon, and 0.5 tsp salt. Whisk these dry ingredients together until fully combined and no lumps remain. This ensures an even distribution of leavening and flavor throughout the cake.

In a separate bowl, melt the 0.75 cup unsalted butter in 30-second intervals in the microwave (or melt it in a saucepan over low heat). Let it cool slightly until it's warm but not hot to the touch. Add the melted butter to the dry ingredients and mix until just combined.

Add the 2 whole large eggs one at a time, mixing just until each is incorporated. Stir in the 1 tbsp vanilla extract until the batter is smooth and well combined. The batter should be thick but pourable—if it's too thick, you can add 1-2 tablespoons of milk (though our recipe shouldn't need this).

Pour the cake batter evenly over the banana-coconut mixture in the prepared pan. Use a spatula to spread it gently, making sure it reaches all edges of the pan. Tap the pan gently on the countertop 2-3 times to remove any air bubbles that might have formed in the batter.

Bake in the preheated oven for 45-50 minutes, or until a toothpick inserted into the center comes out clean with just a few moist crumbs. The cake is done when the top is golden brown and springs back slightly when pressed gently in the center. Don't overbake—this can make the cake dry.

Here's the key moment: when the cake is done, let it cool in the pan for 10 minutes before carefully inverting it onto a serving plate. Run a knife around the edges to loosen it if needed. The caramelized bananas and coconut should release easily, creating that beautiful upside-down presentation. Let it cool completely before slicing to maintain that perfect texture.

Make-ahead tips for this dish

Prep Ahead Strategy

This cake is a make-ahead dream—prepare the caramelized banana-coconut topping up to 24 hours in advance and store it in the fridge. Cover the pan tightly with plastic wrap, ensuring it touches the coconut to prevent drying. When ready to bake, simply add the batter and pop it in the oven. The flavors develop even better overnight, giving you that deep caramelized richness without extra effort. 🌴

Freezer-Friendly Base

For a weekend shortcut, mix the cake batter completely (without adding it to the pan) and store it in an airtight container in the freezer for up to 3 months. When you're ready to bake, thaw the batter in the fridge overnight, then proceed with the baking steps as usual. The texture stays moist and tender—no freezer-induced dryness here. Just

Coconut Toasting Hack

Toast your unsweetened shredded coconut in advance and store it in an airtight container at room temperature for up to 1 month. Use a dry skillet over medium-low heat for 3-4 minutes, stirring constantly, until golden. Let it cool completely before using—this prevents soggy topping later. I like toasting a big batch so I always have it ready for future desserts. 🥥

Banana Prep Shortcut

Peel and slice your bananas the night before and store them in a single layer on a parchment-lined tray, covered loosely with plastic wrap. This prevents them from turning brown too quickly. When you're ready to bake, simply arrange them in the pan as directed. The slight browning actually adds to the caramelized flavor—don't worry if they're not perfectly yellow. 🍌

Full Cake Assembly

For a complete make-ahead dessert, bake the cake as directed, then let it cool completely. Wrap the entire cake (still in the pan) tightly with plastic wrap and store it at room temperature for 3 days or refrigerate for 1 week. To serve, simply invert it onto a plate and slice as needed. The coconut stays crispy, and the bananas maintain their jammy perfection—no reheating required for that fresh-from-the-oven feel. ✨

Frequently asked questions