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

  • Chipotle Burrito Recipe

    A homemade burrito packed with flavor makes any weeknight dinner feel like a celebration. This chipotle burrito recipe with chicken, rice, beans, and homemade sauce is my go-to for satisfying both my family and my craving for smoky…

  • Best Graduation Cake Recipe

    Graduation is one of life’s most cherished milestones. Whether it’s a high school, college, or even kindergarten ceremony, the event signifies the end of a journey and the beginning of a new chapter. What’s a better way to…

  • Magic Lemon Cobbler Recipe

    The aroma of fresh lemon baking in the oven wraps around you like summer’s own warm embrace. The moment the golden crust forms and the zesty aroma fills your kitchen, you know you’re in for a treat. I…

  • Valentine’s Day Flower Cupcakes Recipe

    Valentine’s Day is all about love, and what better way to express it than with homemade flower cupcakes? These beautifully decorated treats not only look stunning but also taste divine. Whether you’re baking for a significant other, family,…

  • Double Chocolate Cake Recipe

    If you’ve ever felt a chocolate craving sneak up on you with no time to spare, this is the recipe you need in your life. This double chocolate cake is rich, fudgy, and moist — and yes, you…

  • Easy Watermelon Cake Recipe for Summer Parties

    Summer desserts should be simple, refreshing, and crowd-pleasing. This easy watermelon cake recipe checks all the boxes. It’s healthy, fun to make, and requires no baking. Whether you’re hosting a backyard barbecue, a kids’ birthday party, or just…