Mocha Tres Leches Cake: A Decadent, Coffee-Lover’s Dream
Table of Contents
Toggle
If you’re a fan of rich, decadent desserts, the Mocha Tres Leches Cake is one you wonโt forget! This unique twist on the classic Latin American treat infuses deep coffee and chocolate flavors into an ultra-moist sponge cake, soaked in a luscious coffee-infused three-milk mixture. Topped with a velvety whipped coffee cream and a dusting of cocoa, every bite is indulgent and satisfying.
What makes this cake even more special? Itโs an egg-free and dairy-free option, making it easy to prepare without sacrificing taste or texture. Iโd give this dessert a solid 10/10 for its incredible richness and moistnessโa guaranteed crowd-pleaser for any occasion.
๐ Why Youโll Love This Recipe
ย โ
Perfectly balanced flavors โ The deep coffee notes cut through the sweetness, creating a harmonious blend.
โ
Exceptionally moist texture โ Thanks to the classic tres leches soaking technique, the cake is soft and melts in your mouth.
โ
Great for any occasion โ Whether itโs a dinner party or a cozy night in, this dessert is both comforting and sophisticated.
๐ Ingredients
๐ฅฎ For the Cake
- 6 egg whites ๐ฅ
- 75g granulated sugar ๐
- 6 egg yolks ๐ก
- 40g cocoa powder ๐ซ
- 80g plain flour ๐พ
- 50ml vegetable oil (or any neutral-flavored oil) ๐ป
- 2 teaspoons lemon juice ๐
- 2 teaspoons vanilla extract ๐ฆ
- 1 cup water ๐ง
๐ฅ For the Tres Leches Milk Mixture
- 200ml whole milk ๐ฅ
- 350ml evaporated milk
- 380g condensed milk
- 2 tablespoons instant coffee โ
- 1 can NESTLร LA LECHERA Sweetened Condensed Milk
๐ฆ For the Whipped Cream Topping
- 480ml double cream ๐ฅ
- Icing sugar (to taste)
- ยฝ teaspoon vanilla extract ๐ฆ
๐ Alternative Cake Base (If Using Cake Mix)
- 1 box yellow or white cake mix ๐ฆ
- โ cup vegetable oil ๐ป
- 3 large eggs ๐ฅ
โ For the Coffee Flavor
- NESCAFร CLรSICO 100% Pure Instant Coffee Granules
- 1 can NESTLร Media Crema
- 1 can NESTLร CARNATIONยฎ Evaporated Lowfat 2% Milk
- Pinch of warm water (to dissolve coffee granules)
๐น Additional Ingredients
- Nonstick cooking spray (for greasing the pan)
๐ฉโ๐ณ Instructions
๐ฅ Step 1: Preheat the Oven & Prepare the Cake
ย 1๏ธโฃ Preheat your oven to 350ยฐF (175ยฐC).
2๏ธโฃ Grease a 9×12-inch baking dish with nonstick spray.
3๏ธโฃ In a bowl, whisk together egg whites, sugar, egg yolks, flour, cocoa powder, oil, vanilla extract, and lemon juice until well combined.
4๏ธโฃ Pour the batter into the baking dish and bake for 25-30 minutes, or until a toothpick inserted in the center comes out clean.
5๏ธโฃ Let the cake cool completely before moving to the next step.
๐ฅ Step 2: Prepare the Tres Leches Mixture
ย 1๏ธโฃ In a bowl, mix together whole milk, evaporated milk, condensed milk, and vanilla extract.
2๏ธโฃ Dissolve instant coffee granules in a small amount of warm water, then stir it into the milk mixture.
3๏ธโฃ Use a fork or skewer to poke small holes all over the cooled cake.
4๏ธโฃ Slowly pour the milk mixture over the cake, allowing it to soak in evenly.
5๏ธโฃ Cover and refrigerate for at least 4 hours (or overnight) for the best texture.
๐ฆ Step 3: Make the Whipped Cream & Assemble
ย 1๏ธโฃ In a large bowl, beat double cream, icing sugar, and vanilla extract until soft peaks form.
2๏ธโฃ Spread the whipped cream evenly over the chilled, soaked cake.
3๏ธโฃ Dust with cocoa powder or sprinkle chocolate shavings for an extra touch of mocha flavor.
๐ฝ๏ธ Serving & Storage
- Serve well-chilled for the best texture and flavor. โ๏ธ
- Store leftovers in an airtight container in the refrigerator for up to 3 days. ๐ง
โจ Final Thoughts
This Mocha Tres Leches Cake is a dream for coffee and chocolate lovers alike! The flavors blend beautifully, creating a dessert thatโs both comforting and indulgent. Whether you’re making it for a special occasion or just treating yourself, this cake is guaranteed to impress.
Enjoy every bite! ๐ฐโ
Frequently Asked Questions (FAQs)ย Mocha Tres Leches Cake
ย
1. Can I Make This Cake Ahead of Time?
Yes. In fact, this cake tastes even better when made in advance. Letting it sit in the fridge overnight allows the milk mixture to soak in fully, making the cake even more moist and flavorful. Just add the whipped cream topping before serving.
2. Can I Use a Cake Mix Instead of Making It from Scratch?
Absolutely. If you want a quicker option, use a yellow or white cake mix. Follow the package instructions but replace some of the liquid with brewed coffee or espresso for a richer mocha flavor.
3. Whatโs the Best Way to Store This Cake?
Store the cake covered in the refrigerator for up to three days. Since it is a milk-soaked cake, it must be kept cold. Avoid freezing, as the texture may change when thawed.
4. Can I Make This Cake Dairy-Free?
Yes. Substitute the following for a dairy-free version:
- Whole milk โ Almond, oat, or coconut milk
- Evaporated milk โ Coconut evaporated milk
- Condensed milk โ Dairy-free sweetened condensed coconut milk
- Whipped cream โ Coconut whipped cream
This will keep the cake just as creamy and delicious.
5. How Do I Make the Coffee Flavor Stronger?
For a bolder coffee taste:
- Use espresso powder instead of instant coffee
- Increase the amount of coffee in the milk mixture
- Add coffee extract to the whipped cream
If you love an intense mocha flavor, these tweaks will take your cake to the next level.

โ๐ซ Mocha Tres Leches Cake Recipe ๐ฐ
Equipment
- Oven (for baking the cake) ๐ฅ
- 9x12-inch baking dish ๐
- Mixing bowls (for cake batter, milk mixture, and whipped cream) ๐ฅฃ
- Hand mixer or stand mixer (for whipping cream and beating egg whites) ๐
- Fork or skewer (for testing cake doneness) ๐ด
- Sieve (optional, for dusting cocoa powder) ๐ซ
- Refrigerator (for chilling the cake) โ๏ธ
- Non-stick cooking spray (for greasing the pan) ๐งด
Ingredients
- 6 egg whites ๐ฅ
- 75 g granulated sugar ๐
- 6 egg yolks ๐ก
- 40 g cocoa powder ๐ซ
- 80 g plain flour ๐พ
- 50 ml vegetable oil or any neutral-flavored oil ๐ป
- 2 teaspoons lemon juice ๐
- 2 teaspoons vanilla extract ๐ฆ
- 1 cup water ๐ง
- ๐ฅ Milk Mixture Ingredients
- 200 ml whole milk ๐ฅ
- 350 ml evaporated milk ๐ฅซ
- 380 g condensed milk ๐ฅซ
- 2 tablespoons instant coffee โ
- 1 can NESTLร LA LECHERA Sweetened Condensed Milk
- ๐ฆ Whipped Cream Ingredients
- 480 ml double cream ๐ฅ
- Icing sugar to taste
- ยฝ teaspoon vanilla extract ๐ฆ
- ๐ Alternative Cake Base If Using Cake Mix
- 1 box yellow or white cake mix ๐ฆ
- โ cup vegetable oil ๐ป
- 3 large eggs ๐ฅ
- โ Coffee Flavor Ingredients
- NESCAFร CLรSICO 100% Pure Instant Coffee Granules
- 1 can NESTLร Media Crema
- 1 can NESTLร CARNATIONยฎ Evaporated Lowfat 2% Milk
- Pinch of warm water to dissolve coffee granules
- ๐น Additional Ingredients
- Nonstick cooking spray for greasing the pan
Instructions
- ๐ฅ Step 1: Prepare & Bake the Cake
- 1๏ธโฃ Preheat your oven to 350ยฐF (175ยฐC).
- 2๏ธโฃ Grease a 9x12-inch baking dish with nonstick spray.
- 3๏ธโฃ In a bowl, whisk together egg whites, sugar, egg yolks, flour, cocoa powder, oil, vanilla extract, and lemon juice.
- 4๏ธโฃ Pour the batter into the baking dish and bake for 45-55 minutes, or until a toothpick inserted in the center comes out clean.
- 5๏ธโฃ Allow the cake to cool completely before moving to the next step.
- ๐ฅ Step 2: Prepare the Tres Leches Milk Mixture
- 1๏ธโฃ In a bowl, mix together whole milk, evaporated milk, condensed milk, and vanilla extract.
- 2๏ธโฃ Dissolve instant coffee granules in a small amount of warm water, then stir it into the milk mixture.
- 3๏ธโฃ Use a fork or skewer to poke small holes all over the cooled cake.
- 4๏ธโฃ Slowly pour the milk mixture over the cake, allowing it to soak in evenly.
- 5๏ธโฃ Cover and refrigerate for at least 4 hours (or overnight) for the best texture.
- ๐ฆ Step 3: Make the Whipped Cream & Assemble
- 1๏ธโฃ In a large bowl, beat double cream, icing sugar, and vanilla extract until stiff peaks form.
- 2๏ธโฃ Spread the whipped cream evenly over the chilled, soaked cake.
- 3๏ธโฃ Dust with cocoa powder or sprinkle chocolate shavings for an extra mocha touch.
One Response