Decadent Mocha Tres Leches Cake : A Rich, Coffee-Infused Dessert

If you’re a fan of rich, moist cakes that melt in your mouth, this Mocha Tres Leches Cake is your new go-to dessert. Combining the creamy sweetness of classic tres leches with bold espresso and chocolate flavors, this version takes the beloved Latin American dessert to new levels of indulgence.

Whether you’re hosting a dinner party, celebrating a birthday, or simply want to impress yourself on a weekend baking spree, this cake checks every box: light sponge, velvety soak, whipped topping, and that unmistakable mocha flair.

This recipe is perfect for fans of tiramisu, chocolate tres leches, or even classic coffee cake—offering something familiar, yet elevated.

Save

Who This Recipe Is For

This mocha tres leches is perfect for:

• Coffee lovers who want a rich yet balanced dessert
• Fans of brownie tres leches and chocolate tres leches cake
• People looking for new tres leches ideas for holidays and birthdays
• Home bakers who love show-stopping yet easy desserts

If you love easy-but-elegant bakes like Pumpkin Cheesecake Cookies or Coconut Cream Pie Jars, this dessert deserves a spot on your table.

What Is Mocha Tres Leches?

Tres leches means “three milks” in Spanish, referring to the three-milk mixture traditionally poured over a light sponge cake. This mocha version introduces espresso or strong coffee and cocoa powder to the mix, creating a beautifully balanced dessert that tastes like a blend of tiramisu tres leches cake and hot cocoa tres leches.

The result? A cloud-like cake that soaks up chocolatey, coffee-kissed milk and is topped with lightly sweetened whipped cream. It’s cool, creamy, and just a little bold.

Ingredients for Mocha Tres Leches Cake

Here’s everything you need to create this unforgettable dessert:

For the Cake:

• 1 cup (120g) all-purpose flour
• 1 tsp baking powder
• ¼ cup (20g) unsweetened cocoa powder
• 5 large eggs
• 1 cup (200g) granulated sugar
• ⅓ cup (80ml) whole milk

For the Mocha Milk Mixture:

• 1 (14 oz) can sweetened condensed milk
• 1 (12 oz) can evaporated milk
• ½ cup (120ml) heavy cream
• ⅓ cup (80ml) strong brewed coffee or espresso
• 2 tbsp unsweetened cocoa powder

For the Whipped Topping:

• 1½ cups (360ml) heavy cream
• ¼ cup (30g) powdered sugar
• 1 tsp vanilla extract
• Optional: 1 tsp instant coffee for added mocha flavor
• Garnish: cocoa powder or chocolate curls

Love mocha and cream pairings? Try our Brown Sugar Shaken Espresso to sip alongside this cake.

Kitchen Equipment You’ll Need

• 9×13-inch baking dish
• Mixing bowls
• Electric hand mixer or stand mixer
• Whisk
• Rubber spatula
• Fork or skewer (for poking cake)
• Fine mesh sieve (for dusting cocoa powder)

How to Make Mocha Tres Leches Cake

Step 1: Bake the Cake

Preheat your oven to 350°F (175°C). Grease and lightly flour a 9×13-inch pan.

In a medium bowl, sift together the flour, baking powder, and cocoa powder.

In a large bowl, beat the eggs and sugar using a mixer until thick and pale — about 7 minutes. Gently fold in the dry ingredients, then add the milk, stirring just until combined.

Pour the batter into your prepared pan and smooth the top. Bake for 22–25 minutes or until a toothpick inserted in the center comes out clean.

Let the cake cool completely in the pan.

Step 2: Make the Mocha Milk Mixture

In a bowl or large measuring cup, combine the sweetened condensed milk, evaporated milk, heavy cream, brewed coffee, and cocoa powder. Whisk until smooth. Make sure the cocoa powder is fully dissolved.

Step 3: Soak the Cake

Using a fork or skewer, poke holes all over the cooled cake. Slowly pour the mocha milk mixture evenly over the cake, allowing it to absorb gradually.

Cover and refrigerate for at least 4 hours, or ideally overnight, for the best flavor and texture.

Step 4: Make the Whipped Topping

Just before serving, beat the heavy cream, powdered sugar, vanilla, and optional instant coffee until stiff peaks form.

Spread the whipped cream evenly over the chilled cake.

Dust with cocoa powder or add chocolate curls for garnish.

Save

Expert Tips for Success

• Use room-temperature eggs for a fluffier cake base
• Don’t overmix the batter once dry ingredients are added
• Make the milk mixture ahead of time so the cocoa has time to dissolve
• Chill the bowl before whipping the cream for best results
• Let the cake soak overnight for a more pronounced mocha flavor

This soaking technique also works beautifully in Pumpkin Tres Leches Cake or Tres Leches Cinnamon Rolls.

Serving & Presentation Ideas

Serve chilled in slices or squares, topped with:

• A dusting of cocoa powder
• Shaved chocolate or mini chocolate chips
• Chocolate-covered espresso beans for crunch
• Whipped cream rosettes for elegance

This is also a beautiful addition to dessert bars or buffet tables alongside Mini Pumpkin Pie Cups or Halloween Ghost Rice Krispie Treats.

Storage Instructions

• Refrigerate: Store tightly covered in the refrigerator for up to 4 days. The longer it rests, the more flavorful it becomes.
• Freezing is not recommended, as the whipped cream topping does not freeze well. However, you can freeze the cake base (unsoaked) and assemble later.

Variations You Can Try

This base mocha tres leches cake is easily customizable. Try one of these fun spins:

• Brownie Tres Leches: Use a brownie cake base for a richer, denser version
• Hot Cocoa Tres Leches: Add mini marshmallows on top and use hot cocoa mix in the soak
• Chocolate Tres Leches: Use chocolate milk and dark cocoa powder for a more intense version
• Tiramisu Tres Leches Cake: Add a layer of mascarpone whipped cream and a dusting of espresso powder

Want something fruity instead? Try our Peach Cobbler Dump Cake for a light, summer alternative.

Save

Frequently Asked Questions

Can I use boxed cake mix?
You can, but the homemade sponge soaks up the milk mixture better. If using a mix, choose a light chocolate or devil’s food cake.

How strong should the coffee be?
Use espresso or a strong brew—don’t use weak coffee, or the mocha flavor will be lost.

Is this cake overly sweet?
Surprisingly, no. The coffee and cocoa balance out the sweetness of the condensed milk beautifully.

Can I make it ahead?
Yes! It actually tastes better the next day after soaking overnight.

What type of cocoa should I use?
Unsweetened natural cocoa powder works best. Avoid sweetened or Dutch-processed cocoa in the milk mixture.

Final Thoughts

This Mocha Tres Leches Cake is a flavor-packed twist on a beloved classic, perfect for coffee lovers and dessert aficionados alike. Whether you’re planning a holiday menu, celebrating a birthday, or just indulging your sweet tooth, this cake delivers on every level: rich, creamy, chocolatey, and undeniably satisfying.

Make it once, and it’ll earn a permanent spot in your dessert rotation. For more unique baking ideas, don’t miss our Chocolate Chip Banana Bread Pudding or No-Bake Pumpkin Pie Balls.

Print