There is something magical about a cake that practically melts the moment your fork touches it. Mocha Tres Leches Cake is one of those desserts that feels indulgent from the very first glance. A deep chocolate sponge, soaked in a rich three milk mixture infused with coffee, then topped with a cloud of cream and a gentle dusting of cocoa. The aroma alone, chocolate mingling with espresso, makes it impossible to resist. Trust me, you’re going to love this.
Disclosure: This post contains affiliate links.If you click and make a purchase, I may earn a small commission at no extra cost to you.
Each slice is unbelievably moist, tender, and layered with flavor. The coffee enhances the chocolate without overpowering it, and the creamy topping balances everything beautifully. Let me tell you, it’s worth every bite.
Where Chocolate Meets Coffee in the Dreamiest Way
This cake is all about harmony. The cocoa sponge provides depth and richness. The three milk mixture seeps into every crumb, creating a soft, almost pudding like texture. Then comes the whipped cream topping, light and airy, offering contrast to the saturated base.
And the mocha twist? That gentle note of coffee transforms the entire dessert into something bold and sophisticated while still feeling comforting and familiar.
A Classic Latin Dessert with a Mocha Twist
Tres leches cake has roots in Latin American baking traditions, where cakes are soaked in a blend of three milks to create that signature ultra moist texture. Over time, creative bakers began experimenting with flavors.
Adding cocoa and coffee to the sponge brings a modern variation to this beloved classic. It keeps the essence of the traditional dessert while introducing a rich mocha profile that chocolate lovers appreciate instantly.
Why This Cake Always Impresses
Before we dive into the baking process, here is why this cake deserves a place on your table.
Versatile: Perfect for birthdays, holidays, dinner parties, or just because.
Budget Friendly: Made with pantry staples and simple dairy ingredients.
Quick and Easy: The steps are straightforward, even though the result looks impressive.
Customizable: Adjust the coffee strength or cocoa intensity to suit your taste.
Crowd Pleasing: Chocolate and cream together rarely disappoint.
Make Ahead Friendly: In fact, it tastes even better after resting overnight.
Great for Leftovers: The cake stays moist and delicious for several days.
Expert Tips for a Perfect Soak
To get that flawless texture, a few details matter.
- Poke plenty of holes in the warm cake so the milk mixture absorbs evenly.
- Let the cake cool slightly before pouring the milk mixture to prevent sogginess.
- Chill the cake for several hours so the flavors fully develop.
- Use good quality cocoa powder and instant coffee for deeper flavor.
Kitchen Tools You Will Need
Simple tools make the process smooth and enjoyable.
9×13 Inch Baking Pan: Ideal for even baking and soaking.
Mixing Bowls: One for dry ingredients and one for wet.
Electric Mixer: Helps achieve fluffy eggs and smooth whipped cream.
Skewer or Fork: For poking holes in the baked cake.
Spatula: For spreading the cream topping evenly.
Ingredients You Will Need For Mocha Tres Leches Cake
Each ingredient works together to create that rich, creamy masterpiece.
- All Purpose Flour: 1 cup, provides structure for the sponge.
- Unsweetened Cocoa Powder: 1/3 cup, delivers deep chocolate flavor.
- Granulated Sugar: 1 cup, sweetens the cake and helps create a tender crumb.
- Eggs: 4 large, separated, add structure and lightness.
- Whole Milk: 1 cup, used in the soaking mixture.
- Sweetened Condensed Milk: 1 can, 14 ounces, adds sweetness and richness.
- Evaporated Milk: 1 can, 12 ounces, balances the condensed milk.
- Heavy Cream: 1 1/2 cups, divided, part for the soak and part for topping.
- Instant Coffee Granules: 2 teaspoons, dissolved in a tablespoon of warm water.
- Vanilla Extract: 1 teaspoon, enhances flavor.
- Baking Powder: 1 teaspoon, helps the cake rise.
- Salt: 1/4 teaspoon, balances sweetness.

Simple Ingredient Substitutions
You can easily adjust a few elements.
Instant Coffee Granules: Use espresso powder for a stronger coffee note.
Heavy Cream: For the topping, you can use whipped topping if needed.
Unsweetened Cocoa Powder: Dutch process cocoa gives a smoother chocolate flavor.
Spotlight on Key Ingredients
Two ingredients truly define this dessert.
Sweetened Condensed Milk: Adds creamy sweetness and helps create that iconic soaked texture.
Instant Coffee Granules: Elevate the chocolate flavor and add subtle depth without bitterness.
Let’s Bake This Together
And now let’s dive into the steps you are going to follow.
- Preheat Your Equipment: Preheat your oven to 350 degrees Fahrenheit. Grease a 9×13 inch baking pan lightly.
- Combine Ingredients: In a bowl, whisk together flour, cocoa powder, baking powder, and salt. In another bowl, beat egg yolks with half of the granulated sugar until pale and thick. Stir in vanilla extract.
- Prepare Your Cooking Vessel: In a separate bowl, beat egg whites until soft peaks form. Gradually add the remaining sugar and beat until stiff peaks form.
- Assemble the Dish: Gently fold the dry ingredients into the yolk mixture. Then carefully fold in the beaten egg whites until just combined. Pour batter into the prepared pan and smooth the top.
- Cook to Perfection: Bake for 25 to 30 minutes, or until a toothpick inserted in the center comes out clean. Remove from oven and let cool slightly.
- Finishing Touches: Whisk together whole milk, sweetened condensed milk, evaporated milk, 1/2 cup heavy cream, and dissolved coffee. Poke holes all over the warm cake and slowly pour the milk mixture over it. Refrigerate for at least 4 hours or overnight. Whip the remaining 1 cup heavy cream until soft peaks form and spread evenly over the chilled cake. Dust lightly with cocoa powder.
- Serve and Enjoy: Slice into squares and serve chilled for the best texture and flavor.
The Texture and Flavor Experience
The sponge becomes incredibly tender as it absorbs the mocha infused milk mixture. Each forkful feels moist yet structured, never falling apart completely. The whipped cream topping adds lightness, and the cocoa dusting provides a delicate bitterness that balances the sweetness.
The coffee note lingers gently, enhancing the chocolate without overwhelming it.
Helpful Baking Tips
A few final tips to ensure success.
- Allow enough chilling time for proper absorption.
- Do not rush pouring the milk mixture, add it slowly.
- Keep the cake refrigerated until serving.
What to Avoid for Best Results
Even this forgiving cake has small pitfalls.
- Avoid overmixing the batter, it can deflate the eggs.
- Do not skip separating the eggs, it ensures light texture.
- Avoid pouring the milk mixture onto a very hot cake.
Nutrition Snapshot
Servings: 12
Calories per serving: 420
Note: These are approximate values.
Time Breakdown
Prep Time: 25 minutes
Cook Time: 30 minutes
Total Time: 55 minutes, plus chilling time
Make Ahead and Storage Guide
This cake is best made a day ahead. Store it covered in the refrigerator for up to four days.
Freezing is not recommended once soaked, as the texture may change after thawing.
How to Serve This Showstopper
Serve chilled straight from the refrigerator. Garnish with extra cocoa powder or a few chocolate shavings for elegance.
Creative Leftover Transformations
Layer leftover pieces in small glasses with extra whipped cream for a quick parfait. Crumble slices and use as a base for a chilled dessert cup.
Extra Tips for Flavor and Ease
Add a light sprinkle of cinnamon to the cocoa dusting for subtle warmth. You can also brush a small amount of coffee syrup on the surface before adding the milk mixture for extra depth.
Make It a Showstopper
Use a fine mesh sieve to dust cocoa powder evenly over the top. Slice with a clean knife and wipe between cuts for beautiful presentation.
Variations to Try
- Add a layer of chocolate ganache under the whipped cream.
- Stir mini chocolate chips into the batter.
- Replace part of the milk mixture with chocolate milk for extra richness.
- Add a pinch of cinnamon to the cake batter.
FAQ’s
Q1: Can I make this without coffee?
Yes, simply omit the instant coffee for a pure chocolate version.
Q2: How long should it chill?
At least 4 hours, but overnight is ideal.
Q3: Can I use a different pan size?
Yes, but baking time may vary slightly.
Q4: Why separate the eggs?
It creates a lighter sponge that absorbs the milk better.
Q5: Is it very sweet?
It is sweet and creamy, but the cocoa and coffee balance it nicely.
Q6: Can I freeze it?
Freezing after soaking is not recommended.
Q7: How do I know the cake is baked?
Insert a toothpick, it should come out clean.
Q8: Can I use low fat milk?
Yes, though the result will be slightly less rich.
Q9: Can I prepare it two days ahead?
Yes, it stores well refrigerated.
Q10: Should it be served cold?
Yes, it tastes best chilled.
Conclusion
Mocha Tres Leches Cake is a dessert that feels both comforting and elegant. Rich chocolate sponge, creamy milk soak, and a hint of coffee come together in perfect balance. Bake it once, and it may just become your new favorite celebration cake.
Print
Mocha Tres Leches Cake
- Prep Time: 25 minutes
- Cook Time: 30 minutes
- Total Time: 55 minutes plus chilling time
- Yield: 12 servings 1x
- Category: Dessert
- Method: Baking
- Cuisine: Latin Inspired
- Diet: Vegetarian
Description
A rich and ultra moist chocolate sponge cake soaked in a creamy three milk mixture infused with coffee, topped with fluffy whipped cream and a light dusting of cocoa for a decadent mocha twist on a classic dessert.
Ingredients
- 1 cup all purpose flour
- 1/3 cup unsweetened cocoa powder
- 1 teaspoon baking powder
- 1/4 teaspoon salt
- 1 cup granulated sugar, divided
- 4 large eggs, separated
- 1 teaspoon vanilla extract
- 1 cup whole milk
- 1 can sweetened condensed milk, 14 ounces
- 1 can evaporated milk, 12 ounces
- 1 1/2 cups heavy cream, divided
- 2 teaspoons instant coffee granules dissolved in 1 tablespoon warm water
Instructions
- Preheat oven to 350 degrees Fahrenheit and lightly grease a 9×13 inch baking pan.
- In a bowl, whisk together all purpose flour, unsweetened cocoa powder, baking powder, and salt.
- In a separate bowl, beat egg yolks with 1/2 cup of the granulated sugar until pale and thick, then stir in vanilla extract.
- In another bowl, beat egg whites until soft peaks form. Gradually add the remaining 1/2 cup granulated sugar and beat until stiff peaks form.
- Gently fold the dry ingredients into the yolk mixture until combined, then carefully fold in the beaten egg whites.
- Pour batter into the prepared pan and smooth the top. Bake for 25 to 30 minutes, or until a toothpick inserted in the center comes out clean.
- Allow the cake to cool slightly, then poke holes all over the surface using a fork or skewer.
- Whisk together whole milk, sweetened condensed milk, evaporated milk, 1/2 cup of the heavy cream, and dissolved coffee. Slowly pour the mixture evenly over the cake.
- Refrigerate the cake for at least 4 hours or overnight to fully absorb the milk mixture.
- Whip the remaining 1 cup heavy cream until soft peaks form and spread evenly over the chilled cake. Lightly dust the top with cocoa powder before serving.
Notes
- Chill overnight for the best texture and flavor development.
- Pour the milk mixture slowly to ensure even absorption.
- Store covered in the refrigerator for up to 4 days.
- Freezing is not recommended after soaking as the texture may change.
Nutrition
- Serving Size: 1 slice
- Calories: 420
- Sugar: 36g
- Sodium: 210mg
- Fat: 24g
- Saturated Fat: 14g
- Unsaturated Fat: 8g
- Trans Fat: 0g
- Carbohydrates: 46g
- Fiber: 2g
- Protein: 8g
- Cholesterol: 125mg


