Chocolate Tres Leches Cake Recipe from Scratch

Slice of rich chocolate tres leches cake topped with whipped cream and chocolate shavings on a white plate
Delight in a slice of chocolate tres leches cake — a luscious, milk-soaked chocolate sponge topped with whipped cream and chocolate shavings.

If you’re looking for a show-stopping dessert that blends the deep richness of chocolate with the silky indulgence of a traditional Latin American classic, this chocolate tres leches cake recipe from scratch is exactly what you need. It’s moist, melt-in-your-mouth, and every bite is soaked in a heavenly trio of milks. Whether you’re baking for a special event or simply treating yourself, this cake delivers.

Chocolate Tres Leches Cake Recipe

Recipe at a Glance

Prep TimeCook TimeTotal TimeServingsCuisineDifficulty
25 mins35 mins1 hour12Latin AmericanMedium

Equipment: Amazon’s Best Sellers

Chocolate Tres Leches Cake Recipe Ingredients

IngredientQuantity
All-purpose flour1 cup
Unsweetened cocoa powder1/3 cup
Baking powder1 tsp
Salt1/4 tsp
Large eggs4
Granulated sugar1 cup
Whole milk (for batter)1/3 cup
Vanilla extract1 tsp
Sweetened condensed milk1 can (14 oz)
Evaporated milk1 can (12 oz)
Heavy cream1/2 cup
Whipped cream (topping)2 cups
Chocolate shavingsOptional
Flat-lay of cake ingredients on a wooden counter.

Ingredient Tips and Substitutes

  • Use dark cocoa powder for deeper flavor.
  • Substitute gluten-free flour 1:1 for a GF version.
  • Add 1/2 tsp espresso powder to intensify chocolate.

Chocolate Tres Leches Cake Recipe Instructions

  1. Preheat oven to 350°F (175°C) and grease your 9×13-inch pan.
  2. Sift together flour, cocoa, baking powder, and salt.
  3. In a large bowl, beat eggs and sugar until light and fluffy (5-6 minutes).
  4. Gently fold in dry ingredients.
  5. Stir in milk and vanilla until just combined.
  6. Transfer the batter to the prepared pan and bake for 30 to 35 minutes, or until a toothpick inserted in the center comes out clean.
  7. Let the cake cool completely. Poke holes all over the surface.
  8. Combine the sweetened condensed milk, evaporated milk, and heavy cream in a bowl and mix until well blended. Slowly pour over the cake.
  9. Refrigerate for 4–6 hours or overnight.
  10. Top with whipped cream and optional chocolate shavings.
Four-step composite showing how to make the tres leches from batter to topping.

Chef’s Tips and Variations

  • For an extra indulgent version, drizzle chocolate syrup over the whipped cream.
  • Allow the cake to soak overnight to fully absorb the flavors and moisture.
  • Try adding a pinch of cinnamon for a Mexican-style twist.
  • Use chocolate ganache instead of whipped cream for a richer topping.
Top-down view of chocolate tres leches cake topped with whipped cream and chocolate shavings.

More Mexican Recipes:

Nutrition Information

NutrientPer Serving
Calories380 kcal
Carbohydrates42 g
Protein6 g
Fat20 g
Saturated Fat12 g
Sugar35 g
Sodium180 mg

FAQs About Chocolate Tres Leches Cake Recipe

Can you use chocolate milk for tres leches cake?

While you can experiment, it is not traditional and will create a “chocolate tres leches” variant. The classic “three milks” are evaporated milk, sweetened condensed milk, and whole milk/heavy cream. Chocolate milk would alter the flavor and sweetness significantly. For a chocolate version, it’s better to add cocoa to the cake batter and use the traditional milk soak.

What is the secret to a moist tres leches cake?

The secret is a two-part process:
1- A Light, Spongy Cake Base: Use a genoise-style sponge cake leavened with whipped egg whites (not baking powder). This creates an airy, porous structure that soaks up the milk mixture like a sponge without collapsing.
2- Poke Holes Thoroughly: As soon as the cake comes out of the oven, poke deep, close-together holes over the entire surface with a skewer or fork. This allows the milk mixture to penetrate evenly to the bottom.

How long do tres leches need to soak?

The cake needs to soak for at least 4-6 hours in the refrigerator, but overnight (8-12 hours) is ideal. This gives the cake time to fully and evenly absorb the milk mixture, resulting in a uniformly moist, rich texture without any dry spots.

What is the best cake to use for tres leches?

The best cake is a light, dry, and sturdy sponge cake (like a genoise or pan de esponja). It should contain little to no butter or oil so it can absorb the maximum amount of milk without becoming greasy or heavy. Do not use a dense, buttery cake like pound cake, as it will become soggy and won’t absorb properly. A simple box mix vanilla cake can work in a pinch, but a from-scratch sponge is superior.

A Dessert That Soaks in Every Compliment

Chocolate tres leches cake from scratch is more than a dessert; it’s an experience. With its rich texture, layered flavor, and easy-to-follow process, it’s perfect for both beginner bakers and experienced dessert lovers. Whether you’re making it for a birthday, holiday, or no occasion at all, it’s guaranteed to impress.

Similar Posts

  • Vanilla Dash Ice Cream Maker Recipe

    If you’ve ever dreamed of making real ice cream at home without the hassle of bulky machines or hours of prep, the Dash Ice Cream Maker is your perfect match. This easy-to-follow vanilla Dash Ice cream Maker recipe…

  • Hot Fudge Brownie Bread Recipe

    There are desserts that taste good, and then there are desserts that feel like an escape. Hot Fudge Brownie Bread falls into the second category. The first time I made it, it was during a week when everything…

  • Crêpes Suzette Without Alcohol Recipe

    Some desserts come with drama. Crêpes Suzette is one of them. A classic French recipe that’s often associated with fancy restaurants and fiery flambés. But here’s the thing: not every memorable dish needs alcohol to be special. The…

  • Mexican Chicken Salad Recipe

    There’s something magical about summer that brings people together. The sun-drenched afternoons, laughter shared over checkered picnic blankets, and food that speaks to the heart. One dish that has become a personal favorite in my picnic lineup is…

  • Neapolitan Cake Recipe

    Neapolitan cake is more than just a pretty dessert. It’s a bite of nostalgia, a reminder of birthdays, family dinners, and sweet celebrations. The combination of chocolate, vanilla, and strawberry in one cake delivers an irresistible trio of…