This Chocolate Tres Leches Cake is ultra moist, chocolatey, and soaked in a rich three milk mixture that takes it completely over the top.

We love a flavorful cake for celebrations and especially love classic Tres Leches Cake so it was only logical to make a chocolate version of this favorite Mexican dessert! We are happy to report that this โ€œthree milksโ€ cake is what chocolate lovers dreams are made of.

The milk mixture is soaked into the cake sponge and the homemade chocolate whipped cream make it absolutely irresistible.

If you love Mexican desserts, you’ll also love Fried Ice Cream, Churros, and Flan. Try our Easy Tres Leches Cake (with cake mix) for another quick dessert.

Why we think you’ll love it:

  • Cake mix recipe. This easy cake is made even easier with the use of a cake mix! It tastes even better after chilling, making it great for make ahead desserts.
  • Texture. There’s no risk of a dry cake here. The 3 milks create a deliciously moist cake.
  • Not your typical sheet cake. This cake can feed a crowd and is a fun twist on classic sheet cakes. It’s especially perfect for fiestas!
Ingredients for baking a chocolate cake on a kitchen counter.

Chocolate Tres Leches Cake Ingredients

  • Chocolate cake mix (1 package, 18.25-ounce) – Creates a soft, reliable base for the soaked cake. Follow the directions on the recipe and not the directions on the box. Use a box cake mix between 15-18 oz.ย Or you can make your own Chocolate Sponge Cake, including gluten-free cake, and then soak it with the tres leches milk mixture.
  • Chocolate milk (1ยผ cups) – Adds extra chocolate flavor and moisture to the cake batter.
  • Canola oil (ยฝ cup) – Keeps the cake tender and moist.
  • Eggs (3) – Provide structure and richness.
  • Sweetened condensed milk (1 can, 14-ounce) – Adds sweetness and creaminess to the tres leches soak.
  • Half-and-half (ยพ cup) – Contributes richness while keeping the soak smooth.
  • Evaporated milk (ยพ cup) – Balances the sweetness and creates the classic tres leches texture.
  • Unsweetened cocoa powder (3 tablespoons) – Intensifies the chocolate flavor in the milk mixture.
  • Confectioners’ sugar (1 cup) – Sweetens the whipped topping smoothly.
  • Unsweetened cocoa powder (ยฝ cup, divided) – Flavors the whipped cream with deep chocolate taste.
  • Heavy whipping cream (3 cups) – Creates a fluffy, cloud like topping.
  • Chocolate curls – add a decorative and indulgent finishing touch. Choose a high-quality chocolate bar. Use milk chocolate, semi-sweet, or dark chocolate.

How to Make Chocolate Tres Leches

PREP. Preheat oven to 350ยฐF. Grease a 9×13-inch pan.

CAKE. In a large bowl, beat the cake ingredients. Pour into a 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.

Combining three milks in a glass bowl.

MILK MIXTURE. 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 milk. Pour this evenly over the cake.

CHILL. Refrigerate for at least  4 hours or overnight.

Mixing chocolate whipped topping in a bowl.

TOPPING. Sift the powdered sugar and cocoa powder together in a medium bowl. Make whipped cream. 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.

Chocolate tres leches cake topped with whipped frosting and chocolate shavings.

SERVE. Spread chocolate whipped cream over the cake right before serving, as well as chocolate curls.

To make the chocolate curls, all you need is a vegetable peeler and a chocolate bar. The chocolate bar needs to be at room temperature, or it will be too hard to create curls. Peel the short side for short curls or the long side for larger curls.

A slice of chocolate tres leches cake with a bite missing.

Kristyn’s Recipe Tips

  • Let the cake cool slightly before adding the milk mixture so it absorbs evenly.
  • Poke plenty of holes in the cake so the milk mixture soaks into every part.
  • Refrigerate at least four hours for the best texture and flavor.
  • 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.
  • Spread the whipped topping just before serving for the freshest look.
  • Add a teaspoon of ground cinnamon for a tasty flavor variation. Top with fresh strawberries or your favorite berry.
A slice of chocolate tres leches cake with a bite missing.
5 from 28 votes

Chocolate Tres Leches Cake Recipe

Chocolate tres leches cake is a chocolate twist on a classic Mexican dessert. This chilled treat is rich and decadent!
Servings: 15 slices
Prep: 10 minutes
Cook: 35 minutes
Chill: 4 hours
Total: 4 hours 45 minutes

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 tablespoons 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 a 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.
Save This Recipe!
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!

Notes

Recipe Tips.
  • Let the cake cool slightly before adding the milk mixture so it absorbs evenly.
  • Poke plenty of holes in the cake so the milk mixture soaks into every part. If the sponge cake doesn’t absorb the milk mixture after being refrigerated for several hours, it may have been overmixed, or you didn’t poke enough holes with a fork.
  • Refrigerate at least four hours for the best texture and flavor.
  • 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.
  • Spread the whipped topping just before serving for the freshest look.
  • This cake slices best when fully chilled.
  • Add a teaspoon of ground cinnamon for a tasty flavor variation. Top with fresh strawberries or your favorite berry.
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.

Nutrition

Serving: 1slice, Calories: 299kcal, Carbohydrates: 16g, Protein: 5g, Fat: 29g, Saturated Fat: 14g, Polyunsaturated Fat: 3g, Monounsaturated Fat: 10g, Trans Fat: 0.03g, Cholesterol: 96mg, Sodium: 61mg, Potassium: 207mg, Fiber: 2g, Sugar: 5g, Vitamin A: 868IU, Vitamin C: 1mg, Calcium: 111mg, Iron: 1mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Recipe FAQ

How to 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.

How to store?

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.

How to freeze?

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.

This recipe was first shared March, 2023.

About Kristyn

Kristyn Merkley is a published cookbook author, wife, mom of six, and major food enthusiast! For the past 15 years, she has been sharing foolproof, family-friendly recipesโ€”each one tested in her kitchenโ€”that anyone can master. As a seasoned recipe creator, she loves making cooking simple, stress-free, and totally doable for everyone!

Get my cookbook!

My cookbook is the ultimate resource for feeding your friends and family with 200+ simple recipes with videos, tips & more!

5 from 28 votes (10 ratings without comment)

Leave a comment

Your email address will not be published. Required fields are marked *

Recipe Rating




32 Comments

  1. Susie says:

    This cake looks so good. Is it possible to make and ass the cake couple days bey? Your direction says not to add the whipped cream mixture till youโ€™re ready to serve. Iv made poke cakes before and assembled it days before. It comes out out fine and taste good.

    1. Lil' Luna Team says:

      Yes, it is possible to make it the day before and keep it covered int he fridge until serving.

See More Comments