Name: Chocolate Tres Leches Cake Recipe
Prep time: 20 min
Cook time: 30 min
Total time: 3 h 50 min
Cuisine: Mexican
Ingredients: 1 cup all-purpose flour (125g); ½ cup natural unsweetened cocoa powder (or Dutch processed); 1 teaspoon baking powder; ½ teaspoon baking soda; ¼ teaspoon table salt; 1 cup granulated sugar (divided, 200g); 5 large eggs (separated); 1 teaspoon vanilla extract; ½ cup whole milk; 1 (14-ounce) can sweetened condensed milk; 1 (12-ounce) can evaporated milk; ½ cup whole milk; 2 tablespoons natural unsweetened cocoa powder; 2 cups heavy whipping cream; ½ cup granulated sugar; 3 tablespoons natural unsweetened cocoa powder; 2 teaspoons vanilla extract; 4 ounces shaved semisweet chocolate

Jump to Recipe· 4.1 from 12 reviews

I absolutely adore sharing this Chocolate Tres Leches Cake Recipe with friends and family because it perfectly combines the rich decadence of chocolate with the moist, airy texture that makes tres leches cakes so irresistible. For me, this dessert is comfort in every bite—so luscious and indulgent, yet surprisingly light and refreshing. It’s truly a celebration of flavor and texture, drenched in a creamy milk mixture, and topped with a whipped cocoa cream that feels like a sweet, velvety hug. You simply must try it if you want to impress or just treat yourself to something exceptionally delicious.

Why You'll Love This Chocolate Tres Leches Cake Recipe

What excites me most about this Chocolate Tres Leches Cake Recipe is how it delivers an amazing flavor experience—deep, rich cocoa balanced perfectly by the milky soak that seeps into every crumb. Unlike some dense chocolate cakes, this one stays wonderfully moist and tender thanks to the tres leches soak, which gives it that signature melt-in-your-mouth quality that I find utterly addicting. It’s both decadent and refreshing at the same time, which keeps me coming back for seconds.

Another big win is how surprisingly easy this recipe is to make. It requires simple ingredients that you likely already have, and the techniques are straightforward—no complicated steps or exotic tools necessary. I find it perfect for a special family dinner or a festive gathering, especially because it can be prepared ahead and just sits in the fridge soaking up flavor. What makes this recipe stand out for me is the luscious cocoa whipped cream topping, which adds the perfect finishing touch, making every slice beautiful and utterly delicious.

Ingredients You'll Need

This image shows a flat lay of different baking ingredients on a white marbled surface. There are twelve items arranged loosely in a circle: a clear glass measuring cup at the front filled with cream-colored milk, a small brown bowl in the middle holding white flour, a white bowl beside it filled with dark brown cocoa powder, a white ramekin with five brown eggs on the right, and a white bowl filled with white granulated sugar near the eggs. Two metal cans, one labeled

Each ingredient in this Chocolate Tres Leches Cake Recipe plays a crucial role in building that perfect balance of flavor, moisture, and texture. From the cocoa powder lending that deep chocolate richness to the trio of milks soaking into the cake, every component shines through in every bite.

Tip!

You’ll find all ingredient quantities in the recipe card below.

All-purpose flour: The foundation of the cake, providing structure without heaviness.
Natural unsweetened cocoa powder: Brings authentic chocolate flavor and a slightly bitter kick to balance sweetness.
Baking powder and baking soda: Essential leavening agents that help the cake rise beautifully and stay fluffy.
Granulated sugar (divided): Sweetens the cake and stabilizes the egg whites for perfect peaks.
Large eggs (separated): The yolks enrich the batter while the whipped whites give the cake its light, airy texture.
Vanilla extract: Adds a warm depth of flavor that complements the chocolate perfectly.
Whole milk: Adds moisture and helps create a tender crumb.
Sweetened condensed milk and evaporated milk: These milks are the heart of the tres leches soak, soaking into the cake and delivering rich creaminess.
Heavy whipping cream: Whipped into a fluffy topping, it balances the milk-soaked cake with an airy texture.
Semisweet chocolate shavings: A beautiful and tasty garnish that adds texture and extra chocolate flavor.

Directions

Step 1: Preheat your oven to 350°F (175°C). Prepare a 9x13-inch baking dish by spraying it lightly with baking spray to ensure the cake won’t stick. Separate the egg yolks from the whites carefully and set both aside for later use.

Step 2: In the bowl of your stand mixer, beat ¾ cup of the sugar together with the egg yolks on medium-high speed until the mixture turns creamy, pale, and light—this usually takes about 3 to 4 minutes. Then, add the ½ cup of whole milk and the vanilla extract, mixing again to fully incorporate everything, scraping down the bowl as needed.

Step 3: Sift together the flour, cocoa powder, baking powder, baking soda, and salt in a separate bowl. Gradually add these dry ingredients into the egg yolk mixture, stirring just until combined—don’t overmix, or the cake could turn dense.

Step 4: Now, whip the egg whites in a clean bowl, gradually adding the remaining ¼ cup of sugar until stiff, glossy peaks form. This step is key for achieving that light texture. Gently fold the whipped egg whites into the chocolate batter, being careful not to deflate the mixture.

Step 5: Pour the batter evenly into the prepared baking dish. Bake for 25 to 30 minutes, or until a toothpick inserted into the center comes out clean or with just a few moist crumbs. Let the cake cool completely.

Step 6: Using a fork, poke holes all over the cooled cake. This will allow the tres leches milk mixture to soak in deeply.

Step 7: In a separate bowl, whisk together the sweetened condensed milk, evaporated milk, ½ cup of whole milk, and 2 tablespoons of cocoa powder until smooth. Pour this luscious milk mixture slowly over the cake, making sure it seeps into the holes. Cover and refrigerate the cake for at least 3 hours, or ideally overnight, to allow full absorption.

Step 8: To finish, whip the heavy cream with the ½ cup sugar, 3 tablespoons cocoa powder, and 2 teaspoons vanilla extract until thick and fluffy. Spread this chocolate whipped cream evenly over the soaked cake and then sprinkle with shaved semisweet chocolate for an elegant, indulgent touch. Slice, serve, and prepare to be wowed!

Servings and Timing

This Chocolate Tres Leches Cake Recipe yields about 12 generous servings, making it perfect for family gatherings or parties. The prep time is roughly 30 minutes, plus about 25 to 30 minutes to bake. The crucial part is the soaking time—plan for at least 3 hours of chilling after baking, although overnight soaking is best to really let the milks infuse into the cake. Total time from start to serving is around 4 hours, but most of that is hands-off refrigeration, so it perfectly fits into a busy day when you want to prep ahead.

How to Serve This Chocolate Tres Leches Cake Recipe

A clear rectangular glass baking dish filled with a dark brown chocolate cake that has many small holes on the surface. A woman’s hand is pouring a light brown creamy liquid evenly over the cake in the first part of the image. In the second part, the cake is topped with a large dollop of thick, light brown cream placed roughly in the center, showing its smooth and fluffy texture. The dish is set on a white marbled surface. photo taken with an iphone --ar 4:5 --v 7

When I serve this cake, I love to bring out its beautiful textural contrasts by pairing it with fresh berries like raspberries or strawberries, which add a bright, tart pop that balances all that creamy chocolate goodness. Sometimes a small scoop of vanilla bean ice cream on the side takes the experience over the top for those who want an extra chilly treat. For presentation, I spread the whipped cocoa cream evenly and then decorate with plenty of chocolate shavings or curls to create an elegant look that feels special but is effortlessly achieved.

For beverages, I’m a big fan of pairing this cake with rich drinks like coffee or a bold espresso which cuts through the sweetness beautifully. If you want to serve alcohol, a glass of ruby port or a smooth dark rum cocktail complements the chocolate and cream notes perfectly. I usually serve my slices chilled from the fridge—it just feels more refreshing that way, especially in warmer months, but room temperature also works nicely if you want the flavors to bloom fully.

This cake shines at celebrations like birthdays, holiday dinners, or weekend get-togethers with friends. Because it can be made ahead and stored in the fridge, I often prepare it the day before to free up time on the event day. I recommend slicing into moderate-sized portions so the indulgent cake feels like a special treat that lasts, not something overwhelming.

Variations

One of my favorite things about this Chocolate Tres Leches Cake Recipe is how adaptable it is. If you're looking for a gluten-free option, swapping the all-purpose flour for a quality gluten-free flour blend usually works well—just make sure it’s one designed for baking cakes to keep the texture tender. For dairy-free versions, you can experiment with coconut milk or almond milk in place of the whole milk and use coconut cream instead of heavy whipping cream. Just keep in mind the flavors will shift but still be delicious.

If you want to mix up the flavor profile, you might try adding a hint of cinnamon or chili powder to the cocoa batter for a subtle warmth and spice kick that pairs beautifully with chocolate. Alternatively, incorporating some espresso powder intensifies the chocolate depth without overpowering the cake. For a different cooking method, I’ve even tried making this cake in cupcake tins for individual servings—the soaking time stays the same, but they’re ideal for casual parties or potlucks.

Storage and Reheating

Storing Leftovers

This cake keeps wonderfully in an airtight container or tightly covered with plastic wrap in the refrigerator. Because it’s already soaked with milks, it stays moist and flavorful for about 3 to 4 days. I usually cover it well to prevent it from absorbing other fridge odors because the whipped cream topping can be delicate.

Freezing

You can freeze this Chocolate Tres Leches Cake Recipe, but for best results, freeze only the cake layer without the whipped cream topping. Wrap the cake tightly in plastic wrap and then in aluminum foil or place in a freezer-safe container. It will keep well frozen for up to 2 months. When ready to enjoy, thaw it overnight in the refrigerator and add freshly whipped cream before serving.

Reheating

Because this is a milk-soaked cake with whipped cream topping, I don’t recommend reheating it. The best way to serve it is chilled or at room temperature. If you prefer it slightly less cold, take it out of the fridge about 20 minutes before serving to let it warm up just a bit without melting the topping. Always handle gently to preserve the whipped cream’s fluffy texture.

FAQs

Can I prepare this cake ahead of time?

Absolutely! In fact, this cake tastes even better after it has soaked overnight in the refrigerator. Preparing it a day ahead lets the milk mixture fully absorb, making the cake extra moist and flavorful.

What kind of cocoa powder should I use?

I recommend natural unsweetened cocoa powder for its bright chocolate flavor, but you can also use Dutch-processed cocoa for a deeper, sweeter taste. Just note that Dutch-process may slightly affect the rise due to its different acidity.

Can I use a different pan size?

The recipe is designed for a 9x13-inch pan to get the right thickness and soaking time. If using a different size, adjust baking time accordingly and watch the cake closely to avoid overbaking or underbaking.

Is it necessary to separate eggs and whip the egg whites?

Yes, whipping the egg whites separately and folding them in is key to achieving the light, airy texture that sets this cake apart. It might feel like an extra step, but the fluffy cake crumb is well worth it.

Can I make this into a layered cake?

You can! Just bake the batter in two smaller pans, then poke holes and soak each layer separately. Stack them with whipped cream between the layers and on top for a delicious layered chocolate tres leches experience.

Conclusion

I can’t encourage you enough to try this Chocolate Tres Leches Cake Recipe—it’s truly one of my all-time favorite desserts that never fails to impress and satisfy. Whether you’re looking to wow guests or just indulge yourself, this cake brings that perfect balance of richness, moisture, and silky smoothness that’s downright irresistible. Trust me, once you make it, it’ll become a staple you return to again and again!