Chocolate Tres Leches Cake

This delicious chocolate Tres Leches cake is just as good as the original, maybe even better because it's loaded with chocolate milk!

To recipe
a slice of chocolate Tres Leches cake on a plate
Recipe insights & TIPS

The iconic and delicious Tres Leches cake, but as a chocolate version! This amazing cake is created the same way as a traditional Tres Leches cake but with a few secret recipe tweaks. I promise you'll love this chocolate Tres Leches cake

a slice of chocolate Tres Leches cake on a plate

Tres Leches cake  has always been a favorite for me. It can be dissapointing slicing into a sponge cake only to find it on the dry side, but this chocolate Tres Leches cake takes care of that issue. It's still made like a traditional tres leches but the sponge is chocolate and I switched the whole milk to delicious chocolate milk! You can use any brand you like, but I found that Broguiere's Chocolate Milk is the creamiest.

This recipe came from a high craving for chocolate and having a chocolate box cake mix lurking in the pantry. You can use any good chocolate cake recipe if you have a particular favorite.


What else is added to the chocolate milk mixture? Sweetened condensed milk, evaporated milk and vanilla will complete the three milks needed to soak into the chocolate sponge.

How long do I have to let my chocolate Tres Leches cake rest? I know it's tempting to begin eating it after a few hours but, leaving to overnight will yield better results and the milk will have been fully soaked into the sponge. It's worth the wait.

Is chocolate Tres Leches cake easy to make? It's really easy, the hard part is waiting for it to finish soaking up all of that milky goodness before you can take a bite.

Should my Tres Leches cake be soggy? It should be wet enough to leave a puddle on the bottom of the pan but you should still be able to cut a slice and transfer it to a plate as one whole piece.

Can I make this in an 8 x 8 pan? Yes, just half the recipe.

a piece of chocolate Tres Leches cake on a plate with whipped cream
A white, fluffy chef's hat with an orange band, logo of Foodness Gracious.


A yummy and super moist Tres Leches cake made with chocolate sponge and chocolate milk.

25 minutes
Total TIME:
35 minutes
10 minutes


  • 1 chocolate sponge cake mix
  • 2 ¼ cups chocolate milk
  • 12 ounce can sweetened condensed milk
  • 12 ounce can evaporated milk
  • 2 tsp vanilla extract
  • 2 cups heavy whipping cream
  • 2 tbsp sugar
  • 3.5 ounce bar of dark chocolate

Ingredient Swaps


  1. Preheat the oven to 350°F.
  2. Grease a 13 x 9 inch baking pan with butter or non stick spray.
  3. Mix the chocolate cake ingredients together as per the directions and bake for 20-25 minutes.
  4. Let the cake cool for 5 minutes before poking lots of holes in the sponge with a thin wooden skewer or similar type of kitchen tool
  5. Whisk the chocolate milk, condensed milk, evaporated milk and vanilla together until combined.
  6. Slowly pour the liquid over the sponge and transfer to the fridge overnight or for at least 8 hours.
  7. After the milk has fully soaked in to the sponge, whip the heavy cream and sugar together until soft peaks are formed.
  8. Spread the cream over the top of the chocolate sponge.
  9. Use a grater or vegetable peeler to shave the chocolate bar, and sprinkle the chocolate on top of the whipped cream.
  10. Cut into squares and serve.
A white, fluffy chef's hat with an orange band, logo of Foodness Gracious.

Did you make this recipe?

Tag @foodnessgracious on Instagram and hashtag it #foodnessgracious so we can see all the deliciousness!