Chocolate Tres Leches Cake

This post may contain affiliate links. Please read my disclosure policy.

This Chocolate Tres Leches Cake takes the classic dessert to a new level. Deep, tender chocolate cake soaked in a silky trio of chocolate-infused milks until every inch is saturated and impossibly moist. The crumb turns luxuriously soft, almost pudding-like at the center, while still holding its shape in perfect slices. Then itโ€™s crowned with thick, billowy chocolate whipped cream that melts on your tongue. Itโ€™s rich. Itโ€™s decadent. Itโ€™s the kind of dessert that makes people close their eyes after the first bite.

Titled image: Chocolate Tres Leches Cake


 

WHY YOUโ€™LL LOVE THIS CHOCOLATE TRES LECHES CAKE RECIPE

  • Ultra-moist, milk-soaked chocolate cake
  • Deep cocoa flavor in every layer
  • Creamy chocolate whipped topping
  • Make-ahead friendly
  • Show-stopping but surprisingly simple

Chocolate Tres Leches Cake

Tres leches cake is already indulgent. Then I added eggnog. Nowโ€ฆ itโ€™s time for chocolate.

This is not a light dessert, and itโ€™s not pretending to be. Itโ€™s soaked (properly soaked) until the cake absorbs every bit of that chocolate milk mixture and turns unbelievably tender.

And hereโ€™s the thing: you have to trust the process. When you pour that mixture over the cake, it looks like too much. It feels dramatic. Donโ€™t panic! Thatโ€™s exactly what you want.

The whipped cream goes on lastโ€ฆ thick, chocolatey, and piled generously. No thin layer here.

Chill it. Slice it cold. Watch how cleanly it cuts, even though itโ€™s fully saturated. 

Tres leches chocolate cake is rich. Itโ€™s bold. Itโ€™s absolutely not shy.

Ingredients for chocolate tres leches cake

INGREDIENT NOTES

  • Unsalted Butter: Softened fully for proper creaming and lift. When pressed, a finger should leave a clean indent.
  • Cocoa Powder: Dutch process gives a deeper, darker chocolate flavor, but natural cocoa works too.
  • Baking Soda + Baking Powder: Use both in this chocolate tres leches cake recipe for plenty of lift and structure.
  • Sweetened Condensed Milk: Adds sweetness and body to the soak.
  • Evaporated Milk: Brings richness without heaviness.
  • Pure Vanilla Extract: Quality matters in terms of flavor.
  • Heavy Cream: Whips into a stable, luscious topping. Keep it in the fridge until the last second!
adding eggs to chocolate tres leches cake batter

VARIATIONS

Mocha Version: Add 1 tablespoon of instant espresso powder to the cake batter.

Dark Chocolate: Increase the amount of cocoa slightly and reduce the sugar by ยผ cup.

Less Intense: Replace the cocoa powder in the topping with powdered sugar for a classic whipped cream flavor.

Spiced Chocolate: Whisk a pinch of cinnamon into the milk mixture.

Berry Topping: Top chocolate tres leches cake with fresh raspberries before serving.

SERVING SUGGESTIONS 

  • Plate chilled slices straight from the refrigerator.
  • Add chocolate shavings for extra drama.
  • Pair tres leches chocolate cake with strong coffee.
  • Serve alongside fresh berries for contrast.
  • Bring to dinner parties. This one travels beautifully.
adding cocoa powder to chocolate tres leches cake batter

TRES LECHE CHOCOLATE CAKE RECIPE FAQ

Does the cake get soggy?

No. It soaks up the triple milk mixture, becoming deeply moist but still sliceableโ€ฆ especially after chilling.

Can I make it ahead?

Yes. Chocolate tres leches cake is actually better after a few hours in the fridge.

Why do I need to chill the cake before adding the whipped topping?

Because warm cake will cause the whipped cream to melt.ย 

Can I freeze tres leche cake?

Not after itโ€™s been soaked. You can, however, chill and freeze the cake layer after itโ€™s been baked. Wrap in several layers of plastic for storage, then bring to room temperature before poking holes and adding the soak.

chocolate tres leches cake in a 9x13 baking dish

This tres leche chocolate cake recipe works because of absorption. The warm cake structure opens slightly after baking, and when chilled before soaking, it absorbs liquid evenly without collapsing. 

Pouring slowly allows the milk mixture to settle deep into the crumb instead of pooling in sections or on the surface.

The cocoa in the milk mixture deepens the flavor without overwhelming the sweetness. And whipping the cream to stiff peaks ensures it holds its shape against the rich base.

It isnโ€™t just pouring milk over cake. Itโ€™s controlled saturation. And when done correctly, itโ€™s magic.

DONNAโ€™S PRO TIPS

  • Poke holes evenly across the surface for the most consistent soak.
  • Carefully pour the milk mixture. Slowly and evenly wins every time.
  • Let the cake fully absorb the soak before adding the whipped topping.
  • Chill completely before slicing. This helps the layers set, making cuts easier.
  • Use a sharp knife for clean slices. Wipe clean between cuts if needed.
  • Store covered in the refrigerator to keep the whipped cream fresh.

TOOLS NEEDED

slice of chocolate tres leches cake on a spatula

Enjoy!

With love, from our simple kitchen to yours.

Don’t miss a thing! Follow us on
Facebook | Twitter | Pinterest | Instagram


slice of chocolate tres leches cake on a white plate

TL;DR (Too Long, Didnโ€™t Read) THE QUICK VERSION

  • Rich chocolate cake soaked in three milks
  • Deep cocoa flavor throughout
  • Chill before topping
  • Pour milk mixture slowly
  • Slice cold for clean cuts
  • Ultra-moist but not mushy
  • Big, bold dessert energy
closeup of a slice of Chocolate tres leches cake

Chocolate Tres Leches Cake

Author: Donna Elick
Chocolate Tres Leches Cake is rich and indulgent, yet surprisingly easy to make. Soaked cake, fluffy topping, and absolute dessert bliss.
Tried this recipe?Please comment and review!
Prep Time 25 minutes
Cook Time 40 minutes
Chill Time 30 minutes
Total Time 1 hour 35 minutes
Course Dessert
Cuisine Mexican
Method Oven
Servings 12 slices

Ingredients
 

FOR THE CAKE

  • 2 cups granulated sugar
  • 2/3 cup unsalted butter, softened
  • 1/2 teaspoon kosher salt
  • 4 large eggs
  • 2 teaspoons pure vanilla extract
  • 1 cup whole milk
  • 2 1/4 cups all-purpose flour
  • 2 teaspoons baking powder
  • 1/2 teaspoon baking soda
  • 3/4 cup cocoa powder

FOR THE CHOCOLATE TRES LECHES MIXTURE

  • 1 14 ounce can sweetened condensed milk
  • 1/2 cup evaporated milk
  • 1/4 cup whole milk
  • 1/4 cup cocoa powder

FOR THE CHOCOLATE WHIPPED CREAM

  • 2 cups heavy cream
  • 1/4 cup cocoa powder
  • 2 teaspoons pure vanilla extract

Instructions
 

  • PREP OVEN AND PAN: Preheat the oven to 350ยฐF. Grease a 9 x 13-inch baking pan with butter or nonstick spray.
  • CREAM BUTTER AND SUGAR: In a large mixing bowl, beat โ…” cup softened unsalted butter and 2 cups granulated sugar, and ยฝ teaspoon kosher salt for about 3 minutes, until light and creamy.
  • ADD EGGS AND LIQUIDS: Beat in 4 large eggs one at a time. Add 2 teaspoons vanilla extract and 1 cup whole milk. Mix just until combined.
  • ADD DRY INGREDIENTS: Add 2 ยผ cups all-purpose flour, 2 teaspoons baking powder, ยฝ teaspoon baking soda, and ยพ cup cocoa powder. Mix on low speed just until no dry streaks remain.
  • BAKE: Pour batter into the prepared pan and spread evenly. Bake for 40 minutes, until a toothpick inserted in the center comes out mostly clean.
  • POKE HOLES: While the cake is still warm, use a straw or the handle of a wooden spoon to poke holes all over the surface, spacing them about 1 inch apart.
  • CHILL: Transfer the cake to the refrigerator and chill for 30 minutes.
  • MAKE TRES LECHES MIXTURE: In a medium bowl, whisk together 1 (14 ounce) can sweetened condensed milk, ยฝ cup evaporated milk, ยผ cup whole milk, and ยผ cup cocoa powder until smooth.
  • SOAK: Slowly pour the chocolate milk mixture evenly over the chilled cake. Allow it to absorb completely.
  • MAKE WHIPPED CREAM: In a large bowl, beat 2 cups heavy cream, ยผ cup cocoa powder, and 2 teaspoons vanilla extract until stiff peaks form.
  • TOP AND SERVE: Spread the chocolate whipped cream evenly over the cake. Slice and serve chilled.

Donna’s Notes

Chill Before Topping: The cake must be cool before adding whipped cream or it will melt.
Cocoa Choice: Dutch process cocoa provides a deeper chocolate flavor, but natural cocoa works well too.
Pour Slowly: Add the tres leches mixture gradually so it absorbs evenly without pooling.
Storage: Store covered in the refrigerator for up to 5 days.
Freezing: Not recommended once soaked, as texture will change.

Nutrition

Serving: 1 | Calories: 620cal | Carbohydrates: 78g | Protein: 11g | Fat: 32g | Saturated Fat: 20g | Cholesterol: 144mg | Sodium: 312mg | Sugar: 55g | Fiber: 4g | Calcium: 245mg | Iron: 3mg

All nutritional information is based on third party calculations and is only an estimate. Each recipe’s nutritional value will vary depending on the ingredients used, measuring methods, and portion sizes.

Tried this recipe?Let us know how it was!
Chocolate Tres Leches Cake -PIN

Originally published March 2026

Disclosure: Posts may contain affiliate links. If you purchase a product through an affiliate link your price will remain the same and The Slow Roasted Italian will automatically receive a small commission. Thank you for supporting us, it helps us keep creating new recipes.

The Simple Kitchen cookbook affiliate linked banner
Donna and Chad of the TSRI team

Welcome!

Weโ€™re Donna and Chad, the dream team behind The Slow Roasted Italian. Our focus is on taking complicated OUT of the kitchen. Life is busy enough, making meals should be fast and easy, to help make your life as simple as possible. Read More >>

Related Posts

Leave a Reply

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

Recipe Rating