Chocolate Tres Leches Cake
If you’ve ever had a classicChocolate Tres Leches Cake and thought “this is good, but what if it had MORE chocolate,” congratulations — you’ve basically invented this recipe. This Chocolate Tres Leches Cake is the kind of dessert that makes people go quiet at the table.
I first made this for a birthday dinner, and someone asked me three times for the recipe before the night was over. That’s how you know it’s a keeper.
Table of Contents
Why You’ll Love This Chocolate Tres Leches Cake
This isn’t your average cake. It’s rich, deeply chocolatey, and soaked through with a three-milk mixture that keeps every single bite impossibly moist. The chocolate whipped cream on top? Pure bliss.
It’s also a make-ahead dream. You can bake it the night before and let it soak overnight — it only gets better. Perfect for parties, holidays, or honestly any day you need something spectacular.
Think of it as your new go-to Mexican dessert chocolate moment. It’s got all the drama of a fancy bakery cake with the cozy satisfaction of something homemade.
Ingredients You’ll Need
Here’s everything broken down so you can shop smart and not end up at the store three times. Trust me, been there.
For the Cake
| Ingredient | Amount |
|---|---|
| All-purpose flour | 1 3/4 cups |
| Granulated sugar | 1 3/4 cups |
| Unsweetened cocoa powder | 3/4 cup |
| Baking powder | 1 teaspoon |
| Baking soda | 2 teaspoons |
| Salt | 1 teaspoon |
| Buttermilk | 1 cup |
| Vegetable oil | 1/2 cup |
| Large eggs, room temperature | 2 |
| Vanilla extract | 1 teaspoon |
| Strong hot coffee, freshly brewed | 1 cup |
For the Chocolate Milk Filling
| Ingredient | Amount |
|---|---|
| Sweetened condensed milk | 14 oz (1 can) |
| Unsweetened cocoa powder | 3 tablespoons |
| Heavy cream | 3/4 cup |
| Evaporated milk | 3/4 cup |
For the Chocolate Whipped Cream Topping
| Ingredient | Amount |
|---|---|
| Powdered sugar | 2/3 cup |
| Unsweetened cocoa powder | 1/3 cup |
| Heavy cream, very cold | 2 cups |
| Chocolate shavings (for topping) | 3/4 cup |
Step-by-Step Instructions
Don’t be intimidated — this chocolate tres leches cake comes together in three stages, and each one is straightforward. Just read through before you start so nothing catches you off guard.
Step 1: Bake the Chocolate Cake
Preheat your oven to 350°F and spray a 9×13 baking pan generously with cooking spray. You want a good coat — this cake is precious and we’re not leaving any behind on the pan.
In a bowl, whisk together the flour, sugar, cocoa powder, baking powder, baking soda, and salt. Set it aside while you work on the wet ingredients.
In a large bowl, use a hand mixer to combine the buttermilk, vegetable oil, eggs, and vanilla. Slowly add the dry ingredients while the mixer is running on low. Then pour in that cup of hot coffee and mix until everything is smooth.
Don’t panic — the batter will be very thin, almost like chocolate milk. That’s totally normal and actually the secret to how tender this cake turns out.
Pour the batter into your prepared pan and bake for about 30 minutes. The cake is done when the center springs back when lightly touched, or a toothpick comes out with just a few moist crumbs.
Step 2: Poke and Soak
While the cake is still warm, grab a wooden skewer or a fork and poke holes all over the surface. Be generous — you want lots of little tunnels for that chocolate milk mixture to sink into.
Now whisk together the sweetened condensed milk and cocoa powder until smooth. Add the heavy cream and evaporated milk and whisk it all together into your luscious tres leches filling.
Slowly pour the milk mixture evenly over the warm, hole-covered cake. Take your time here. You want it soaking into every single crevice. Then let the cake cool completely before adding the topping.
Pro tip: Once cooled, cover the pan and refrigerate the cake overnight. The longer it soaks, the more incredible it gets. This is the easy cake topping hack that makes it taste like you ordered it from a bakery.
Step 3: Make the Chocolate Whipped Cream
This is where the magic really happens. Pop the bowl of your stand mixer (or a glass bowl if you’re using a hand mixer) into the fridge for 10 minutes. Cold bowl = better whipped cream. It’s not optional!
Sift the powdered sugar and cocoa powder together — sifting prevents lumps and keeps the whipped cream silky smooth.
Beat the cold heavy cream in your cold bowl for about 1 minute. Add half the cocoa-sugar mixture, beat until incorporated, then add the rest. Keep whipping until you get stiff peaks that hold their shape. The result should be fluffy, spreadable, and smell absolutely incredible.
Step 4: Assemble
Spread the chocolate whipped cream generously over the fully cooled, soaked cake. Don’t rush this — spread it all the way to the edges. Then finish with a generous shower of chocolate shavings on top.
This is the easy cake topping moment that makes the whole thing look like it came from a fancy dessert shop. Step back, admire your work, and maybe take a photo before everyone dives in.
Expert Tips, Variations, and Troubleshooting
Tips for the Best Results
Use strong coffee in the cake batter — it amplifies the chocolate flavor without making the cake taste like coffee. If you’re not a coffee fan, hot water works too, but the coffee version is noticeably richer.
Make sure your eggs are at room temperature before you start. Cold eggs can make the batter seize up slightly when you add the hot coffee. A quick 10-minute soak in warm water does the trick.
For a fancier finish, use a vegetable peeler to shave chocolate curls from a bar of dark chocolate. It takes 30 seconds and makes the whole cake look gorgeous — a perfect easy cake topping move.
Flavor Variations
Want to lean into the Mexican dessert chocolate vibe? Add a pinch of cinnamon and a tiny dash of cayenne to the cake batter for a subtle warm kick. It’s subtle but memorable.
You can also add a splash of Kahlua or dark rum to the tres leches milk mixture for an adults-only version. Just sub out 2-3 tablespoons of heavy cream for the liqueur and carry on as normal.
If you love strawberries with chocolate, try topping the whipped cream with fresh sliced strawberries instead of chocolate shavings. It’s a completely different vibe but equally delicious — kind of like our chocolate-covered strawberry bark in cake form.
Troubleshooting Common Issues
If your cake feels too wet even after chilling, it probably just needs more time in the fridge. Give it at least 4 hours, ideally overnight. The cake absorbs the milk filling gradually — patience pays off here.
If your whipped cream won’t hold stiff peaks, your cream or bowl wasn’t cold enough. Pop everything back in the fridge for 15 minutes and try again. It really does make a difference.
If the top of the cake baked unevenly, no stress — the whipped cream topping covers everything beautifully. That’s one of the best things about this recipe: it’s forgiving.
Storage Instructions
This tres leches cake with chocolate keeps beautifully in the fridge, which makes it ideal for making ahead. Here’s a quick storage guide:
| Storage Method | Duration | Notes |
|---|---|---|
| Refrigerator (covered) | Up to 4 days | Best flavor after overnight soak |
| Freezer (without topping) | Up to 2 months | Wrap tightly in plastic wrap |
| Freezer (with topping) | Not recommended | Whipped cream doesn’t freeze well |
Reheating and No-Waste Ideas
This cake is best served cold or at room temperature straight from the fridge — no reheating needed. In fact, warm tres leches gets a little too soft and can lose its structure.
Got leftover cake that’s starting to dry out? Crumble it into a glass, layer with a dollop of whipped cream, and you’ve got a quick chocolate tres leches trifle. Zero waste, all delicious.
Nutritional Information
These numbers are approximate, based on 15 servings. Because honestly, this cake is a special occasion treat and worth every bite.
| Nutrient | Per Serving (approx.) |
|---|---|
| Calories | 480 |
| Total Fat | 26g |
| Saturated Fat | 14g |
| Carbohydrates | 58g |
| Sugar | 44g |
| Protein | 8g |
| Sodium | 320mg |
Frequently Asked Questions
Can I make this chocolate tres leches cake ahead of time?
Absolutely — and honestly, you should. Make the cake and soak it the night before, then add the whipped cream topping a few hours before serving. The longer it chills, the more the milk soaks in and the better it tastes.
Do I have to use coffee in the cake batter?
You don’t have to, but it really does make a difference. Coffee deepens the chocolate flavor without making it taste like coffee. If you prefer, hot water works as a substitute — the cake will still be delicious, just slightly less rich.
What can I use instead of buttermilk?
If you don’t have buttermilk on hand, make your own by adding 1 tablespoon of white vinegar or lemon juice to 1 cup of regular milk. Stir and let it sit for 5 minutes — it’ll thicken slightly and work perfectly in the recipe.
Can I use a different pan size?
A 9×13 is ideal for this recipe because the shallow depth lets the milk filling soak through evenly. A smaller pan will give you a thicker cake that may not soak as well. If you go smaller, add extra soaking time and poke extra holes.
Is this the same as a traditional tres leches cake with chocolate?
It’s a chocolate twist on the classic. Traditional tres leches cake uses a plain sponge, while this version has cocoa in the cake, the filling, and the topping — making it a full-on tres leches cake with chocolate from top to bottom.
More Recipes You’ll Love
If you’re in a baking mood, you might also love this cozy Giada chicken tetrazzini for your next dinner party — because a great dessert deserves an equally great main course.
Planning a party spread? These festive patriotic pretzel rods and red, white and blue muddy buddies make the perfect fun snacks alongside a showstopper cake.
For something lighter on the side, these mini caprese pasta salad cups are fresh, easy, and crowd-pleasing. And if you’re firing up the grill, don’t miss these firecracker hot dogs for a smoky, spicy kick.
Let’s Wrap This Up
This chocolate tres leches cake is the kind of recipe that earns you a reputation. It looks stunning, tastes even better, and is way easier to pull off than it appears.
Whether you’re making it as your new favorite Mexican dessert chocolate centerpiece or just because you needed an excuse to eat something incredible — this is the one. Make it, love it, and share it.
If you try this recipe, I’d love to hear how it turned out! Drop a comment below or save it to Pinterest so you can find it again when the chocolate craving hits — because it will hit again.
Chocolate Tres Leches Cake
Equipment
- 9×13 Baking Pan
- Hand mixer or stand mixer
- Large mixing bowls
- Whisk
- Wooden Skewer or Fork
- Rubber spatula
- Sifter
Ingredients
For the Cake
- 1 ¾ cups All-purpose flour
- 1 ¾ cups Granulated sugar
- ¾ cup Unsweetened cocoa powder
- 1 teaspoon Baking powder
- 2 teaspoons Baking soda
- 1 teaspoon Salt
- 1 cup Buttermilk
- ½ cup Vegetable oil
- 2 Large eggs at room temperature
- 1 teaspoon Vanilla extract
- 1 cup Strong hot coffee freshly brewed
For the Chocolate Milk Filling
- 14 oz Sweetened condensed milk 1 can
- 3 tablespoons Unsweetened cocoa powder
- ¾ cup Heavy cream
- ¾ cup Evaporated milk
For the Chocolate Whipped Cream Topping
- ⅔ cup Powdered sugar
- ⅓ cup Unsweetened cocoa powder
- 2 cups Heavy cream very cold
- ¾ cup Chocolate shavings for topping
Instructions
- Preheat your oven to 350°F and spray a 9×13 baking pan generously with cooking spray.
- In a bowl, whisk together the flour, sugar, cocoa powder, baking powder, baking soda, and salt. Set aside.
- In a large bowl, use a hand mixer to combine the buttermilk, vegetable oil, eggs, and vanilla. Slowly add the dry ingredients while the mixer is running on low. Pour in the hot coffee and mix until everything is smooth, scraping the sides of the bowl as needed. The batter will be very thin — that’s normal.
- Pour the batter into the prepared pan and bake for about 30 minutes, until the center springs back when lightly touched or a toothpick comes out with just a few moist crumbs.
- While the cake is still warm, poke holes all over the surface using a wooden skewer or fork. Be generous — the more holes, the better the soak.
- Whisk together the sweetened condensed milk and cocoa powder until smooth. Add the heavy cream and evaporated milk and whisk to combine into the tres leches filling.
- Slowly pour the milk mixture evenly over the warm cake, allowing it to soak into all the holes. Let the cake cool completely before topping.
- Refrigerate the bowl of your stand mixer (or glass bowl) for 10 minutes to chill it. Sift the powdered sugar and cocoa powder together.
- Beat the cold heavy cream in the chilled bowl for 1 minute. Add half the cocoa-sugar mixture and beat until incorporated, then add the rest. Continue whipping until stiff peaks form and the mixture is fluffy and spreadable.
- Spread the chocolate whipped cream over the cooled, soaked cake all the way to the edges. Finish with a generous sprinkle of chocolate shavings. Store covered in the refrigerator.
