Irresistible Mexican Chocolate Milk Cake : A Velvety Twist on Tres Leches

If you’re looking for a dessert that combines deep chocolate richness with the creamy texture of a traditional milk-soaked cake, this Mexican Chocolate Milk Cake will absolutely steal the spotlight. Inspired by the classic tres leches cake, this recipe infuses cinnamon-spiced Mexican chocolate into a moist sponge, then drenches it in a silky three-milk mixture.

Whether you’re exploring new Hispanic desserts or you’re a seasoned fan of Mexican baking, this cake brings bold flavor, old-world charm, and show-stopping presentation—all in one simple recipe.

It’s the kind of dessert you’ll find in family celebrations, potlucks, or simply when you want to treat yourself to something indulgent and unforgettable.

Save

Who This Recipe Is For

This cake is perfect for:

• Fans of unique chocolate desserts
• Home bakers who want a twist on the traditional tres leches
• Lovers of Costa Rican dessert recipes or Latin American sweets
• Anyone searching for quick Mexican desserts that impress

If you’ve tried recipes like Mocha Tres Leches Cake or Pumpkin Flan Cake, this dessert should be next on your list.

What Is Mexican Chocolate Milk Cake?

This cake is a variation of the beloved tres leches cake, a sponge cake soaked in a mixture of three milks: sweetened condensed milk, evaporated milk, and heavy cream. But what sets this version apart is the bold addition of Mexican chocolate—a type of chocolate flavored with cinnamon and sometimes chili, known for its deep, aromatic flavor.

The result is a rich, sponge-like milk cake that’s deeply chocolatey but not overly sweet. It’s soft, cool, and topped with whipped cream and cinnamon. One bite and you’ll understand why Mexican chocolate desserts are loved around the world.

Ingredients for Mexican Chocolate Milk Cake

For the Cake:

• 1 cup all-purpose flour
• ½ cup unsweetened cocoa powder
• 1 tsp baking powder
• ½ tsp baking soda
• ½ tsp salt
• ½ cup unsalted butter, melted
• 1 cup granulated sugar
• 2 large eggs
• 1 tsp vanilla extract
• 1 tsp ground cinnamon
• ½ cup brewed coffee (room temperature)
• ½ cup buttermilk

For the Tres Leches Mixture:

• 1 (14 oz) can sweetened condensed milk
• 1 (12 oz) can evaporated milk
• 1 cup heavy cream
• ½ tsp ground cinnamon
• 1 tsp vanilla extract

For the Topping:

• 2 cups heavy whipping cream
• ¼ cup powdered sugar
• 1 tsp cinnamon
• Chocolate shavings or a dusting of cocoa for garnish

Optional: Use real Mexican chocolate (such as Ibarra or Abuelita) in place of cocoa powder for a more authentic taste.

Step-by-Step Instructions

Step 1: Preheat and Prep

Preheat your oven to 350°F (175°C). Grease and flour a 9×13-inch baking dish. Set aside.

Step 2: Mix the Dry Ingredients

In a large bowl, whisk together the flour, cocoa powder, baking powder, baking soda, salt, and cinnamon.

Step 3: Combine Wet Ingredients

In another bowl, whisk the melted butter, sugar, eggs, vanilla, coffee, and buttermilk until smooth.

Step 4: Make the Batter

Slowly add the dry ingredients to the wet mixture, stirring until just combined. Do not overmix.

Step 5: Bake the Cake

Pour the batter into your prepared baking dish. Bake for 28–32 minutes, or until a toothpick inserted in the center comes out clean. Allow the cake to cool completely.

Step 6: Mix the Tres Leches Soak

In a large measuring cup or bowl, whisk together the condensed milk, evaporated milk, heavy cream, cinnamon, and vanilla.

Step 7: Soak the Cake

Using a fork or skewer, poke holes all over the cake. Slowly pour the tres leches mixture over the entire surface of the cake. Let it absorb. Refrigerate for at least 4 hours, or overnight for best results.

Step 8: Whip the Topping

Beat heavy cream, powdered sugar, and cinnamon in a chilled bowl until stiff peaks form. Spread evenly over the soaked cake.

Step 9: Garnish and Serve

Sprinkle with cocoa powder, cinnamon, or chocolate shavings. Slice and serve chilled.

Save

Why Mexican Chocolate Makes This Cake Unique

Mexican chocolate isn’t just cocoa—it’s aromatic, earthy, and full of character. It’s traditionally blended with cinnamon and sometimes hints of nutmeg or chili. This complex flavor profile is what gives this milk cake a depth that regular chocolate just can’t deliver.

Substituting your standard cocoa powder with melted Mexican chocolate or even using it in the whipped topping will elevate this recipe and give it a distinctly Mexican baking flair.

Tips for the Perfect Chocolate Milk Cake

• Use room-temperature ingredients for better mixing and baking
• Don’t overbake; you want the cake to remain tender enough to absorb the milk mixture
• For deeper flavor, use real brewed coffee instead of water
• Always let the cake chill thoroughly before serving—it improves both flavor and texture

If you love layered or soaked desserts, also try our Tres Leches Cinnamon Rolls or Churro Cheesecake Bars for more sweet, indulgent bakes.

Common Mistakes to Avoid

• Overmixing the batter: Leads to a dense texture that doesn’t absorb milk well
• Not poking enough holes: Prevents even soaking
• Skipping the chill time: The cake needs time to absorb the milk and develop flavor
• Using cold milk mixture: Let it come to room temp before pouring, or the cake won’t soak evenly

Variations to Try

• Costa Rican Style: Add rum and orange zest to the milk mixture for a tropical twist
• Spicy Version: Add a pinch of cayenne or chili powder to the dry mix
• Caramel Drizzle: Add a swirl of dulce de leche on top of the whipped cream
• Chocolate Chip Add-In: Fold in mini chocolate chips before baking for extra texture

Looking for more Latin American flavors? Try Dulce de Leche Brownies or Mini Tres Leches Cakes as well.

Serving Ideas and Presentation

• Dust with cocoa and cinnamon
• Garnish with a cinnamon stick or chocolate curls
• Serve in individual squares or cut with a round cookie cutter for a modern look
• Add berries or citrus zest for color contrast

Pair this cake with Mexican Hot Chocolate for a stunning dessert course.

Storage Instructions

• Refrigerate: Cover tightly and store in the refrigerator for up to 4 days
• Do not freeze the assembled cake as the texture and cream topping won’t hold
• Make-ahead tip: Bake the cake and store separately from the milk mixture, then assemble the day before serving

Save

FAQs About Mexican Chocolate Milk Cake

Can I make this recipe without buttermilk?
Yes, substitute with ½ cup milk plus 1 teaspoon vinegar or lemon juice.

Is this cake spicy?
No, it’s warmly spiced with cinnamon, not heat-spicy. But you can add chili for a little kick.

Can I use boxed chocolate cake mix?
While possible, homemade offers better absorption and flavor. If using boxed mix, choose one without pudding added.

What is the best Mexican chocolate to use?
Brands like Ibarra or Abuelita are excellent. You can melt a tablet and add it to the milk soak or batter for a deeper taste.

Final Thoughts

This Mexican Chocolate Milk Cake is more than a dessert—it’s a celebration of flavor, culture, and comfort. Whether you’re honoring your heritage or exploring new cuisines, this cake delivers a satisfying blend of chocolate, cinnamon, and sweet creamy goodness in every bite.

Perfect for holidays, birthdays, or any time you want to impress, it’s a recipe worth bookmarking, sharing, and repeating.

For more Hispanic desserts easy to make, don’t miss our recipes for Churro Bites and Mexican Street Corn Ice Cream.

Print