8x8 Tres Leches Cake Recipe: Triple-Layered Moisture With Crunchy Top Trick

Desserts

8x8 Tres Leches Cake Recipe: Triple-Layered Moisture With Crunchy Top Trick

This 8x8 tres leches cake recipe delivers the perfect balance of moist layers and crunchy top—a classic Latin American dessert that’s become a crowd favorite. The secret lies in baking three thin layers of tender sponge cake, then soaking them in a rich mixture of evaporated milk, condensed milk, and heavy cream. This technique ensures every bite is velvety and flavorful, with a hint of vanilla and cinnamon that makes it irresistible.

The recipe starts with simple ingredients—flour, sugar, eggs, and baking powder—mixed together to create a light, airy batter. After baking the layers at 350°F for 15-18 minutes each, the real magic happens when the tres leches mixture is poured over the stacked cake. This step transforms the cake into a decadent, creamy masterpiece that’s perfect for celebrations or a special dessert night.

What sets this version apart is the crunchy top trick—a layer of toasted coconut or crushed graham crackers that adds texture contrast to the soft cake. The result is a dessert that’s foolproof, restaurant-quality, and ready in just under an hour. Whether you’re serving it at a fiesta or enjoying it as a treat, this recipe delivers every time.

Pair it with fresh berries or a sprinkle of cinnamon for extra flair. The moist layers and creamy filling make it a showstopper, and the 8x8 pan ensures perfect portions for sharing. Let’s get baking!

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for 8x8 tres leches cake

Simple pantry staples transform into a restaurant-quality dessert with this triple-layered cake.

Ingredient Amount Notes
All-Purpose Flour 🌾 2 ½ cups Sifted for light texture
Granulated Sugar 🍚 1 ½ cups White sugar preferred
Large Eggs 🥚 6 whole Room temperature for best mixing
Unsalted Butter 🧈 1 cup Melted, cooled slightly
Baking Powder 🍞 2 tsp Aluminum-free for best rise
Vanilla Extract 🌿 1 tbsp Pure extract, not imitation
Ground Cinnamon 🌶️ 1 tsp Freshly ground preferred
Evaporated Milk 🥛 12 oz Full-fat for creamy texture
Sweetened Condensed Milk 🥛 14 oz High-quality brand preferred
Heavy Cream 🥛 1 cup Whole milk fat for richness
Sweetened Flaked Coconut 🥥 1 cup Toasted until golden
Graham Crackers 🍪 1 cup Crushed into fine crumbs
Salt 🧂 ½ tsp Fine sea salt preferred

The evaporated milk and sweetened condensed milk are non-negotiable for that signature tres leches creaminess. Store-brand cans work fine, but brands like Carnation deliver more consistent results. Grab the full-fat versions—anything reduced-fat will make your cake taste watery. The heavy cream should be cold when you mix it, so it whips up properly. If you're feeling fancy, Mexican vanilla from Trader Joe's adds a deeper flavor profile than regular extract, but pure vanilla works perfectly too. The flour matters—use all-purpose, not cake flour, for that tender crumb structure. Sift it first to avoid dense layers.

No evaporated milk? Whole milk heated with a pinch of salt is a decent stand-in, though it won't be exactly the same. Running out of condensed milk? Mix equal parts powdered milk and sugar, then add water to reach the same consistency. The toasted coconut is where the magic happens—toast it in a dry pan for 3-4 minutes until golden and fragrant. No graham crackers? Crushed vanilla wafers or digestive biscuits work in a pinch. The cinnamon can be swapped for a pinch of nutmeg if you're feeling adventurous, but classic cinnamon is the way to go for that authentic taste. And trust me on the room-temperature eggs—they mix so much better than cold ones.

This cake keeps beautifully—3-4 days in the fridge if covered tightly. The crunchy top stays crisp for about 24 hours, so make it fresh for guests. Freezes well too—wrap tightly in plastic wrap and it'll last up to 3 months. Store the tres leches mixture separately if you're prepping ahead, then assemble just before serving. The 8x8 pan is key—don't substitute! It ensures even baking and perfect portion sizes for sharing. Leftovers? They're even better the next day—if they last that long.

❤️

Why You'll Love This Recipe

  • One-Bowl Wonder: I swear by this recipe—just toss the flour, sugar, eggs, and melted butter in one bowl, mix it up, and bake. No fussing with layers or extra pans, and that vanilla extract? It’s the secret to a cake so tender it melts in your mouth.
  • Triple-Threat Flavor: The moment that creamy milk mixture soaks into the warm cake? Absolute magic. It’s sweet but not cloying, with just the right balance from the butter and eggs making every bite rich and velvety.
  • Party in a Pan: This 8x8 size is perfect for gatherings—halve it for a cozy dessert or double it for a crowd. I’ve served it at birthdays, potlucks, and even as a "just because" treat, and it disappears faster than I can say "more cake, please."
  • Leftovers That Don’t Suck: Honestly, the cake stays moist for days, so you’re not stuck eating dry slices. Store it covered, and the flavors only deepen—great for meal prep or when you want a no-effort dessert later in the week. (Yes, even on a Tuesday night.)

Step-by-step instructions for 8x8 tres leches cake

Here's how to create a perfectly moist, triple-layered cake with that signature crunchy coconut topping.

1

Bake Three Layers of Light, Fluffy Cake

Preheat your oven to 350°F and grease three 8x8-inch baking pans with butter or line them with parchment paper. In a large mixing bowl, combine the 2.5 cups all-purpose flour, 1.5 cups granulated sugar, 2 tsp baking powder, 1 tsp ground cinnamon, and 0.5 tsp salt. Sift together for a light, airy texture—this prevents dense layers.

In a separate bowl, beat the 6 whole large eggs and 1 cup unsalted butter (melted and cooled slightly) until smooth. Add the dry ingredients to the wet mixture and stir just until combined. Fold in the 1 tbsp vanilla extract until evenly distributed. Divide the batter evenly among the three prepared pans.

Bake for 25-30 minutes or until a toothpick inserted in the center comes out clean. Here's the trick: let the layers cool in the pans for 10 minutes before transferring to a wire rack. This prevents them from cracking when you remove them.

2

Prepare the Crunchy Coconut Topping

While the cake layers are baking, toast the 1 cup sweetened flaked coconut in a dry skillet over medium heat for 3-5 minutes, stirring constantly until it turns a beautiful golden brown. Watch it closely—it burns quickly! Transfer the toasted coconut to a small bowl and let it cool slightly.

In the same skillet, crush the 1 cup graham crackers into fine crumbs using the back of a wooden spoon or a rolling pin. You want them to be as fine as possible for that perfect crunchy texture. Mix the graham cracker crumbs with the toasted coconut and set aside.

3

Assemble the Cake with Tres Leches Soaking

Once the cake layers have completely cooled, place one layer on a serving plate. In a medium bowl, whisk together the 12 oz evaporated milk, 14 oz sweetened condensed milk, and 1 cup heavy cream until smooth. This is your tres leches mixture—the heart of the cake's moisture.

Slowly pour about ⅓ of the milk mixture over the first cake layer, letting it absorb for 1-2 minutes. Repeat with the remaining two layers, adding the milk mixture between each one. The cake will start to soften and become translucent—this is exactly what you want!

4

Top and Chill for Maximum Moisture

Spread the coconut-graham cracker mixture evenly over the top of the cake, pressing down gently to ensure it adheres. Here's the secret to keeping this cake perfectly moist: refrigerate it uncovered for at least 4 hours (overnight is even better). This allows the milk mixture to fully penetrate the layers, creating that signature tres leches texture.

The cake will firm up slightly as it chills, but it should still feel soft and moist to the touch. Serve it chilled, and you'll be rewarded with slices that are rich, creamy, and perfectly balanced with that crunchy topping. Each bite delivers that ideal combination of fluffy cake, sweet milk soak, and toasted coconut crunch.

👨‍🍳

Pro Tips For Making 8x8 Tres Leches Cake

  • Preheat Pan First: Slap that 8x8 pan in the oven with the cake batter for 5 minutes before baking—yes, even if it’s hot. I learned this the hard way when my cake stuck like glue and tore apart when I tried to flip it. The extra heat ensures even rise and makes the whole "soaking the cake" step later way smoother.
  • Whip Egg Whites Cold: Chill your bowl and beaters before whipping those egg whites—room temp is the enemy of stiff peaks. I used to rush this, and my meringue would collapse faster than my willpower on a Monday. Cold tools = stable meringue = a cake that holds its shape when soaked.
  • Don’t Overmix the Batter: Fold the flour mixture into the wet ingredients just until combined—lumpy is fine, tough is not. I’ve seen cakes turn dense and rubbery from overworking, and nobody wants that. Stop when the flour’s mostly gone, then let the baking powder do its magic.
  • Use Heavy Cream for Soaking: Skip the light cream—heavy cream (36% fat) soaks in richer and gives that classic tres leches texture. I was skeptical until I tried it; the difference is like swapping tap water for champagne. Yes, it’s pricier, but your cake will thank you.

Best sauces and condiments for this 8x8 tres leches cake

Classic Tres Leches Syrup

The signature tres leches mixture is where this cake gets its name—and its legendary moisture. Use 12 oz evaporated milk, 14 oz sweetened condensed milk, and 1 cup heavy cream for that perfect balance of sweetness and creaminess. I like to whisk these together in a bowl until smooth, then let it sit at room temperature for 10 minutes before pouring over the cake layers. This helps the flavors meld slightly, creating a richer soak. 🥛

Whipped Cream Variations

Top your cake with whipped cream for extra indulgence. For classic flavor, whip 1 cup heavy cream with 2 tbsp powdered sugar and ½ tsp vanilla extract until soft peaks form. For a tropical twist, fold in ¼ cup toasted coconut flakes or ½ cup chopped mango. I also love adding a pinch of ground cinnamon to the whipped cream for warmth. Store-bought whipped cream works in a pinch, but homemade is always better.

Fruit Compote Toppings

Brighten up your cake with a fruit compote drizzle. Simmer 1 cup mixed berries (strawberries, raspberries, or blackberries) with 2 tbsp sugar and 1 tsp lemon juice for 5 minutes until thickened. Strain and cool before drizzling over the cake. For a more tropical vibe, use mango or pineapple—simmer with 1 tbsp honey and ½ tsp lime zest. The acidity cuts through the richness beautifully. 🍓

Chocolate Ganache Drizzle

For chocolate lovers, a dark chocolate ganache adds a luxurious touch. Heat ½ cup heavy cream until steaming, then pour over 8 oz chopped dark chocolate (60-70% cocoa). Let it sit for 2 minutes, then whisk until smooth. Drizzle over the cake just before serving. For extra flair, sprinkle with crushed pretzels or sea salt flakes to contrast the sweetness. This works especially well with the coconut-graham cracker topping.

Caramel Sauce Swirl

A salted caramel sauce elevates this cake to restaurant-quality status. Cook ½ cup granulated sugar in a saucepan over medium heat until it melts and turns amber. Slowly whisk in ¼ cup heavy cream, then add 1 tbsp butter and ½ tsp flaky sea salt. Drizzle generously over the cake and let it drip down the sides. The salt enhances the sweetness, making every bite even more decadent. 💛

Nutrition facts

Servings 8
Amount Per Serving
Calories 580kcal
% Daily Value *
Total Fat 28g36%
Saturated Fat 18g90%
Cholesterol 185mg62%
Sodium 420mg18%
Total Carbohydrate 78g28%
Dietary Fiber 1g4%
Sugars 62g
Protein 8g16%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Why does the cake need three thin layers instead of one thick layer?

The three thin layers ensure even moisture distribution from the tres leches soak. A single thick layer would create a dense center that wouldn't absorb the milk mixture properly, leaving you with dry spots. The thin layers also bake faster at 350°F, preventing over-browning while keeping the edges tender.

2

Can I make this cake in a 9x13-inch pan instead of 8x8?

Yes, but you'll need to adjust the recipe. For a 9x13-inch pan, bake just two layers (about 1-inch thick each) instead of three. Reduce the milk mixture to 10 oz evaporated milk, 12 oz condensed milk, and ¾ cup heavy cream to maintain proper ratios. The baking time will increase to 30-35 minutes per layer.

3

What's the best way to store leftovers?

Keep your cake in an airtight container in the fridge for up to 4 days. The crunchy coconut topping stays crisp for about 24 hours, so serve it fresh when possible. For longer storage, freeze the assembled cake (without topping) for up to 3 months, then add the coconut mixture when thawed.

4

Why did my cake layers crack when cooling?

Cracking usually happens when layers cool too quickly. Always let them cool in the pans for 10 minutes before transferring. Also ensure your oven is fully preheated to 350°F—fluctuating temperatures cause uneven baking. If cracks appear, simply fill them with extra whipped cream before serving!

5

Can I substitute the graham crackers for something else?

Try crushed vanilla wafers, digestive biscuits, or even toasted meringue bits for variation. For a nutty twist, use finely chopped pecans or almonds toasted with the coconut. Just ensure whatever you choose is crushed finely for that signature crunch.

★★★★★4.5(11 reviews)
Categories Desserts