Chocolate Tres Leches Cake isn’t just a dessert, it’s an experience. Imagine a rich chocolate sponge cake soaked in a silky blend of three milks, topped with luscious chocolate whipped cream. This indulgent treat blends Latin American tradition with deep chocolate flavor for a dessert that’s as unforgettable as it is delicious.
Whether you’re making it for a festive Cinco de Mayo celebration or just because you crave something luxurious and homemade, this chocolate tres leches cake recipe delivers moist texture, intense cocoa flavor, and a unique twist on a beloved classic. If you love desserts that bring layers of flavor and texture, you might also enjoy our Strawberry Dream Cake, another luscious treat that’s perfect for special occasions.
Table of Contents
🧁 What Is Chocolate Tres Leches Cake?
Tres Leches Cake, or “Three Milks Cake,” is a beloved dessert in Mexican and Latin American cuisine. Traditionally, it’s a light sponge cake soaked in a mixture of evaporated milk, sweetened condensed milk, and heavy cream. This Mexican dessert is known for its melt-in-your-mouth texture.
Now, imagine enhancing that with rich cocoa powder, a splash of coffee, and chocolate whipped cream. The result? A chocolate lover’s dessert that turns heads at any gathering. It’s similar in spirit to our Flourless Chocolate Cloud Cake Recipe—both boast rich chocolate intensity but with a unique texture and flair.
Why it works: The chocolate cake base soaks up the tres leches mixture while maintaining structure. The result is an ultra-moist, fudgy yet airy cake layered with bold chocolate and creamy sweetness.
🥄 Ingredients You’ll Need For Chocolate Tres Leches Cake
Here’s what makes this chocolate milk cake stand out:

For the Chocolate Cake
- 1 cup all-purpose flour
- ½ cup unsweetened cocoa powder
- 1 ½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 4 large eggs, separated
- ¾ cup granulated sugar
- ¼ cup brown sugar
- ⅓ cup vegetable oil
- ¼ cup brewed coffee (or hot water for a non-caffeinated version)
- 1 teaspoon vanilla extract
For the Chocolate Tres Leches Soak
- 1 cup evaporated milk
- 1 cup sweetened condensed milk
- ¾ cup heavy cream
- 2 tablespoons cocoa powder
- 1 tablespoon coffee liqueur or espresso powder (optional for deeper flavor)
For the Chocolate Whipped Cream
- 1 ½ cups heavy whipping cream
- 3 tablespoons powdered sugar
- 2 tablespoons unsweetened cocoa powder
- ½ teaspoon vanilla extract
Pro Tip: Use high-quality cocoa powder and freshly brewed coffee to amplify the chocolate flavor. These ingredients are key to a triple chocolate cake experience, much like how the balance of flavors shines in our White Chocolate Blueberry Cheesecake.
🍫 How to Make Chocolate Tres Leches Cake

Step 1: Make the Cake Base
H3: Create the Perfect Chocolate Sponge
This cake uses a method similar to sponge cakes to ensure it soaks up the milks beautifully without falling apart.
- Preheat oven to 350°F (175°C). Grease a 9×13-inch baking pan.
- Separate the eggs. Whip the egg whites to stiff peaks in a clean bowl.
- In another bowl, beat egg yolks with granulated sugar, brown sugar, and oil until pale and fluffy.
- Mix in the coffee and vanilla extract.
- In a separate bowl, sift together the flour, cocoa powder, baking powder, baking soda, and salt.
- Gradually mix the dry ingredients into the wet mixture.
- Gently fold in the whipped egg whites in batches to keep the batter airy.
This method produces a chocolate sponge cake light enough to absorb milk but rich enough for deep flavor. The technique is somewhat reminiscent of the delicate texture you find in our Chocolate Pudding Cake, which also relies on the balance between moisture and structure.
Step 2: Bake and Cool

Pour the batter into the pan and bake for 25–30 minutes. Insert a toothpick to check—there should be a few moist crumbs.
Cool the cake completely before moving on to the soaking step.
🥛 The Signature Chocolate Milk Soak
The magic of tres leches lies in the soak. This version gets a mocha twist from cocoa and espresso powder.
- In a large bowl, whisk together:
- Evaporated milk
- Sweetened condensed milk
- Heavy cream
- Cocoa powder
- Espresso powder or coffee liqueur
- Poke holes all over the cooled cake using a skewer or fork. Pour the chocolate milk mixture slowly, giving it time to absorb evenly.
- Refrigerate for at least 6 hours or overnight. The longer the soak, the more decadent and moist the cake becomes.
📝 FAQ: How long can you soak it? Overnight is best, but even 4–6 hours will give you good results.
🍰 Whipped Cream Topping and Garnishes
Chocolate Whipped Cream That Holds Up
- Beat cold heavy cream with cocoa powder, powdered sugar, and vanilla until stiff peaks form.
- Spread over the soaked cake just before serving.
Garnish Ideas
- Chocolate shavings or curls
- Fresh raspberries or strawberries
- Crushed cinnamon sticks or a pinch of cayenne (for a Mexican hot chocolate vibe)
- Toasted almonds or hazelnuts for crunch
Looking for a twist? Swap in mascarpone for a rich tang, or use stabilized whipped cream if you need it to hold longer at room temperature.
🎉 Serving Ideas for Every Occasion
This cake is a showstopper for holidays and gatherings.
Check out Epicurious’s Mexican-themed party ideas to build a full menu around your dessert.

Perfect for Parties and Celebrations
This cake is a showstopper for holidays and gatherings. It pairs beautifully with:
- Mexican coffee or spicy hot chocolate
- Light Mexican meals like enchiladas, tacos, or nachos
- Special events like Cinco de Mayo or birthdays
Serve chilled for the best flavor and texture.
🌾 Dietary Substitutions and Make-Ahead Tips
Make It Fit Your Diet
Want to enjoy chocolate tres leches cake without the guilt (or allergy flare-ups)? Here are some substitution options:
Dairy-Free or Vegan
- Use dairy-free condensed milk (available in many stores)
- Substitute evaporated milk with full-fat coconut milk
- Use plant-based whipping cream
- Swap eggs with aquafaba or flaxseed egg for the cake base
- Gluten-Free
- Use a 1:1 gluten-free baking flour blend in place of all-purpose flour
Reduced Sugar
- Opt for unsweetened coconut condensed milk
- Reduce sugar in the whipped topping or use a monk fruit sweetener blend
Freezing Tip: This cake freezes surprisingly well. Wrap tightly in plastic and foil after soaking (before topping) and freeze up to 2 months.
Find a complete vegan baking substitutes guide on Minimalist Baker.
🔍 FAQs & Troubleshooting
Your Most Common Questions—Answered
Can you freeze chocolate tres leches cake?
Yes, but do it without the whipped topping. Thaw overnight and top fresh before serving.
What if the cake is too soggy?
It may have overbaked or been soaked too long. Try soaking gradually and monitoring absorption next time.
Can I skip the coffee?
Yes! Just replace it with hot water, but keep in mind coffee enhances chocolate flavor.
How long does it last?
Stored in the fridge, the cake lasts 4–5 days. Just cover it tightly to prevent it from drying out.
is mocha tres leches recipe by rosie ?
The Mocha Tres Leches recipe is not exclusively by Rosie, but she may have her own version of it. Many food bloggers and chefs have created variations of Mocha Tres Leches, blending chocolate and coffee flavors into the classic Latin American dessert. If you’re referring to a specific Rosie, like Rosie from “Sweetapolita” or another popular baking blog, please clarify so I can confirm if it’s her original recipe.
🇲🇽 The Cultural Roots of Tres Leches
While pastel de tres leches has roots across Latin America, it’s especially beloved in Mexico, where it’s a staple at family gatherings. The addition of chocolate and coffee isn’t traditional but adds a modern twist that resonates with contemporary palates.
I first tasted this at a friend’s family party in Oaxaca it was so rich and soaked through with love that I’ve been recreating and refining it ever since.
This blend of tradition and innovation makes chocolate tres leches cake a bridge between generations.
🧁 Final Thoughts: Why You’ll Love This Cake
This chocolate tres leches cake recipe is a dream for both traditionalists and modern bakers. You get the best of both worlds: old-school soaking techniques and bold, updated flavors.
- Moist and rich with every bite
- Easy to customize and make ahead
- Visually stunning and celebration-worthy
Whether you’re a seasoned baker or trying this for the first time, this cake offers the satisfaction of baking something that’s both beautiful and unbelievably good.
If you’re a fan of rich chocolate cake and creamy textures, this Chocolate Tres Leches Cake will win you over. It’s a celebration in every bite—bold, moist, and unforgettable.
Explore the science behind moist cakes at Bon Appétit.
🍴 Conclusion & Call to Action
Chocolate Tres Leches Cake is more than just a dessert—it’s a celebration of texture, tradition, and bold flavor. With its rich cocoa sponge, deeply soaked milk mixture, and velvety chocolate whipped cream, this recipe honors the heart of the classic tres leches while offering a decadent twist that chocolate lovers will crave again and again.
Whether you’re making it for a holiday, a birthday, or a casual family dinner, this cake will leave a lasting impression. It’s moist, indulgent, and totally unforgettable.
Tried this recipe?
We’d love to hear how it turned out for you! Share your feedback in the comments below, post a photo and tag us on social media, or pin it to your dessert board so others can enjoy it too.
Happy baking, and don’t forget to grab an extra spoon. You’re going to want seconds.