Mexican Chocolate Milk Cake Recipe: A Rich, Moist, and Irresistible Dessert Recipe
Mexican Chocolate Milk Cake Recipe is a decadent dessert that brings together the bold flavors of rich chocolate, warm cinnamon, and creamy milk in every bite. Inspired by the beloved Latin American tradition of tres leches cake, this chocolate version offers an indulgent twist that chocolate lovers won’t be able to resist. Its incredibly moist texture, velvety frosting, and subtle hint of spice make it a standout dessert for birthdays, holidays, family gatherings, or any special occasion.
Unlike a traditional chocolate cake, Mexican Chocolate Milk Cake is soaked in a luscious blend of sweetened condensed milk, evaporated milk, and whole milk. The sponge absorbs the mixture beautifully, creating an exceptionally tender cake that remains rich without feeling overly heavy. A touch of cinnamon enhances the chocolate flavor, while a pinch of cayenne pepper can be added for the signature warmth often found in authentic Mexican chocolate.
One of the best features of this recipe is how simple it is to prepare. Basic pantry ingredients come together to create a bakery-quality dessert that looks impressive and tastes even better. As the cake rests in the refrigerator, the milk mixture infuses every layer with creamy sweetness, making each slice more flavorful than the last.

Ingredients Needed
The following ingredients make one 9×13-inch cake (approximately 12 servings).
| Ingredient | Quantity | Approximate Calories |
|---|---|---|
| All-purpose flour | 1½ cups | 680 |
| Unsweetened cocoa powder | ½ cup | 100 |
| Baking powder | 1½ teaspoons | 5 |
| Ground cinnamon | 1 teaspoon | 6 |
| Salt | ½ teaspoon | 0 |
| Granulated sugar | 1 cup | 774 |
| Large eggs | 5 | 350 |
| Vanilla extract | 2 teaspoons | 24 |
| Whole milk | ½ cup | 75 |
| Sweetened condensed milk | 1 can (14 oz) | 1,300 |
| Evaporated milk | 1 can (12 oz) | 400 |
| Whole milk (for soaking) | 1 cup | 150 |
| Heavy whipping cream | 2 cups | 1,640 |
| Powdered sugar | ¼ cup | 120 |
| Vanilla extract (frosting) | 1 teaspoon | 12 |
| Chocolate shavings | ¼ cup | 140 |
| Ground cinnamon (garnish) | ½ teaspoon | 3 |
Step-by-Step Cooking Instructions
1: Prepare the Oven
Preheat your oven to 350°F (175°C).
Grease and lightly flour a 9×13-inch baking dish.
2: Mix the Dry Ingredients
In a medium bowl, whisk together:
- Flour
- Cocoa powder
- Baking powder
- Cinnamon
- Salt
Set aside.
3: Prepare the Batter
In a large mixing bowl, beat the eggs and granulated sugar until the mixture becomes pale, light, and fluffy.
Add:
- Vanilla extract
- Whole milk
Gradually fold the dry ingredients into the wet ingredients until just combined. Avoid overmixing.
4: Bake the Cake
Pour the batter into the prepared baking dish.
Bake for 28–35 minutes, or until a toothpick inserted into the center comes out clean.
Allow the cake to cool for about 15 minutes.
5: Prepare the Milk Mixture
Whisk together:
- Sweetened condensed milk
- Evaporated milk
- Whole milk
Mix until smooth.
6: Soak the Cake
Using a fork or wooden skewer, poke holes all over the warm cake.
Slowly pour the milk mixture evenly over the entire surface.
Allow the cake to absorb the liquid completely.
Cover and refrigerate for at least 4 hours, preferably overnight.
7: Make the Whipped Cream Frosting
Beat the heavy whipping cream until soft peaks form.
Add:
- Powdered sugar
- Vanilla extract
Continue beating until stiff peaks form.
8: Frost and Garnish
Spread the whipped cream evenly over the chilled cake.
Top with:
- Chocolate shavings
- A light sprinkle of cinnamon
Refrigerate until ready to serve.
Tips for Customizing the Recipe
Add Traditional Mexican Chocolate Flavor
Mix in a pinch of cayenne pepper or chili powder for a subtle spicy finish that complements the chocolate.
Use Dark Chocolate
Replace part of the cocoa powder with melted dark chocolate for an even richer flavor.
Add Coffee
A teaspoon of espresso powder intensifies the chocolate without adding a coffee taste.
Include Nuts
Sprinkle chopped pecans, walnuts, or toasted almonds over the whipped cream for extra crunch.
Make It Extra Chocolatey
Add mini chocolate chips to the batter before baking.
Flavor the Whipped Cream
Mix a little cinnamon or cocoa powder into the whipped cream frosting for added depth.
Create Individual Servings
Bake the cake in cupcake pans or ramekins for elegant single-serving desserts.
Garnish Creatively
Decorate with chocolate curls, cocoa powder, cinnamon sticks, or fresh berries for a beautiful presentation.

Nutritional Information
Approximate values per serving.
| Nutrient | Amount |
|---|---|
| Calories | 480 |
| Carbohydrates | 53 g |
| Protein | 9 g |
| Fat | 26 g |
| Saturated Fat | 15 g |
| Cholesterol | 135 mg |
| Sugar | 40 g |
| Fiber | 2 g |
| Sodium | 180 mg |
| Calcium | 18% DV |
| Iron | 10% DV |
Serving Suggestions
Mexican Chocolate Milk Cake is best served chilled, allowing the creamy milk mixture and whipped topping to create a perfectly refreshing dessert.
- Serve with fresh strawberries, raspberries, or sliced bananas for a fruity contrast.
- Pair each slice with hot coffee, espresso, or Mexican hot chocolate.
- Add a drizzle of chocolate sauce or dulce de leche for extra indulgence.
- Garnish with cinnamon sticks and chocolate curls for a festive presentation.
- Top with toasted pecans or walnuts for added crunch.
- Serve after Mexican-inspired meals such as tacos, enchiladas, or fajitas.
- Accompany with vanilla bean ice cream for an extra-special dessert.
- Finish each serving with a light dusting of cocoa powder and cinnamon.
Mexican Chocolate Milk Cake: A Rich, Moist, and Irresistible Dessert Recipe
12 servings
servings25
minutes30
minutes480
kcalIngredients
For the Chocolate Cake
1½ cups all-purpose flour
½ cup unsweetened cocoa powder
1½ teaspoons baking powder
1 teaspoon ground cinnamon
½ teaspoon salt
1 cup granulated sugar
5 large eggs
2 teaspoons vanilla extract
½ cup whole milk
For the Milk Soak
1 (14-ounce) can sweetened condensed milk
1 (12-ounce) can evaporated milk
1 cup whole milk
For the Whipped Topping
2 cups heavy whipping cream
¼ cup powdered sugar
1 teaspoon vanilla extract
Garnish
Chocolate shavings
Ground cinnamon
Cocoa powder (optional)
Directions
- Preheat the oven to 350°F (175°C) and grease a 9×13-inch baking dish.
- In a bowl, whisk together the flour, cocoa powder, baking powder, cinnamon, and salt.
- In a separate bowl, beat the eggs and sugar until light and fluffy. Add the vanilla extract and whole milk.
- Gradually fold the dry ingredients into the wet ingredients until just combined.
- Pour the batter into the prepared baking dish and bake for 30–35 minutes, or until a toothpick inserted in the center comes out clean.
- Allow the cake to cool for about 15 minutes, then poke holes all over the surface using a fork or skewer.
- Whisk together the sweetened condensed milk, evaporated milk, and whole milk. Slowly pour the mixture evenly over the cake.
- Cover and refrigerate for at least 4 hours or overnight.
- Beat the heavy whipping cream, powdered sugar, and vanilla until stiff peaks form. Spread evenly over the chilled cake.
- Garnish with chocolate shavings, a dusting of cinnamon, or cocoa powder before serving.
Recipe Video
Notes
- Chill for the best flavor: Refrigerate the cake for at least 4 hours, but overnight chilling allows the milk mixture to fully soak into the cake for the richest flavor and moistest texture.
Don’t overbake: Bake just until a toothpick inserted into the center comes out clean. Overbaking can result in a dry cake that won’t absorb the milk mixture as well.
FAQs
1. What is Mexican Chocolate Milk Cake?
Mexican Chocolate Milk Cake is a chocolate version of the classic tres leches cake. It features a light chocolate sponge cake soaked in a mixture of three kinds of milk and is typically flavored with cinnamon and topped with whipped cream.
2. Can I make Mexican Chocolate Milk Cake ahead of time?
Yes! In fact, it’s even better when made ahead. Refrigerate the cake for at least 4 hours, or preferably overnight, to allow the milk mixture to fully soak into the cake and enhance its flavor and texture.
3. Can I use a boxed chocolate cake mix?
Absolutely. A boxed chocolate cake mix can be used as a time-saving alternative. Once baked, simply follow the recipe for the milk soak and whipped cream topping.
4. Why is my cake not absorbing the milk mixture?
The cake may not have enough holes for the liquid to seep through. Use a fork or wooden skewer to poke plenty of holes across the surface before slowly pouring on the milk mixture.
5. How should I store Mexican Chocolate Milk Cake?
Store the cake covered in the refrigerator for up to 4–5 days. Because it contains milk and whipped cream, it should always be kept chilled.
Conclusion
Mexican Chocolate Milk Cake is the perfect combination of rich chocolate, warm spices, and creamy indulgence. Soaked in a luscious three-milk mixture and topped with light whipped cream, every bite is incredibly moist, flavorful, and satisfying. Its unique blend of cocoa and cinnamon creates a comforting dessert that’s both elegant and easy to prepare.
