This post may contain affiliate links. Please read our disclosure policy.
Chocolate Tres Leches Cake is a chocolate twist on a classic Mexican dessert. This chilled treat is rich and decadent!
Chocolate Tres Leches Cake is similar to our classic Tres Leches Cake, but chocolate-y. If you love Mexican desserts, you’ll also love Fried Ice Cream, Churros, and Flan.
Chocolate + Tres Leches Cake
Chocolate Tres Leches Cake is a tasty twist on a classic Mexican dessert our family loves!!
But, what is Tres Leches?
Tres Leches is Spanish for “three milks”. It is a baked sponge cake soaked with a combination of 3 types of milk – sweetened condensed milk, half-and-half, and evaporated milk.
For this recipe, you add cocoa powder to the milk mixture and make a chocolate cake so you get a nice chocolatey version.
Try our Easy Tres Leches Cake (with Cake Mix) or our classic Tres Leches Cake for a more classic version.
Chocolate Tres Leches Cake
PREP. Preheat oven to 350°F. Grease a 9×13-inch pan.
BATTER. In a large bowl, beat cake mix, chocolate milk, canola oil, and eggs until well combined (about 2 minutes) with an electric hand mixer or stand mixer. Pour into greased pan.
BAKE. Bake for 34-36 minutes or until a toothpick inserted into the center comes out clean. Let cool for 10 minutes.
Poke holes all over the top of the cake with a fork.
MILK LAYER. In a medium bowl, whisk sweetened condensed milk, half and half, evaporated milk, and 3 tablespoons cocoa powder until cocoa powder is fully mixed into the milks.
CHILL. Pour this evenly over the cake. Refrigerate for at least 4 hours or overnight.
Cake TOPPING
DRY INGREDIENTS. Make the topping by first sifting the powdered sugar and cocoa powder together in a medium bowl.
WHIPPED CREAM. Make whipped cream by beating heavy cream in a stand mixer on medium speed for 2 minutes.
COMBINE. Add half the sugar/cocoa mix and beat until incorporated. Add the rest of the sugar/cocoa mix and beat on medium-high heat until soft peaks form.
SERVE! Spread chocolate whipped cream over the cake right before serving as well as chocolate curls. Drizzle with chocolate syrup for even more chocolate flavor!
How to make chocolate curls
All you need is a vegetable peeler and a chocolate bar.
- Choose a high-quality chocolate bar. Use milk chocolate, semi-sweet, or dark chocolate. The chocolate bar needs to be at room temperature otherwise it will be too hard to create curls.
- Peel the short side for short curls or the long side for larger curls.
Recipe Tips
Texture. If the sponge cake doesn’t absorb the milk mixture after being refrigerated for several hours, it may have been overmixed, creating a denser cake.
It’s really important that the sponge cake is light and airy so that the milk has ample places to settle.
Gluten-free. Make your own chocolate sponge cake, including gluten-free cake, and then soak it with the tres leches milk mixture.
Cake mix. Follow the directions on the recipe and not the directions on the box. Use a box cake mix between 15-18 oz.
Easy cleanup. Grease and flour a cake pan, or line the bottom with parchment paper. This will allow the cake pieces to be more easily removed from the pan.
Poking holes. Once the cake has been baked and cooled for a bit, poke holes all over the cake using a fork or a wooden skewer.
Variations. Add a tsp of ground cinnamon for a tasty flavor variation.
Make Chocolate Tres Leches Cupcakes
Just like with other cake recipes, this can easily be turned into some amazing cupcakes.
- Make the cake batter as directed, but bake them using aluminum or silicone cupcake liners. (The paper liners won’t hold the milk mixture).
- Bake the cupcakes for 15-20 minutes or until a toothpick inserted in the center comes out clean.
- Allow the cupcakes to cool for a few minutes before poking holes in them.
- Drizzle the 3 milk mixture evenly over the cupcakes.
- Top with whipped cream frosting and chocolate shavings.
Storing Info
Tres Leches cake is best when eaten within the first couple of days.
Make ahead of time. If you are purposefully making the cake ahead of time, I recommend storing the cake and the whipped cream topping separately. Frost the cake before serving.
STORE covered in the fridge for 4-5 days.
- If the fridge is too cold, the milk mixture may partially freeze and produce a hard cake. Simply let the cake sit at room temperature for a few minutes to soften.
FREEZE for up to 3 months. Freeze it with or without the whipped cream topping. Wrap the cake tightly with plastic wrap and again with foil. Thaw in the fridge before serving.
Recipe FAQ
If the sponge cake doesn’t absorb the milk mixture after being refrigerated for several hours, it may have been over-mixed. This creates a denser cake. The sponge cake must be light and airy so the milk has ample places to settle.
We like to leave ours in the fridge for a minimum of three hours for the best consistency. But you can let the cake absorb the milk for up to 24 hours before serving.
Yes! Because of all the liquid dairy, the cake needs to be stored in the fridge. It’s best served cold anyways!
For More Cakes:
Chocolate Tres Leches Cake Recipe
Ingredients
- 1 (18.25-ounce) package chocolate cake mix
- 1¼ cups chocolate milk
- ½ cup canola oil
- 3 eggs
- 1 (14-ounce) can sweetened condensed milk
- ¾ cup half-and-half
- ¾ cup evaporated milk
- 3 tbsp unsweetened cocoa powder
Topping
- 1 cup confectioners' sugar
- ½ cup unsweetened cocoa powder divided
- 3 cups heavy whipping cream
- chocolate curls
Instructions
Cake
- Preheat oven to 350°F.
- Grease a 9×13-inch pan.
- In a large bowl, beat cake mix, chocolate milk, canola oil, and eggs until well combined (about 2 minutes). Pour into greased pan.
- Bake for 34-36 minutes or until a toothpick inserted into the center comes out clean. Let cool for 10 minutes.
- Poke holes all over the top of the cake with a fork.
- In a medium bowl, whisk sweetened condensed milk, half and half, evaporated milk, and 3 tablespoons cocoa powder until cocoa powder is fully mixed into the milks. Pour this evenly over the cake. Refrigerate for at least 4 hours or overnight.
Topping
- Make the topping by first sifting the powdered sugar and cocoa powder together in a medium bowl.
- Make whipped cream by beating heavy cream in a stand mixer on medium speed for 2 minutes. Add half the sugar/cocoa mix and beat until incorporated. Add the rest of the sugar/cocoa mix and beat on medium-high heat until soft peaks form.
- Spread chocolate whipped cream over the cake right before serving as well as chocolate curls.
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
Took this to a fiesta celebration for out library volunteers. Everyone loved it!
It is the best chocolate cake ever!!
My simple brain needs clarification please.
▢ ½ cup unsweetened cocoa powder divided
Is this 1/2 cup total for the whipped topping?? or is this 1/2 cup – 3 tablespoons (milk mixture)
Or referring to confectioners sugar & cocoa divided??
So far what I’ve tasted is DELICIOUS!! I used dark chocolate cake mix. I bought two cake mixes and weighed out to 18.25 ounces. I think that little bit makes a difference.
Thanks for the recipes.
So the 3 Tbsp goes with the milk mixture that is poured onto the cake. The 1/2 cup of cocoa is for the topping – you will actually mix all of that 1/2 cup with the confectioners sugar. Then you’ll mix half of the sugar/cocoa mix to the heavy cream. When it’s all incorporated, you’ll add the rest of it and mix until stiff peaks form. Hopefully that helps clarify a bit!
This cake was most delicious! This recipe will be one made over and over! Also, thank you for the clarification! Much appreciated!
You’re welcome! I’m so glad you are loving the cake!
I had never had the chocolate version of this before. It is going to be one of my all time favorites from now on. DELISH!
Yay! So glad you enjoyed the recipe. The chocolate is a fun spin on the classic recipe.
Awesome recipe. I have not seen a chocolate variety before. Delicious and easy to make!