Chocolate Tres Leches Cake: Moist Mexican Dessert Recipe

Featured in Irresistible Desserts.

Experience a rich Chocolate Tres Leches Cake, a decadent Mexican dessert. This moist, cocoa-infused sponge cake is soaked in three milks and topped with whipped cream.
Chef Olivia Grace - Recipe Author
Updated on February 28, 2026 at 07:38 PM
Chocolate Tres Leches Cake: Moist Mexican Dessert Recipe - Featured Image Pin it
Chocolate Tres Leches Cake: Moist Mexican Dessert Recipe | onlyrecipeideas.com

My first taste of Tres Leches was a revelation, honestly, but my chocolate-loving heart always felt like something was missing. That’s how my quest for the ultimate Chocolate Tres Leches Cake began! After countless experiments (and a few delicious failures, oops), I finally perfected this recipe. It’s rich, it’s decadent, and it’s got that incredible moistness that makes you swoon. Get ready for some serious dessert magic, my friend.

Oh, the early days of experimentation! I once got a little too enthusiastic with the milk soak. I mean, I poured it all on, then went off to do something else. Came back to a cake literally swimming, like a chocolate-y pond! It was still edible, but let’s just say it required a spoon and a very deep bowl. Lesson learned: patience is a virtue, especially with the soak!

All the Good Stuff for Your Chocolate Tres Leches Cake

  • 1 1/2 cups all-purpose flour: This is your cake's backbone, hon! All-purpose flour gives our Chocolate Tres Leches Cake its structure and tender crumb. You want that perfect balance, not too dense, not too crumbly. I've tried other flours, but for this specific sponge, good old AP flour just works best to hold all that lovely milk soak without falling apart. It’s the unsung hero, really.
  • 3/4 cup unsweetened cocoa powder: Alright, this is where the chocolate magic happens! Unsweetened cocoa powder brings that deep, intense chocolate flavor we’re chasing. Don't skimp here, and make sure it's good quality. It makes such a difference in the richness of your Chocolate Tres Leches Cake. I once used a cheaper brand, and it just tasted... flat. Never again! This is your flavor powerhouse.
  • 1 3/4 cups granulated sugar: Sugar isn't just for sweetness, it’s a moisture keeper in our cake. It helps create that tender, soft texture in the sponge, preventing it from drying out as it bakes. Plus, it balances out the bitterness from the cocoa. It’s a crucial player for both flavor and crumb, making sure your cake is perfectly balanced and not just a sugar bomb.
  • 3 large eggs: Eggs are the ultimate binder and leavening agent here. They give our cake lift and structure, helping it rise beautifully and creating that open crumb ideal for soaking up all the milks. Don't use small eggs, trust me! Large eggs provide the right amount of moisture and structure to make sure your sponge is light and airy, just what we need.
  • 1 cup whole milk: Whole milk is key for both the cake batter and the soak. In the batter, it adds moisture and richness, contributing to a tender crumb. For the soak, it’s one of the 'tres leches,' giving that creamy, dreamy texture. Using whole milk makes a noticeable difference in the final mouthfeel it’s just richer and more luxurious than skim or low-fat milk, honestly.
  • 1/2 cup vegetable oil: Okay, this is my secret weapon for super moist cakes! Vegetable oil keeps the sponge incredibly tender and moist, even after baking. Unlike butter, which can make cakes denser when chilled, oil keeps things light and airy. It’s perfect for a cake that’s going to be soaking up liquids, ensuring it stays soft and never dry. A total game-changer, I swear.

Making Your Own Chocolate Tres Leches Cake: A Step-by-Step Guide

Step 1: Preheat Oven, Prep Pan:
First things first, get that oven preheating to 350°F (175°C)! Seriously, don't skip this. A properly preheated oven ensures your cake bakes evenly from the start. Then, grease and flour a 9x13 inch baking pan. I like to dust with a little cocoa powder instead of flour for this Chocolate Tres Leches Cake, just to keep that dark chocolate vibe going strong. It’s a small trick, but it makes a difference!
Step 2: Combine Dry Ingredients:
In a big bowl, whisk together your flour, cocoa powder, sugar, baking powder, baking soda, and salt. Whisking isn't just mixing, it's aerating! It breaks up any lumps and ensures those leavening agents are evenly distributed, which means a beautifully risen cake. This step is crucial for an even crumb in your Chocolate Tres Leches Cake, so no shortcuts here, okay? Get it all light and fluffy.
Step 3: Whisk Wet Ingredients:
Now for the wet stuff! In another bowl, whisk those eggs, whole milk, vegetable oil, and vanilla extract until everything is perfectly combined and a little frothy. This ensures all the liquids are fully incorporated before they hit the dry ingredients. It's all about creating that smooth, uniform batter that will bake into the most perfect sponge for your Chocolate Tres Leches Cake. Seriously, don't rush this part!
Step 4: Bake Chocolate Sponge:
Gently fold the wet into the dry, mixing just until combined. Overmixing is the enemy of a tender cake, so stop as soon as you don't see any dry streaks! Pour your luscious batter into the prepped pan and bake for about 30-35 minutes. You'll know it's done when a toothpick inserted into the center comes out clean. This chocolate sponge is the heart of your Chocolate Tres Leches Cake, so bake it with love!
Step 5: Create Milk Infusion:
While your cake cools a bit, whisk together the three milks (evaporated, condensed, and whole milk, plus a splash of vanilla) for the infusion. This is the magic potion that transforms a simple chocolate cake into a divine Chocolate Tres Leches Cake. Make sure it's super smooth, no lumps! I like to give it a taste here, just to make sure it's perfectly sweet and creamy. It's pure liquid gold!
Step 6: Soak Cake Thoroughly:
Once your cake is slightly cooled but still warm, poke holes all over the top with a fork or skewer. And I mean all over! Then, slowly, slowly pour that glorious milk mixture over the entire cake. Don't rush it. Let it absorb every drop. This is the critical step for that signature moistness. Watching it soak up the liquid is so satisfying it’s what makes this cake so special.

There's something so incredibly satisfying about baking this cake. The aroma of chocolate filling your kitchen, the anticipation as it bakes, and then that moment you pour the milk mixture over... pure bliss! It’s a labor of love, but honestly, it feels more like therapy. And the reactions from friends and family? Priceless.

Keeping Your Chocolate Tres Leches Cake Fresh: My Best Tips

Okay, so you’ve got leftover Chocolate Tres Leches Cake (if that even happens!). Store it covered tightly with plastic wrap or in an airtight container in the refrigerator. It actually tastes even better the next day, as the flavors meld and the cake gets even moister. I once left a slice uncovered, and oops, it dried out around the edges. Major sad face! It'll keep beautifully for up to 3-4 days. I don't recommend freezing it, as the texture can get a bit weird after thawing, losing some of that luscious moistness. Just eat it fresh, my friend!

Chocolate Tres Leches Cake: Moist Mexican Dessert Recipe - Image 1Pin it
Chocolate Tres Leches Cake: Moist Mexican Dessert Recipe - Image 1 | onlyrecipeideas.com

Swapping Ingredients for Your Chocolate Tres Leches Cake

I've played around with substitutions a fair bit. For the milk soak, if you don't have whole milk, 2% will work in a pinch, but the richness won't be quite the same. You could even swap some of the whole milk in the soak for a bit of heavy cream for extra decadence I've done that when I'm feeling fancy! As for the oil, melted butter can be used, but the cake might be a tad denser. For a gluten-free version, a good 1:1 gluten-free baking flour blend usually works surprisingly well, just keep an eye on baking time as it can vary. Experiment, have fun!

Ideas for Serving Up Your Chocolate Tres Leches Cake

Honestly, this cake is a star all on its own, but a little something extra never hurts! I love serving it with a sprinkle of extra cocoa powder or some chocolate shavings for that gourmet touch. A few fresh berries raspberries or strawberries cut through the richness beautifully, adding a lovely pop of color and tartness. And for a truly decadent experience? A scoop of vanilla bean ice cream on the side, or even a drizzle of homemade caramel sauce. Pair it with a strong cup of coffee or a cold glass of milk. Perfection!

The Sweet History Behind Chocolate Tres Leches Cake

The Tres Leches Cake has such a fascinating history! While its exact origins are a bit debated, it’s most commonly associated with Latin American cuisine, particularly Mexico. The concept of soaking a cake in milk became popular with the widespread availability of canned evaporated and condensed milk in the region. It’s a dessert born out of practicality and genius! My first experience with a traditional Tres Leches was at a small Mexican bakery, and I was hooked. I just knew I had to bring that incredible texture home, but with my favorite twist: chocolate!

So there you have it, my friend! My go-to recipe for a show-stopping dessert that’s always a huge hit. This cake brings so much joy, and I really hope you love making it as much as I do. Don't be afraid to get a little messy in the kitchen, that's where the best memories are made! If you try this recipe, please let me know how it goes in the comments. Happy baking!

Chocolate Tres Leches Cake: Moist Mexican Dessert Recipe - Image 2Pin it
Chocolate Tres Leches Cake: Moist Mexican Dessert Recipe - Image 2 | onlyrecipeideas.com

Your Burning Questions About Chocolate Tres Leches Cake, Answered!

→ Can I make Chocolate Tres Leches Cake ahead of time?

Absolutely! In fact, I highly recommend it. This cake needs at least 4-6 hours to soak up all that milky goodness, but honestly, it’s even better when made the day before. The flavors meld beautifully, and the cake becomes incredibly moist. Just cover it tightly and keep it in the fridge until you're ready to serve. Perfect for party planning!

→ Why did my Chocolate Tres Leches Cake turn out dry?

Oh no, that's a bummer! Usually, a dry cake means it was either overbaked or not enough holes were poked for the milk mixture to penetrate. Make sure you're baking just until a toothpick comes out clean, and then go wild with poking holes! Also, don't skimp on the milk mixture, it all gets absorbed. Next time, you'll nail that moistness!

→ Can I use a different pan size?

You can, but you'll need to adjust baking times. A smaller pan might make the cake thicker, requiring more time, while a larger pan will make it thinner and bake faster. Just keep an eye on it! A 9x13 inch pan is my favorite because it gives a great cake-to-soak ratio, making it perfectly moist without being overly dense or too flimsy.

→ What kind of cocoa powder is best?

For this recipe, I always reach for unsweetened natural cocoa powder. It gives a deep, rich chocolate flavor without adding extra sweetness. Dutch-processed cocoa works too, but it has a milder, less acidic flavor, which might change the overall profile slightly. Just make sure it's unsweetened, so you can control the sweetness with the sugar in the recipe. Quality matters here!

→ Can I make this cake less sweet?

You can try reducing the granulated sugar in the cake batter by about 1/4 cup without too much impact on the texture. However, the condensed milk in the soak is quite sweet, and that's a key part of what makes a Tres Leches cake! If you reduce it too much, you might lose some of that signature creamy richness. I'd recommend sticking to the recipe for the soak part.

Chocolate Tres Leches Cake: Moist Mexican Dessert Recipe

Experience a rich Chocolate Tres Leches Cake, a decadent Mexican dessert. This moist, cocoa-infused sponge cake is soaked in three milks and topped with whipped cream.

4.8 out of 5
(76 reviews)
Prep Time
25 Minutes
Cook Time
35 Minutes
Total Time
60 Minutes


Difficulty: Intermediate

Cuisine: Mexican

Yield: 10 Servings

Dietary: Vegetarian

Published: February 28, 2026 at 07:37 PM

Ingredients

→ Decadent Chocolate Sponge

01 1 1/2 cups all-purpose flour
02 3/4 cup unsweetened cocoa powder
03 1 3/4 cups granulated sugar
04 1 1/2 tsp baking powder
05 1 tsp baking soda
06 1/2 tsp salt
07 3 large eggs
08 1 cup whole milk
09 1/2 cup vegetable oil
10 1 tsp vanilla extract

→ Sweet Milk Infusion

11 1 (12-oz) can evaporated milk
12 1 (14-oz) can sweetened condensed milk
13 1/2 cup heavy cream
14 1 tsp vanilla extract

→ Fluffy Cloud Topping

15 2 cups heavy cream
16 1/2 cup powdered sugar
17 1 tsp vanilla extract
18 1 tbsp unsweetened cocoa powder, for garnish

Instructions

Step 01

Preheat oven to 350°F (175°C). Grease and flour a 9x13-inch baking pan. This initial step ensures your Chocolate Tres Leches Cake - Moist Mexican Dessert bakes perfectly and doesn't stick.

Step 02

In a large bowl, whisk together 1 1/2 cups all-purpose flour, 3/4 cup unsweetened cocoa powder, 1 3/4 cups granulated sugar, 1 1/2 tsp baking powder, 1 tsp baking soda, and 1/2 tsp salt. Set aside for the decadent chocolate sponge.

Step 03

In a separate medium bowl, whisk 3 large eggs, 1 cup whole milk, 1/2 cup vegetable oil, and 1 tsp vanilla extract until well combined. This liquid mixture will create the moist base for your Chocolate Tres Leches Cake.

Step 04

Gradually add the wet ingredients to the dry ingredients, mixing until just combined. Pour the batter into the prepared pan and bake for 30-35 minutes, or until a toothpick inserted into the center comes out clean. Let cool for 15 minutes.

Step 05

While the cake cools, combine 1 (12-oz) can evaporated milk, 1 (14-oz) can sweetened condensed milk, 1/2 cup heavy cream, and 1 tsp vanilla extract in a bowl. Whisk well. This sweet milk infusion is key to a truly moist Mexican dessert.

Step 06

Using a fork or skewer, poke holes all over the cooled cake. Slowly pour the entire milk infusion evenly over the cake. Cover and refrigerate for at least 4 hours, or preferably overnight, allowing the Chocolate Tres Leches Cake to absorb all the liquid.

Step 07

In a cold bowl, beat 2 cups heavy cream, 1/2 cup powdered sugar, and 1 tsp vanilla extract until stiff peaks form. Spread over the chilled cake. Garnish with 1 tbsp unsweetened cocoa powder. Serve your delicious Chocolate Tres Leches Cake - Moist Mexican Dessert.

Notes

  1. Store leftover Chocolate Tres Leches Cake covered in the refrigerator for up to 3-4 days. It tastes even better the next day!
  2. For an extra decadent treat, serve slices with fresh berries or a drizzle of chocolate syrup.
  3. Ensure your cake is completely cool before poking holes and pouring the milk mixture. A warm cake will not absorb the liquid as effectively.
  4. For a richer chocolate flavor in the topping, you can add 1-2 tablespoons of cocoa powder to the whipped cream.

Tools You'll Need

  • 9x13 inch baking pan
  • Electric mixer
  • Large mixing bowls
  • Whisk
  • Measuring cups and spoons
  • Spatula

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Milk
  • Eggs
  • Wheat

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 652 kcal
  • Total Fat: 33 g
  • Total Carbohydrate: 88 g
  • Protein: 12 g

Reviews & Comments

Required fields are marked *

We're ad-free! Tap Save below to support us 🙏

Chocolate Tres Leches Cake: Moist Mexican Dessert Recipe

Support us — we don't show ads! 🙏

This site is 100% ad-free. A quick share helps us keep it that way!

Verifying your share, please wait…