Chocolate Tres Leches Cake

Hello baker friends! I wanted a chocolate tres leches cake that actually tasted like chocolate all the way through, not just in the topping. Using a chocolate sponge instead of vanilla gives me enough structure for the cake to absorb the milk mixture while staying soft and custardy rather than soggy. Iโ€™m careful about how the sponge, the chocolate milk soak, and the topping work together so the chocolate comes through clearly without losing the familiar tres leches texture.

I finish the cake with a chocolate whipped cream that comes together quickly and spreads easily once the cake is fully chilled. I like whipping it to medium or stiff peaks so it holds clean swirls without weighing down the soaked cake underneath. This is one of those desserts I prefer to make ahead โ€” it slices cleanly, travels well, and the texture only improves after a night in the fridge.

Why you will love this recipeโ€ฆ

I designed this recipe so the sponge absorbs the three-milk mixture evenly without turning dense or heavy. The cake batter comes together quickly with basic pantry ingredients and bakes reliably in a standard 9ร—13-inch pan, which makes it easy to fit into a normal baking day. After chilling overnight, the cake settles into a uniform, well-balanced texture, and the whipped cream topping spreads cleanly over the surface without dragging or tearing.

This post may contain affiliate links. I earn a commission from qualified purchases. Please read our Privacy policy here.

Key Ingredients & Why I Use Them

Cocoa powder: This is the main source of chocolate flavor in both the cake and the milk mixture, so I use unsweetened cocoa for depth without extra sweetness.

Milk (heated): Warming the milk helps dissolve the cocoa completely, which keeps the soak smooth instead of gritty.

Sweetened condensed milk: Adds sweetness and body to the soak, helping the cake stay rich without becoming watery.

Evaporated milk: Balances the condensed milk and keeps the soak from feeling overly sweet or heavy.

Whipped cream topping: I keep it light so it complements the soaked cake instead of weighing it down.

Making the Chocolate Tres Leches

Down below in the recipe card, I have step by step instructions, but here is the basic overview and some reasoning as to why I do certain things!

Step 1: Chocolate Sponge Cake

I start by whisking the flour, sugar, cocoa powder, baking powder, baking soda, and salt together in a medium bowl. I do this first to make sure everything is evenly distributed before it goes into the batter, which helps the cake rise evenly and prevents pockets of cocoa or leavening in the finished sponge.

In a separate medium bowl, whisk the eggs with the milk, vegetable oil, and vanilla until mixed.

Pour the wet ingredients into the dry and whisk just until the cake batter no longer shows streaks of flour. Scrape down the sides of the bowl with a spatula as needed to make sure everything is incorporated.

Prepare the hot brewed coffee or hot water and pour it slowly into the batter while whisking gently. The heat helps dissolve the cocoa and makes the batter smooth and pourable. Transfer the finished batter to a greased and cocoa-dusted 9ร—13-inch pan. Smooth the top, and bake until the center springs back lightly and a toothpick comes out clean. Let the cake cool in the pan for 15 to 20 minutes before soaking.

Step 2: Chocolate Tres Leches Mixture

To prepare the chocolate three-milk mixture, I warm the milk until itโ€™s hot but not boiling โ€” just enough heat to properly dissolve the cocoa. I whisk the cocoa powder into the hot milk first because it blooms the cocoa and gives a smoother, more evenly flavored soak. Once thatโ€™s fully mixed, I whisk in the sweetened condensed milk and evaporated milk until the mixture looks completely smooth and uniform, making sure to scrape along the sides so no cocoa gets left behind. When I want a deeper chocolate note, Iโ€™ll add a small pinch of espresso powder here โ€” it doesnโ€™t make the cake taste like coffee, but it really sharpens the chocolate flavor.

Step 3: Soaking the Cake

Once the cake has cooled slightly and is still warm, I poke holes all over the surface using a skewer or the handle of a wooden spoon. This gives the milk mixture somewhere to go so it absorbs evenly instead of pooling on top. I pour the chocolate three-milk mixture over the cake slowly, working in several passes and giving it time to soak in between pours. The sponge gradually absorbs the liquid from the edges toward the center. After that, I cover the pan tightly and refrigerate the cake overnight โ€” this rest time is what allows the texture to fully settle and become evenly custardy throughout.

Step 4: Prepare the Chocolate Whipped Cream

Once the cake is thoroughly chilled, itโ€™s time to prepare the chocolate whipped cream topping. Add the cold heavy cream, powdered sugar, and cocoa powder to the bowl of a stand mixer. If you prefer, you can use a medium bowl and a hand mixer instead. Beat on medium-high speed with the whisk attachment. Once it begins to thicken, increase the speed slightly until medium to stiff peaks form. Scrape the sides of the bowl as needed so the whipped cream stays smooth. Itโ€™s important that your heavy cream is cold so the whipped cream doesnโ€™t melt.

Mix in the vanilla briefly, then spread the whipped cream evenly over the cold cake.

Storage

I keep the cake covered and refrigerated for up to four days. The texture stays soft and moist, and the whipped cream holds its shape well when stored cold.

Tips & Tricks

  • Let the cake cool just enough. You donโ€™t want it to crumble when poked but it should be warm enough to help the mixture soak in evenly.
  • Slowly pouring the three-milk-mixture in layers prevents pooling.
  • If you choose water instead of coffee, a little espresso powder helps improve flavor without making it taste like coffee.
  • For the whipped cream, start with cold equipment. I like to chill my bowl for the best consistency.

More Recipes

I do have a more traditional Tres Leches Cake if you want something classic. Or if youโ€™re looking for more rich flavors and creamy textures, try my Dulce de Leche Cake, or Olive Oil Chocolate Cake. My No-Bake Flan, Chocolate Strawberry Cake, or Chocolate Mousse Cake is also great time you need something decadent and satisfying.

As always, thank you for reading my blog! It means the world to me! Tag me on instagram if you make one of my desserts! I hope you loved this Chocolate Tres Leches Cake as much as I did! Much love!

A slice of chocolate tres leches cake soaked in chocolate milk mixture, topped with fluffy cocoa whipped cream and fresh raspberries.

Chocolate Tres Leches Cake

Camila Hurst
Chocolate Tres Leches Cake is a chocolate sponge cake soaked in sweet chocolate milk mixture, topped with whipped cream. So delicious!
5 from 3 votes
Prep Time 30 minutes
Cook Time 40 minutes
Resting Time 6 hours
Total Time 7 hours 10 minutes
Course Dessert
Cuisine Latin
Servings 12 servings
Calories 350 kcal

Ingredients
 

Chocolate Sponge Cake
  • 1 cup all-purpose flour 127 grams
  • 1 cup granulated sugar 200 grams
  • 1/2 cup cocoa powder 45 grams
  • 1 tsp baking powder
  • 1/2 tsp baking soda
  • 1/2 tsp salt
  • 2 eggs
  • 1/2 cup whole milk 120 ml
  • 1/3 cup vegetable oil 80 ml
  • 1 tsp vanilla extract
  • 1/2 cup brewed coffee or hot water
Chocolate Tres Leches Mixture
  • 1/2 cup milk 120 ml
  • 1/4 cup unsweetened cocoa powder 23 grams
  • 1 can sweetened condensed milk 396 grams
  • 1 can evaporate milk 12 oz., 335 ml
  • 1/2 tsp espresso powder optional
Whipped Cream topping
  • 2 cups heavy cream 480 ml
  • 6 tbsp powdered sugar 46 grams
  • 6 tbsp cocoa powder 42 grams
  • 1/2 tsp vanilla extract

Instructions
 

Chocolate Sponge Cake
  • Preheat the oven to 350ยฐF (180ยฐC). Grease a 9ร—13-inch (23ร—33 cm) baking pan with butter, then sprinkle with cocoa powder.
  • In a large bowl, whisk together the all-purpose flour, granulated sugar, cocoa powder, baking powder, baking soda, and salt until everything looks evenly combined and there are no visible streaks of cocoa or flour. If your cocoa is lumpy, sift it first so the batter mixes smoothly.
  • In a separate bowl or large measuring cup, whisk the eggs until the yolks and whites are well blended. Add the whole milk, vegetable oil, and vanilla extract and whisk until the mixture is smooth and slightly frothy.
  • Pour the wet ingredients into the bowl with the dry ingredients. Whisk gently, starting from the center and working outward, just until you no longer see dry pockets of flour. The batter will be quite thick at this point; avoid over mixing so the cake stays tender.
  • Prepare the brewed coffee or hot water. It should be very hot, but not boiling. Slowly pour the hot liquid into the batter in a thin stream while whisking constantly. The batter will be very thin. Scrape the sides and bottom of the bowl with a spatula to make sure everything is evenly combined.
  • Transfer the batter to the prepared pan, smoothing the top with a spatula so it bakes evenly. Tap the pan gently on the counter a couple of times to release any large air bubbles.
  • Bake the cake on the center rack of the oven for about 25 to 30 minutes, or until the top springs back lightly when touched and a toothpick inserted in the center comes out with a few moist crumbs but no wet batter.
  • Remove the cake from the oven and place the pan on a wire rack. Let the cake cool in the pan for about 15 to 20 minutes. While it is cooling, prepare the chocolate tres leches mixture.
Chocolate Tres Leches Mixture
  • Heat up the milk for 30 seconds in the microwave. Place the cocoa powder in a measuring cup with a spout. Whisk until fully dissolved, and there are no lumps.
  • Add the sweetened condensed milk, evaporated milk, and espresso powder if using. Whisk until the mixture is completely smooth and uniform. The cocoa tends to cling to the sides, so scrape down the bowl as needed.
To soak
  • Once the cake has cooled slightly but is still warm, use a skewer, chopstick, or the handle of a thin wooden spoon to poke holes all over the surface of the cake, going almost to the bottom of the pan. Space the holes about 1 to 1.5 cm apart so the milk mixture can soak in evenly.
  • Slowly pour the chocolate tres leches mixture over the entire surface of the cake. Start from the edges and move toward the center, pouring in several passes rather than all at once. Give the milk time to sink into the holes and the sides of the cake. If some liquid pools on top, let the pan sit for a few minutes; the cake will keep absorbing.
  • Cover the pan tightly with plastic wrap or foil and transfer it to the refrigerator. Chill overnight, so the cake can fully absorb the chocolate milk mixture and become very moist and tender.
Chocolate Whipped Cream
  • Once the cake has chilled, prepare the whipped cream topping. Place the heavy cream in a chilled mixing bowl. Add the powdered sugar and cocoa powder. If the cocoa looks clumpy, sift it over the cream first to avoid lumps.
  • Beat the mixture with an electric mixer on medium speed until it begins to thicken, then increase to medium-high and continue beating until you reach medium to stiff peaks. The whipped cream should hold its shape on the whisk but still look smooth and spreadable. Stop whipping as soon as it reaches this stage so it does not turn grainy.
  • Add vanilla and mix briefly to combine.
  • Spread the chocolate whipped cream evenly over the top, using an offset spatula or the back of a spoon to create swirls or a smooth finish, depending on the look you prefer.
  • Keep the finished chocolate tres leches cake refrigerated until serving. Slice it cold, wiping the knife between cuts for clean pieces. The cake keeps well in the refrigerator for about 3 days, staying very moist and flavorful as it sits.
Storage
  • This cake will store well in the fridge for up to 4 days. Kepp it covered.

Notes

Coffee: You can use hot water instead of the hot coffee. If using water instead of coffee, you can either add 1/2 teaspoon of espresso powder to the dry ingredients, or just leave it out. The coffee helps enhance the chocolate taste and richness, but it will be completely fine without it.
Serving temperature: This dessert is best served cold. It tastes richer and the texture is more custardy straight from the fridge.
ย 

Nutrition

Serving: 1sliceCalories: 350kcal
Keyword cake, chocolate
Tried this recipe?Let us know how it was!

Similar Posts

14 Comments

  1. Hello!
    I wanted to make a hazelnut tres leches cake for a party. Can I sub some ground hazelnuts in place of some of the all purpose flour? And can add some Nutella to the whipped cream?
    Thank you!

    1. Yes, you can substitute some hazelnut flour, but keep it limited. Replacing about 15โ€“25% of the all-purpose flour works well; it adds hazelnut flavor while preserving the gluten and starch the sponge needs to rise properly and absorb the milk soak. A larger swap will make the cake fragile and more likely to collapse once soaked.
      You can definitely add nutella not only to the buttercream, but also to the milk mixture, just whisk about 1/4 cup of it with the milk mixture. You can also add some to the whipped cream, add towards the end, about 1/4 cup- don’t overmix so the whipped cream doesn’t curdle. You can also drizzle some on top of the cake! It will be delicious!

    1. in recipes that take baking soda you always want to use natural cocoa powder instead of dutch processed if possible, because they don’t react well together.

      1. There are many recipes that call for the use of Dutch process cocoa and the use of baking soda together. I was just looking to find out what your specific recipe used to be consistent. Thank you for getting back to me.

  2. Hi! This looks delish, planning to make it for my daughterโ€™s birthday. Could you please tell
    1. What is the baking temperature for this cake?
    2. Can brewed coffee be replaced with instant coffee?

    Thanks for the help

    1. Hello, by baking temperature for the cake do you mean the cake’s internal temperature or oven temperature?
      Oven temperature would be 350F, and the cake will be baked when it’s internal temperature is 200F.
      And yes you can totally use instant coffee instead. Id add one teaspoon.

  3. So my friend and I tried making this over Zoom together but we kept having to leave the cake in for longer and longer because the consistency would not harden. I ended up cooking mine for a total of 3 hours and it’s still muddy and gooey. I’m going to pour the milk combo over it and leave it in the fridge overnight to see if any sort of magic happens, though I doubt it will change. Any ideas as to why this happened? My friend bakes almost every day at home and also works at a bakery and she can’t figure out what went wrong especially since it happened to both of us. Oddly enough, both of us used 1 or 2 different ingredients based on what we had so it’s strange for them to both come out the same way. (Nothing major, I used almond milk instead of whole milk, and she used an egg substitute) its possible that these changes caused this but it’s odd that it would give us both the same effect.

    Would love some feedback as to why this might have happend so we can try again. Thanks!

    1. I can see why the egg substitute wouldn’t work too well, but with the milk it shouldn’t be too bad. I don’t know what could have happened, I’ve made this cake three times, and it worked fine all three times. Sorry I am not sure how to help you here. But definitely shouldn’t have to bake the cake for 3 hours. I will try to bake this again this week and see what’s going on.

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.