Banana Tres Leches Cake
If you’re looking for a dessert that combines the rich, creamy goodness of a traditional Tres Leches cake with the delightful flavor of overripe bananas, you’ve landed in the right place. This Banana Tres Leches Cake is a moist, indulgent treat that will steal the spotlight at any gathering. The use of a convenient Betty Crocker SuperMoist White Cake Mix ensures that this cake is not only delicious but also easy to make. Let’s dive into this delightful recipe that brings together the sweetness of bananas and the richness of three types of milk!
Why This Recipe Works

This Banana Tres Leches Cake is perfect for several reasons. First, the Betty Crocker SuperMoist White Cake Mix provides a deliciously fluffy base that pairs beautifully with the soaking mixture of sweetened condensed milk, coconut milk, and half-and-half. The ripe bananas add natural sweetness and moisture, making each bite irresistible. Lastly, the whipped cream topping and toasted coconut give this cake a textural contrast that elevates it to a new level of deliciousness.
Ingredient Breakdown
To create this mouthwatering Banana Tres Leches Cake, you will need the following ingredients:
- 1 Box Betty Crocker SuperMoist White Cake Mix – This mix serves as a perfect base for your cake.
- 1 1/4 cups water – Necessary for mixing with the cake batter.
- 2 Tbsp vegetable oil – Helps to keep the cake moist.
- 3 large eggs – Provides structure and richness to the cake.
- 1 cup mashed overripe bananas (about 2 medium bananas) – Adds flavor and moisture.
- 1 (14 oz) can sweetened condensed milk – A key ingredient for the tres leches mixture.
- 1/2 cup coconut milk – Introduces a tropical flair to the cake.
- 1/2 cup half and half or cream – Adds richness to the soaking mixture.
- 1 cup heavy whipping cream – For the whipped topping.
- 3 Tbsp granulated sugar – Sweetens the whipped cream topping.
- 2 bananas, sliced – For garnish and added banana flavor.
- 1/2 cup sweetened, toasted coconut – Provides a delightful crunch and enhances the tropical vibe.
Before You Start: Equipment
Before you begin your baking adventure, gather the following equipment:
- Mixing bowls – For preparing the cake batter and soaking mixture.
- Whisk – To mix the cake batter and whip the cream.
- 9×13-inch baking pan – Perfect for baking your tres leches cake.
- Electric mixer – Makes whipping the cream easier.
- Spatula – For spreading the whipped cream and mixing ingredients smoothly.
Banana Tres Leches Cake Cooking Guide

Ready to create your Banana Tres Leches Cake? Follow these simple steps:
Step 1: Prepare the Cake Batter
Preheat your oven to 350°F (175°C). In a large mixing bowl, combine the Betty Crocker SuperMoist White Cake Mix, water, vegetable oil, and eggs. Use a whisk or an electric mixer to blend the ingredients until smooth. Gently fold in the mashed bananas until fully incorporated.
Step 2: Bake the Cake
Pour the batter into a greased 9×13-inch baking pan. Bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean. Once baked, remove the cake from the oven and allow it to cool completely in the pan.
Step 3: Prepare the Tres Leches Mixture
In a separate bowl, whisk together the sweetened condensed milk, coconut milk, and half-and-half (or cream). Once the cake is cooled, poke holes all over the surface using a fork or skewer. Slowly pour the tres leches mixture over the cake, ensuring it seeps into the holes for maximum flavor.
Step 4: Whip the Cream
In another mixing bowl, combine the heavy whipping cream and granulated sugar. Using an electric mixer, whip the cream until stiff peaks form. This will be the luscious topping for your cake.
Step 5: Assemble and Garnish
Spread the whipped cream evenly over the soaked cake. Top with sliced bananas and sprinkle with sweetened, toasted coconut for an added crunch and visual appeal.
Healthier Substitutions

If you’re looking to make some healthier swaps in your Banana Tres Leches Cake, consider the following options:
- Replace the vegetable oil with applesauce for a lower-fat option.
- Use almond milk instead of coconut milk for a lighter version.
- Opt for light whipped cream to reduce calories in the topping.
- Substitute agave syrup for granulated sugar in the whipped cream for a natural sweetener.
Notes from the Test Kitchen
When making this Banana Tres Leches Cake, remember that the key to a moist cake is allowing it to soak up the tres leches mixture for several hours, or even overnight. This ensures that every bite is rich and flavorful. Additionally, feel free to experiment with different toppings such as nuts or chocolate shavings for added texture and taste.
Keep It Fresh: Storage Guide
To keep your Banana Tres Leches Cake fresh, store it in an airtight container in the refrigerator. It’s best consumed within 3-4 days for optimal taste and texture. If you need to make it ahead of time, you can bake and soak the cake, then add the whipped cream topping just before serving to keep it from getting soggy.
FAQ
Can I make this cake ahead of time?
Absolutely! You can bake the cake a day in advance and soak it overnight in the tres leches mixture. Just add the whipped cream topping right before serving for the best texture.
Can I use other fruits in this recipe?
Yes! While bananas are the star of this recipe, feel free to experiment with other fruits such as strawberries or mangoes for a fruity twist on the classic tres leches cake.
What if I don’t have coconut milk?
If you don’t have coconut milk, you can substitute it with any other milk of your choice, such as almond milk or whole milk. The flavor will change slightly, but it will still be delicious!
How do I know when the cake is done baking?
The cake is done when a toothpick inserted into the center comes out clean or with a few moist crumbs. Be careful not to overbake, as this can result in a dry cake.
Serve & Enjoy
Now that you’ve mastered this delightful Banana Tres Leches Cake, it’s time to serve it up! Slice into generous pieces and watch as your friends and family dig in. The combination of creamy, sweet, and fruity flavors is sure to leave everyone satisfied and craving more. Pair it with a cup of coffee or tea for a perfect afternoon treat.
Indulging in this Banana Tres Leches Cake is not just about savoring a dessert; it’s about creating memories, celebrating special moments, and sharing delightful flavors with loved ones. Enjoy every bite and relish the joy it brings!

Banana Tres Leches Cake
Ingredients
Equipment
Method
- Step 1: Preheat your oven to 350°F (175°C). In a large mixing bowl, combine the Betty Crocker SuperMoist White Cake Mix, water, vegetable oil, and eggs. Use a whisk or an electric mixer to blend the ingredients until smooth. Gently fold in the mashed bananas until fully incorporated.
- Step 2: Pour the batter into a greased 9x13-inch baking pan. Bake for 25-30 minutes, or until a toothpick inserted into the center comes out clean. Once baked, remove the cake from the oven and allow it to cool completely in the pan.
- Step 3: In a separate bowl, whisk together the sweetened condensed milk, coconut milk, and half-and-half (or cream). Once the cake is cooled, poke holes all over the surface using a fork or skewer. Slowly pour the tres leches mixture over the cake, ensuring it seeps into the holes for maximum flavor.
- Step 4: In another mixing bowl, combine the heavy whipping cream and granulated sugar. Using an electric mixer, whip the cream until stiff peaks form. This will be the luscious topping for your cake.
- Step 5: Spread the whipped cream evenly over the soaked cake. Top with sliced bananas and sprinkle with sweetened, toasted coconut for an added crunch and visual appeal.
Notes
- Allow the cake to soak up the tres leches mixture for several hours, or even overnight for the best flavor.
- Experiment with different toppings such as nuts or chocolate shavings for added texture.
- Store the cake in an airtight container in the refrigerator for up to 3-4 days.
