Delicious Chocolate Tres Leches Cake Recipe: A Decadent Mexican Delight
Indulge in a truly extraordinary dessert with this moist Chocolate Tres Leches Cake. This recipe takes the beloved classic Mexican “three milks cake” and elevates it with rich cocoa flavors, making it an irresistible treat perfect for any celebration. Imagine a tender, airy chocolate sponge cake, deeply infused with a signature blend of three creamy milks, then generously crowned with a cloud of homemade chocolate whipped cream. It’s a dessert that promises an unforgettable experience of velvety texture and decadent taste, ideal for special occasions like Cinco de Mayo, Christmas, New Year’s, or simply a delightful weekend indulgence.

A Note from Isabel

If you adore the traditional Mexican tres leches cake, often translated as “three milks cake,” then prepare to fall in love with this chocolate-infused rendition. I’ve always been fascinated by the versatility of this dessert, having explored delightful versions like a pumpkin tres leches cake and an apple tres leches cake. However, this chocolate variation holds a special place in my heart for its sheer indulgence and comforting appeal.
This popular Mexican sweet creation features a wonderfully moist chocolate cake, meticulously soaked in a blend of three distinct milks, and then sumptuously topped with a rich chocolate whipped cream. The result is a dessert that masterfully balances a creamy consistency with a light, airy texture. It delivers a profound chocolaty flavor without being overly heavy, making it surprisingly easy to enjoy a second slice! Its straightforward preparation makes it an accessible recipe for bakers of all skill levels.
This Chocolate Tres Leches Cake has become my signature dessert for virtually any festive occasion. It’s particularly sought after during the holidays when everyone craves that extra special, comforting bite. Its ability to feed a crowd and satisfy even the most discerning sweet tooth makes it a perennial favorite.
What is Tres Leches Cake?
Tres Leches Cake, or “three milks cake,” is a classic Latin American dessert known for its incredibly moist texture. The traditional version typically features a sponge cake or butter cake soaked in a mixture of evaporated milk, condensed milk, and heavy cream (or regular milk). While its exact origin is debated, it gained popularity throughout Latin America and is now a beloved staple in many cultures. This chocolate rendition adds a delightful twist to the classic, infusing it with deep cocoa notes that perfectly complement the sweet, milky soak.
Why You’ll Love This Chocolate Tres Leches Recipe
- Unforgettable Moistness: The signature three-milk soak guarantees a cake that is incredibly moist and tender, melting in your mouth with every bite.
- Rich Chocolate Flavor: Made with unsweetened cocoa powder, this cake delivers a deep, authentic chocolate taste that isn’t overly sweet or artificial.
- Perfectly Balanced: It’s rich and decadent yet surprisingly light and airy, thanks to the delicate sponge cake base and the ethereal chocolate whipped cream.
- Easy to Make: Despite its impressive appearance and flavor, this recipe is straightforward to follow, making it accessible for home bakers.
- Crowd-Pleaser: Ideal for parties, holidays, or family gatherings, this cake consistently wows guests and leaves everyone asking for the recipe.
- Versatile for Celebrations: From festive holidays like Christmas and New Year’s to special events like Cinco de Mayo or birthdays, it’s a fitting centerpiece for any joyous occasion.
Essential Ingredients for Your Chocolate Tres Leches Cake
Crafting this sensational Chocolate Tres Leches Cake requires a selection of common pantry staples, divided into three key components: the chocolate cake, the three milk mixture, and the chocolate whipped topping. Using fresh, quality ingredients will ensure the best possible flavor and texture.

For the Moist Chocolate Cake
- All-Purpose Flour: The foundation of our cake, providing structure. Sifting it ensures a lighter texture.
- Unsweetened Cocoa Powder: Crucial for the rich chocolate flavor. Use a good quality cocoa powder for the best taste.
- Granulated Sugar: Sweetens the cake and helps with moisture.
- Vegetable Oil: Contributes to the cake’s moistness and tender crumb. You can also use other neutral oils like canola.
- Milk (2% or Whole): Adds liquid and richness to the batter. Whole milk will yield a slightly richer cake.
- Baking Soda & Baking Powder: These leavening agents ensure the cake rises beautifully and achieves an airy texture, perfect for soaking up the milks.
- Ground Cinnamon: A secret ingredient that enhances the chocolate flavor with a hint of warmth and depth. Don’t skip it!
- Eggs: Provide structure, richness, and help bind the ingredients. Ensure they are at room temperature for better emulsion.
- Kosher Salt: Balances the sweetness and amplifies all the other flavors.
- Vanilla Extract: A splash of vanilla complements the chocolate beautifully.
For the Signature Three Milks Mixture
This iconic blend is what gives Tres Leches its distinctive character:
- Milk (2% or Whole): Provides the base liquid for the soak. I prefer using regular milk here as it keeps the soak lighter, especially since heavy cream is used in the topping.
- Sweetened Condensed Milk: This thick, sweet milk is a key component, adding a rich, creamy sweetness to the cake. It’s essential for the authentic Tres Leches flavor.
- Evaporated Milk: A concentrated, unsweetened milk that adds another layer of creaminess and depth to the soaking liquid.
While some recipes might suggest heavy cream for the soak, I find that using regular milk (2% or whole) results in a slightly less heavy cake, which is a perfect contrast to the rich chocolate whipped cream we’ll be adding later.
For the Decadent Chocolate Whipped Cream Topping
- Heavy Cream: The base for our fluffy, stable whipped topping. Make sure it’s very cold for optimal whipping.
- Granulated Sugar: Sweetens the whipped cream to perfection.
- Unsweetened Cocoa Powder: Infuses the whipped cream with a delightful chocolate flavor.
- Vanilla Extract: Enhances the overall flavor profile of the topping.
- Chocolate Shavings (for garnish): Optional, but highly recommended for an elegant finish and extra chocolatey appeal.
Step-by-Step Guide: How to Make Chocolate Tres Leches Cake
Making this Chocolate Tres Leches Cake is a rewarding process, and following these steps will ensure a perfect dessert every time.
Preparing the Chocolate Cake Base
- Preheat and Prepare: Begin by preheating your oven to 350°F (175°C). Prepare a 9×13-inch baking pan by greasing it thoroughly with cooking spray, olive oil, or butter. This ensures the cake won’t stick and releases easily after baking.
- Combine Dry Ingredients: In a large mixing bowl, whisk together the all-purpose flour, granulated sugar, unsweetened cocoa powder, baking powder, baking soda, ground cinnamon, and kosher salt. Ensure these are well combined to distribute the leavening evenly.
- Add Wet Ingredients: To the dry mixture, add 2 cups of milk, vegetable oil, eggs, and vanilla extract. Whisk everything together until the batter is smooth and well combined. Be careful not to overmix; a few lumps are fine.
- Bake the Cake: Pour the prepared batter evenly into your greased 9×13-inch pan. Bake for 30 to 35 minutes, or until a wooden toothpick inserted into the center of the cake comes out clean. Once baked, remove the cake from the oven and let it cool in the pan for about 10 minutes while you prepare the three milk mixture.

The Magic of the Three Milks Soak
- Mix the Milks: In a medium bowl, combine the remaining 1 cup of milk, sweetened condensed milk, and evaporated milk. Whisk these three milks together until thoroughly blended.
- Prepare Cake for Soaking: Gently run a knife or a thin spatula around the edges of the cake to loosen it from the pan. This step helps prevent the edges from tearing when the cake absorbs the liquid. Then, using a wooden skewer or the tines of a large fork, generously poke holes all over the surface of the cake. These holes are crucial as they create channels for the milk mixture to seep deep into the cake, ensuring every bite is moist.
- Soak and Chill: Gradually and evenly pour the three milk mixture over the entire cake, making sure every part gets a good soaking. Don’t rush this step; allow the milk to absorb slowly. Once poured, cover the cake with plastic wrap and refrigerate for at least 2 hours, or ideally overnight. This chilling time is essential for the cake to fully absorb the liquids and develop its characteristic moist texture and flavor.


Crafting the Perfect Chocolate Whipped Cream
While the cake is chilling, you can prepare the delicious chocolate whipped topping:
- Whip the Cream: In a large, chilled bowl, combine the heavy cream, granulated sugar, unsweetened cocoa powder, and vanilla extract.
- Beat to Peaks: Using a handheld electric mixer or a stand mixer fitted with the whisk attachment, beat the mixture on high speed until soft peaks form. Be careful not to overbeat, as it can turn into butter.
- Chill Topping: Cover the bowl of whipped cream and refrigerate it until the cake is completely cooled and ready for topping.

Assembling and Serving Your Masterpiece
- Top and Garnish: Once the chocolate tres leches cake has fully cooled and absorbed the milk mixture, retrieve the chilled chocolate whipped cream. Evenly spread the whipped cream over the top of the cake. For an extra touch of elegance and flavor, garnish with chocolate shavings, if desired.
- Serve and Enjoy: Slice and serve this delectable Chocolate Tres Leches Cake immediately. Each bite promises a harmonious blend of moist chocolate cake, sweet milky goodness, and fluffy chocolate cream.

Tips for Tres Leches Cake Success
- Don’t Overmix the Batter: Overmixing develops gluten, leading to a tough cake. Mix just until the ingredients are combined.
- Ensure Cake is Fully Cooled Before Soaking: Pouring the milk mixture over a warm cake can make it fall apart. Always wait until the cake is completely cool for the best absorption and texture.
- Give it Time to Soak: The longer the cake soaks (within reason), the more flavorful and moist it becomes. Overnight chilling is highly recommended for optimal results.
- Chill Your Whipping Bowl and Whisk: For the fluffiest and most stable whipped cream, chill your mixing bowl and whisk attachment in the freezer for 10-15 minutes before whipping the heavy cream.
- Evenly Poke Holes: Make sure to poke holes throughout the entire cake, especially near the edges, to ensure uniform milk absorption.
Make Ahead and Storage Tips
This Chocolate Tres Leches Cake is an excellent make-ahead dessert, as the flavors deepen and the texture improves as it sits. You can prepare the cake base and soak it in the milk mixture up to 3 days in advance. Store it covered in the refrigerator. However, I strongly recommend preparing and adding the chocolate whipped topping only right before you plan to serve it to maintain its freshness and light, airy texture.
Any leftover cake, once topped with whipped cream, should be covered tightly and refrigerated. It will remain delicious for up to 4 days. The cake’s moistness often holds up remarkably well in the fridge, making it a fantastic dessert to enjoy over several days.
Variations to Explore
While this chocolate version is divine, the beauty of Tres Leches cake lies in its adaptability. Here are a few ideas to inspire your next baking adventure:
- Pumpkin Tres Leches: Perfect for fall, infuse the cake batter with pumpkin puree and spices, then soak it in the classic milk mixture.
- Apple Tres Leches: A delightful twist featuring apples in the cake, offering a comforting flavor profile.
- Coffee Tres Leches: Add a tablespoon of instant espresso powder to the cake batter and the milk mixture for a rich mocha flavor.
- Caramel Drizzle: After topping with whipped cream, add a generous drizzle of homemade or store-bought caramel sauce for extra indulgence.
- Fresh Berries: For a burst of freshness, garnish the cake with fresh raspberries, strawberries, or mixed berries alongside the chocolate shavings.
Frequently Asked Questions (FAQ)
Can I use a different size pan?
This recipe is designed for a 9×13-inch pan. If you use a smaller pan, the cake will be thicker and may require a longer baking time. A larger pan might result in a thinner cake that bakes faster and could dry out. Adjust baking times accordingly and always perform the toothpick test.
What kind of cocoa powder should I use?
Unsweetened natural cocoa powder works perfectly for this recipe, providing a deep chocolate flavor. Dutch-processed cocoa powder can also be used, but it’s important to note that it’s less acidic and reacts differently with baking soda. For simplicity, sticking to unsweetened natural cocoa is recommended unless you’re experienced in adjusting leavening agents.
Is Tres Leches cake supposed to be soggy?
Tres Leches cake is meant to be incredibly moist and wet, but not “soggy” in a way that implies it’s falling apart or unpleasantly mushy. It should hold its structure beautifully while being thoroughly saturated with the milk mixture, resulting in a rich, tender, and melt-in-your-mouth texture.
Can I freeze Tres Leches Cake?
You can freeze the cake after it has been soaked in the milk mixture but before adding the whipped topping. Wrap the soaked cake tightly in plastic wrap, then in foil, and freeze for up to 1 month. Thaw in the refrigerator overnight, then add the fresh whipped cream before serving.
More Decadent Desserts to Try
If you’ve enjoyed this delightful chocolate cake, be sure to explore more of our tempting dessert recipes!
- Sopapillas
- Mexican Brownies
- Sopapilla Cheesecake Bars
- Margarita Cheesecake Bars
- Dulce de Leche Brownies
- Chocolate Tamales
- Black Bean Brownies
Chocolate Tres Leches Cake Recipe

This moist Chocolate Tres Leches Cake is a delicious twist on the classic Mexican dessert! Soaked in a signature three milk mixture and topped with homemade chocolate whipped cream.
By: Isabel Orozco-Moore
Rating: 4.52 from 62 votes
Prep Time: 15 minutes
Cook Time: 30 minutes
Total Time: 2 hours 45 minutes (includes cooling and soaking)
Servings: 12 servings
Ingredients
For the Chocolate Cake
- 2 cups all-purpose flour
- 2 cups granulated sugar
- 1 cup unsweetened cocoa powder
- 2 teaspoons baking powder
- 1 teaspoon baking soda
- 1/2 teaspoon ground cinnamon
- 1 pinch kosher salt
- 2 cups milk (2% or whole)
- 1/2 cup vegetable oil
- 2 large eggs
- 2 teaspoons vanilla extract
For the Three Milks Mixture
- 1 cup milk (2% or whole)
- 8 ounces sweetened condensed milk
- 6 ounces evaporated milk
For the Chocolate Whipped Topping
- 1 cup heavy cream
- 1 1/2 tablespoon granulated sugar
- 1 tablespoon unsweetened cocoa powder
- 1/4 teaspoon vanilla extract
- Chocolate shavings, for garnish (optional)
Instructions
- Preheat the oven to 350°F (175°C). Coat a 9×13-inch pan with cooking spray, olive oil, or butter. Set aside.
- In a large bowl, add the flour, sugar, cocoa powder, baking powder, baking soda, cinnamon, and salt. Stir well to combine all the dry ingredients.
- Add 2 cups of milk, the vegetable oil, eggs, and vanilla extract to the dry ingredients. Whisk together until the batter is well combined and smooth, taking care not to overmix.
- Pour the batter into the prepared pan and bake for 30 to 35 minutes, or until a toothpick inserted into the center comes out clean. Set the cake aside to cool for 10 minutes while you prepare the three milk mixture.
- In a medium bowl, combine the remaining 1 cup of milk, the sweetened condensed milk, and evaporated milk. Whisk these three milks together until fully combined.
- Using a knife or a spatula, gently unstick the sides of the cake from the pan to prevent tearing. Then, using a wooden skewer or the tines of a large fork, generously poke holes all over the top surface of the cake.
- Gradually pour the three milk mixture evenly over the entire cake, ensuring maximum absorption. Cover the cake with plastic wrap and refrigerate for at least two hours (or ideally overnight) to allow it to cool completely and fully absorb the liquid.
- While the cake cools, prepare the whipped topping. In a large, chilled bowl, add the heavy cream, granulated sugar, cocoa powder, and vanilla extract.
- Beat the mixture on high speed using a handheld or stand mixer until soft peaks form. Be careful not to overbeat. Cover the whipped cream and refrigerate until ready to use.
- When the cake has cooled completely and absorbed the milk, top it with the chilled chocolate whipped topping and garnish with chocolate shavings, if desired. Serve immediately and enjoy!
Notes
- Make ahead: This cake can be prepared and soaked up to 3 days ahead of time and stored covered in the fridge. For best results, add the whipped topping just before serving.
- Storage: Cover any leftover cake tightly and refrigerate for up to 4 days.
Nutrition
Serving: 12 slices | Calories: 501kcal | Carbohydrates: 71g | Protein: 9g | Fat: 22g | Saturated Fat: 9g | Polyunsaturated Fat: 3g | Monounsaturated Fat: 9g | Trans Fat: 1g | Cholesterol: 70mg | Sodium: 252mg | Potassium: 361mg | Fiber: 3g | Sugar: 50g | Vitamin A: 476IU | Vitamin C: 1mg | Calcium: 232mg | Iron: 2mg
Nutrition information is automatically calculated, so should only be used as an approximation.
Did you make this recipe?
Leave a comment and star rating below to share your experience!