Chocolate Tres Leches Cake

Total Time
Prep: 35 min. Bake: 20 min. + chilling

Updated on Mar. 25, 2025

Put a decadent, chocolate-lovers twist on a Latin American classic with this chocolate tres leches cake recipe.

Now Trending

Tres leches cake is a beloved dessert throughout Latin America. This chocolate version is a fun twist, packing plenty of cocoa punch into the light, fluffy cake and whipped cream topping.

Like classic tres leches cake, the chocolate version features the signature sweet flavor, the ultra-moist texture and the traditional combination of milks (tres leches translates to “three milks” in Spanish). Once the cake is cool, drizzle milk over it and let it rest so the milk soaks into the cake. The resulting cake is velvety, sweet, decadent and bursts with luscious cocoa flavor.

Serve chocolate tres leches cake as a sweet end to your next taco night or for a Cinco de Mayo celebration. Don’t forget to add a pitcher of classic margaritas!

Chocolate Tres Leches Cake Ingredients

  • Eggs: Eggs add structure and lift to this (and any) cake. Make sure to use room-temperature eggs for easier mixing.
  • Sugar: Granulated sugar is key to the flavor of this chocolate tres leches cake recipe. Reducing the sugar in any dessert recipe can be tempting. While it can be done in certain instances, it’s always risky since sugar greatly impacts the taste, texture and moisture of baked goods.
  • Butter: Butter offers extra richness to this cake.
  • Milk: Milk thins the cake batter and adds additional fat to keep the cake soft and tender.
  • Vanilla extract: Even though this is a recipe for chocolate tres leches cake, vanilla extract helps deepen and enhance the other flavors in the cake for a complex profile.
  • Flour: All-purpose flour builds the structure of the cake. Accurately measuring flour is vital in baking.
  • Cocoa powder: Use one of the best cocoa powder brands for the best flavor.
  • Baking powder: This leavening agent gives the tres leches chocolate cake its essential lift.
  • Salt: Salt adds oomph to just about any recipe.
  • Milk syrup: The secret to any moist and flavorful tres leches cake is the milk syrup that soaks in. Our syrup combines sweetened condensed milk, evaporated milk, whole milk, cocoa powder and vanilla.
  • Chocolate whipped cream: This heavenly chocolate topping is made with heavy whipping cream, sugar, cocoa powder and vanilla extract. It’s the perfect way to crown each serving with even more chocolate decadence.
  • Mini chocolate chips: We suggest sprinkling a few mini chocolate chips over the chocolate whipped cream for garnish. Chocolate shavings or curls would also work nicely.

Directions

Step 1: Separate and prep the eggs

Place the egg whites into a large bowl. Let stand at room temperature for 30 minutes. Preheat the oven to 350°F.

In another large bowl, beat the egg yolks on high speed for four to five minutes or until thick and lemon-colored.

Step 2: Build the batter

In a large bowl, beat egg yolks on high speed,JOSH RINK FOR TASTE OF HOME

Gradually beat in 3/4 cup sugar and the butter.

Gradually beat in 3/4 cup sugar and butter. Stir in milk and vanilla.JOSH RINK FOR TASTE OF HOME

Then stir in the milk and vanilla.

Sift flour, cocoa powder, baking powder and saltJOSH RINK FOR TASTE OF HOME

In a medium bowl, sift the flour, cocoa powder, baking powder and salt. Gradually add the dry ingredients to the yolk mixture. Mix well; the batter will be very thick.

Step 3: Whip the egg whites

With clean beaters, beat egg whites on medium speed until soft peaks form.JOSH RINK FOR TASTE OF HOME

With clean beaters, beat the egg whites on medium speed until soft peaks form. Gradually beat in the remaining 1/4 cup sugar, 1 tablespoon at a time, on high until stiff peaks form.

Gently fold into batter.JOSH RINK FOR TASTE OF HOME

Fold the whipped egg whites gently into the batter.

Editor’s Tip: Pretend you’re making macarons, and be very gentle when folding the egg whites into the heavy, thick batter. If you are too aggressive, you’ll deflate the whites and your batter will not be as light and fluffy.

Step 4: Bake the cake

Spread evenly into a greased 13x9-in. dish.JOSH RINK FOR TASTE OF HOME

Spread the batter evenly into a greased 13×9-inch cake pan. Bake the cake for 18 to 22 minutes or until it springs back when gently pressed with a finger. Remove promptly and let the cake cool completely on a wire rack.

Step 5: Make the milk syrup

In a large saucepan, combine the condensed milk, evaporated milk, whole milk and cocoa powder.JOSH RINK FOR TASTE OF HOME

In a large saucepan, combine the condensed milk, evaporated milk, whole milk and cocoa powder. Bring the mixture to a low simmer over medium heat, stirring constantly, for two minutes. Remove from the heat and then stir in the vanilla. Let the milk syrup cool slightly.

Step 6: Pour the syrup over the cake

Poke holes in cake with the end of a wooden spoon or chopstick.JOSH RINK FOR TASTE OF HOME

Using the end of a wooden spoon, poke holes in the cooled cake.

Slowly pour a third of the milk syrup over cake,JOSH RINK FOR TASTE OF HOME

Slowly pour a third of the milk syrup over the cake, pausing to allow the syrup to soak into the cake. Repeat twice, waiting for the milk syrup to absorb before pouring on more. Let the cake stand for 30 minutes at room temperature, then cover and refrigerate for at least two hours before serving.

Step 7: Make the chocolate whipped cream

beat cream until it begins to thicken.JOSH RINK FOR TASTE OF HOME

In a small chilled glass bowl, using chilled beaters, beat the cream until it begins to thicken. Add the sugar, cocoa powder and vanilla, then continue to beat until soft peaks form.

Editor’s Tip: Making homemade whipped cream is always worth the effort.

Step 8: Top, slice and serve

Spread over chilled cakeJOSH RINK FOR TASTE OF HOME

Spread the chocolate whipped cream over the chilled cake.

Top with mini chocolate chips or chocolate curls, cut into slices and serve.

Overhead shot of Chocolate Tres Leches CakeJOSH RINK FOR TASTE OF HOME

Chocolate Tres Leches Cake Variations

  • Spiced chocolate tres leches: If you love Mexican hot chocolate, apply the same flavors to tres leches chocolate cake. Add 1/2 teaspoon cinnamon and 1/4 teaspoon cayenne pepper to the cake batter and milk syrup. Feel free to adjust the cayenne to suit your preferences for heat.
  • Mocha tres leches cake: Infuse this decadent chocolate tres leches with a little espresso flavor by adding 1 teaspoon instant espresso powder to the milk syrup. Add an additional 1/2 teaspoon to the chocolate whipped cream and garnish with chocolate-covered espresso beans for an extra hit of coffee.
  • Caramel chocolate tres leches: Drizzle the top of this chocolate tres leches cake recipe with caramel sauce.

How to Store Chocolate Tres Leches Cake

Cover the chocolate tres leches cake and store it in the refrigerator for up to three days.

Can you make a chocolate tres leches cake recipe ahead of time?

Since this cake requires a rest before serving, chocolate tres leches cake is a perfect make-ahead dessert. Prepare as directed up to 24 hours ahead. We suggest holding off topping the cake with the whipped cream until you are ready to serve. Store the whipped cream in a separate airtight container for up to three days. If your whipped cream has lost its airiness, give it a quick whip before serving to bring it back to life.

Chocolate Tres Leches Cake Tips

3/4th shot of Chocolate Tres Leches CakeJOSH RINK FOR TASTE OF HOME

How long do you let a tres leches cake soak?

For best results, tres leches cake should soak for at least two hours before serving. However, this recipe for chocolate tres leches cake can benefit from a longer soak of 8 to 10 hours.

What else can you serve with chocolate tres leches cake?

Round out your after-dinner spread with other Mexican desserts, like churros with homemade chocolate sauce or creamy caramel flan.

Chocolate Tres Leches Cake

Prep Time 35 min
Cook Time 20 min
Yield 15 servings

Ingredients

  • 5 large eggs, separated, room temperature
  • 1 cup sugar, divided
  • 1 tablespoon butter, softened
  • 1/3 cup whole milk
  • 1 teaspoon vanilla extract
  • 1 cup all-purpose flour
  • 1/2 cup baking cocoa
  • 1 teaspoon baking powder
  • 1/4 teaspoon salt
  • MILK SYRUP:
  • 1 can (14 ounces) sweetened condensed milk
  • 1 can (12 ounces) evaporated milk
  • 1 cup whole milk
  • 2 tablespoons baking cocoa
  • 1/2 teaspoon vanilla extract
  • CHOCOLATE WHIPPED CREAM:
  • 1-1/2 cups heavy whipping cream
  • 1/3 cup sugar
  • 1/4 cup baking cocoa
  • 1 teaspoon vanilla extract
  • 1/2 cup miniature semisweet chocolate chips

Directions

  1. Place egg whites in a large bowl; let stand at room temperature for 30 minutes.
  2. Preheat oven to 350°. In a large bowl, beat egg yolks on high speed, 4-5 minutes or until thick and lemon-colored. Gradually beat in 3/4 cup sugar and butter. Stir in milk and vanilla. Sift flour, cocoa powder, baking powder and salt; gradually add to yolk mixture and mix well (batter will be thick).
  3. With clean beaters, beat egg whites on medium speed until soft peaks form. Gradually beat in remaining sugar, 1 tablespoon at a time, on high until stiff peaks form. Gently fold into batter.
  4. Spread evenly into a greased 13x9-in. dish. Bake until cake springs back when lightly touched, 18-22 minutes. Cool on a wire rack.
  5. In a large saucepan, combine the condensed milk, evaporated milk, whole milk and cocoa powder. Bring to a low simmer over medium heat, stirring constantly; cook and stir for 2 minutes. Remove from the heat; stir in vanilla. Cool slightly.
  6. Poke holes in cake with the end of a wooden spoon or chop stick. Slowly pour a third of the milk syrup over cake, allowing syrup to absorb into the cake. Repeat twice. Let stand for 30 minutes. Cover and refrigerate for 2 hours before serving.
  7. Meanwhile, in a chilled small glass bowl and using chilled beaters, beat cream until it begins to thicken. Add sugar, cocoa powder and vanilla; beat until soft peaks form. Spread over chilled cake; top with mini chocolate chips.

Nutrition Facts

1 piece: 383 calories, 18g fat (11g saturated fat), 110mg cholesterol, 173mg sodium, 49g carbohydrate (39g sugars, 2g fiber), 9g protein.

Loading Popular in the Community
This moist chocolate tres leches cake is ready in under an hour. It's topped with homemade chocolate whipped cream and mini chocolate chips. —Taste of Home Test Kitchen
Recipe Creator
Loading Reviews
Back to Top