Banana Tres Leches Cake with Coconut Milk and Whipped Cream

If you love tres leches cake but want a tropical twist, this Banana Tres Leches Cake is the answer. A soft banana sponge cake gets soaked in a trio of sweet milks, condensed, evaporated, and coconut, then topped with fluffy whipped cream and banana slices. The result is rich, creamy, and unbelievably moist, with the right balance of sweetness and banana flavor.

This recipe is perfect for birthdays, special occasions, or any time you want a dessert that feels both nostalgic and refreshing. With ripe bananas, warm cinnamon, and a soft crumb, it’s comfort food in cake form. And while it looks impressive, it comes together with basic pantry ingredients and a little mixing.

Why You’ll Love Banana Tres Leches Cake

• Ultra-moist texture: The sponge cake absorbs the sweet milks for that signature tres leches consistency.
• Banana twist: Ripe bananas add tropical flavor and natural sweetness.
• Creamy topping: A blanket of whipped cream keeps every bite light and smooth.
• Crowd-pleaser: Serves 10, making it perfect for parties and family gatherings.
• Make-ahead friendly: Best chilled in the refrigerator, so you can prepare it the day before.

Ingredients Needed To Make Banana Tres Leches Cake

Make sure you scroll down to the recipe card to see the full list of ingredients needed for this recipe.

Banana Cake

• Gluten-free or all-purpose flour
• Baking powder
• Baking soda
• Cinnamon
• Ripe bananas (mashed)
• Vanilla extract
• Butter (room temperature)
• Eggs (separated into whites and yolks)
• Brown sugar
• Granulated sugar
• Pinch of salt
• Milk

Tres Leches Mixture

• Sweetened condensed coconut milk (or regular)
• Evaporated coconut milk (or regular)
• Light coconut milk

Topping

• Whipped cream
• Banana slices

Variations, Tips, and Substitutions

• Add nuts: Sprinkle walnuts or pecans on top for crunch.
• Coconut boost: Toasted coconut makes a great garnish with the whipped cream.
• Use heavy cream: If you prefer homemade whipped cream, whip heavy cream with a tablespoon of sugar until soft peaks form.
• Spice twist: Add cardamom or extra nutmeg with the cinnamon for more warmth.
• Slow down the brown: Bananas tend to oxidize easily and turn brown. To help slow down the process you can lightly toss your banana slices for topping this cake in lemon juice. The acid in the lemon juice will slow the natural browning.
• Storage: Keep leftovers covered in the refrigerator for up to 3 days.

How To Make Banana Tres Leches Cake

1. Preheat and prep: Set oven to 350°F. Grease a 9x13x3 baking dish with nonstick spray.
2. Whip egg whites: In a large mixing bowl, beat egg whites with an electric mixer on medium speed until soft peaks form, then increase to stiff peaks. Set aside.

3. Mix wet ingredients: In another large bowl, beat butter, sugars, and ripe bananas at medium speed for about 3 minutes, scraping down the sides of the bowl with a rubber spatula. Add egg yolks, milk, and vanilla, mixing until smooth.

4. Add dry ingredients: On low speed, mix in flour, baking powder, baking soda, cinnamon, and salt until just combined.
5. Fold whites into batter: Gently fold egg whites into the batter with a spatula to keep the cake light.

6. Bake the cake: Spread batter evenly into the prepared pan. Bake for 50–60 minutes, or until a toothpick or long-tined fork inserted in the center comes out clean. Let cool completely.

7. Make the tres leches soak: In a medium bowl, whisk sweetened condensed milk, evaporated milk, and coconut milk until smooth.

8. Soak the cake: Use a skewer or fork to poke holes all over the cooled cake. Pour milk mixture evenly over the surface. Refrigerate for at least 4 hours, or overnight.

9. Finish and serve: Spread whipped cream over the cake, garnish with banana slices (and walnuts if desired), then slice and enjoy chilled.

Commonly Asked Questions

How do I keep the cake from getting soggy?

This cake is supposed to be moist, but don’t overmix the batter and make sure the sponge is fully baked before soaking. A toothpick test helps.

Can I make it ahead?

Yes. In fact, it tastes even better the next day after the milks soak in. Just top with whipped cream and banana slices right before serving.

Can I use regular dairy instead of coconut milks?

Absolutely. Sweetened condensed milk, evaporated milk, and whole milk are the traditional base for tres leches.

How do I serve it?

Slice into squares and serve chilled on a plate. Garnish with banana slices, whipped cream, and maybe a sprinkle of cinnamon.

Can I freeze banana tres leches cake?

It’s not ideal, as the texture of the whipped cream and soaked sponge cake doesn’t hold up well after freezing.

Banana tres leches cake takes a classic dessert and gives it a tropical makeover with ripe bananas and coconut milk. It’s soft, creamy, and filled with flavor in every bite. I love how simple the batter is to mix, yet the result feels decadent enough for birthdays, celebrations, or a cozy family dinner. Chill it overnight, top with whipped cream, and you’ll have a dessert that tastes like sunshine on a plate.