Home > Dessert Recipes > Chocolate Tres Leches Cake

Chocolate Tres Leches Cake

This post may contains links affiliate links, please read our disclosure policy.

This chocolate tres leches cake is a decadent yet light chocolate cake soaked in a chocolate three-milk mixture and topped with an airy chocolate whipped cream. This easy-to-make cake uses a box mix for convenience but tastes homemade. Chocolate lovers, this one’s for you!

A slice of tres leches chocolate cake on a plate.

Reader Ali says: “This is one of my favorite recipes! The cake is moist & flavorful. The whipped topping is light, but adds such a sweet finish to the cake with the cocoa powder. Every time I make this for someone, they rant & rave about it! It’s such a crowd pleaser. Be prepared for people to fight over leftovers!” ★★★★★

For the longest time, I’ve only made my traditional Tres Leches Cake, and it’s been a family favorite. But once I started trying different flavor combinations, I couldn’t stop! Here’s what I’ve made- Pumpkin, Strawberry, and now Chocolate. I think they are all delicious, but this chocolate version is now my favorite!

Ingredients

Just like my other tres leches cake, I’m using a box cake mix for convenience, but making some swaps to enhance the flavor.

Ingredients with text for tres leches chocolate cake.
  • Devil’s Food cake mix– You can use any chocolate box cake mix, but I love the rich chocolate taste and lighter texture of Devil’s Food cake mix.
  • Eggs– Use 3 eggs for the cake mix ingredients.
  • Butter– The cake mix calls for oil, but I like to use melted unsalted butter.
  • Whole milk– The box cake mix calls for water, but I replace it with 1 cup of milk. You will need an additional 6 ounces of whole milk for the tres leches mixture.
  • Sweetened condensed milk– This is the second milk in the mixture, it’s a thicker sweet milk.
  • Evaporated milk– This is the third milk in the milk mixture and adds creaminess and has a slight sweetness.
  • Heavy cream– This will be used for the homemade whipped cream topping, along with sugar and vanilla extract. You can substitute store-bought Cool Whip if you like.
  • Cocoa Powder– We’re using cocoa powder in the tres leches mixture and in the whipped cream frosting for a balanced chocolate taste throughout the cake.

Preparing the Cake

Start by greasing just the bottom of a 9×13 baking dish. Then make the box cake mix, but substitute one stick of melted butter for the oil, and 1 cup of whole milk for the water. Add the 3 eggs and mix with an eletric mixer for 2 minutes. Pour the batter into the pan and bake at 350°F for 30 minutes or until a toothpick comes out clean.

Allow the cake to cool for about 15 minutes. While the cake is cooling, combine the evaporated, sweetened condensed, and remaining whole milk in a large measuring cup. Add the cocoa powder, and if you like, cinnamon. Whisk until combined.

Chocolate cake with hole poked and tres leches mixture poured over.

Once the cake has cooled, use a fork or skewer to poke holes all over the cake. Slowly pour the milk mixture evenly on top of the cake, allowing it to soak in before adding more. You can also reserve some of the milk mixture to add when serving the cake, but this time I added the entire chocolate tres leches mixture to the cake.

Cover the cake with plastic wrap or a lid and refrigerate overnight or at least 4 hours.

How to Serve and Store

Before serving the chocolate tres leches cake, make a homemade chocolate whipped cream, or use a store-bought one, like Cool Whip.

Chocolate tres leches cake in a glass pan.

Place your bowl and whisk attachment in the freezer for a few minutes. Add the heavy cream, vanilla, cocoa powder, and sugar to the bowl. Whisk at medium to high speed until stiff peaks form. Add the whipped cream to the cake and spread evenly. Use a fine sifter to dust the cake with more cocoa powder or chocolate shavings.

This chocolate tres leches cake is best served the same day the chocolate whipped topping is added. Since the whipped cream is not stabilized, the consistency will get runny the longer it sits in the refrigerator. If you do have leftovers, you can refrigerate the cake for up to 2 days.

A piece of cake scooped with a gold fork.

If you reserved some of the tres leches mixture, then you can have your guests add more if they like to their plate. This cake is perfect for parties, potlucks, or gatherings with friends who love chocolate!

More Mexican Desserts

Feature image of chocolate tres leches cake with a fork holding a piece.

Easy Chocolate Tres Leches Cake

Renee
A decadent yet light chocolate cake soaked in a chocolate three-milk mixture and topped with an airy chocolate whipped cream. This easy-to-make cake uses a box mix for convenience but tastes homemade.
5 from 1 vote
Prep Time 15 minutes
Cook Time 30 minutes
Refrigerate 4 hours
Total Time 4 hours 45 minutes
Servings 12

Want to Save This Recipe?

Enter your email & I’ll send it to your inbox. Plus, get great new recipes from me every week!

By submitting this form, you consent to receive emails from Thai Caliente

Ingredients
  

Cake Mix Ingredients

Tres Leches Ingredients

Whipped Topping

Instructions
 

  • Preheat oven to 350°F. Grease just the bottom of a 9×13 dish with baking spray, oil, or butter.
  • In a large bowl, add the Devil's Food cake mix, melted butter, milk, and eggs. Use a handheld mixer and mix for 2 minutes. Pour the batter into the pan and bake for 30 minutes or until a toothpick comes out clean.
  • Allow cake to cool for 15 minutes. While the cake is cooling, combine the milk mixture (evaporated milk, sweetened condensed milk, and whole milk). Add cinnamon and cocoa powder, then use a whisk to combine.
  • Once the cake has cooled, use a fork or skewer to poke holes all over the cake. Slowly pour the milk mixture evenly on top of the cake, allowing it to soak in before adding more. You can also reserve some of the milk mixture to serve with each cake slice, but I used it all into the cake.
  • Cover the cake with plastic wrap or a lid and refrigerate overnight or at least 4 hours.
  • Before you plan on serving the cake, make the chocolate whipped cream. Place your bowl and whisk attachment in the freezer for a few minutes. Add the cold heavy cream, vanilla, cocoa powder, and sugar to the bowl. Whisk on medium-high speed until stiff peaks form.
  • Remove the cake from the refrigerator and evenly spread the chocolate whipped cream. Use a fine mesh sifter and lightly dust cocoa powder on top. You can also garnish with chocolate shavings.
Last Step!Leave a Rating & Review! Please let me know how you liked this recipe. This helps my business thrive so I can continue to provide free recipes.

Video

Notes

This chocolate tres leches cake is best served the same day the chocolate whipped topping is added. Since the whipped cream is not stabilized, the consistency will get runny the longer it sits in the refrigerator. If you do have leftovers, you can refrigerate the cake for up to 2 days.

Nutrition

Calories: 546kcalCarbohydrates: 54gProtein: 11gFat: 34gSaturated Fat: 19gPolyunsaturated Fat: 3gMonounsaturated Fat: 10gTrans Fat: 0.3gCholesterol: 127mgSodium: 409mgPotassium: 451mgFiber: 1gSugar: 40gVitamin A: 1063IUVitamin C: 2mgCalcium: 299mgIron: 2mg

Nutritional information is provided as an estimate only and depends on ingredients and amounts used. Thai Caliente makes no guarantees to the accuracy of this information.

Keyword Chocolate Tres Leches Cake
Thai CalienteWatch My Videos Here

Similar Posts

Leave a Reply

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 Comments

  1. This is one of my favorite recipes! The cake is moist & flavorful. The whipped topping is light, but adds such a sweet finish to the cake with the cocoa powder. Every time I make this for someone, they rant & rave about it! It’s such a crowd pleaser. Be prepared for people to fight over leftovers!