Mexican Chocolate Milk Cake Recipe
If you’re looking for a dessert that’s not just rich and indulgent but also packed with vibrant flavors and a hint of spice, the Mexican Chocolate Milk Cake is your new best friend. This cake has it all — a moist, tender crumb soaked in a luscious, cinnamon-spiced milk mixture, melded with the deep, earthy notes of cocoa and a surprising kick from cayenne pepper. It’s an unforgettable treat that balances sweetness, warmth, and creaminess in every bite, making it the ultimate crowd-pleaser for any occasion.

Ingredients You’ll Need
Gathering simple, pantry-friendly ingredients is the first step toward creating a Mexican Chocolate Milk Cake that truly shines. Each component plays a vital role in building the layers of flavor, texture, and that signature moist finish that makes this cake so special.
- Self-raising flour: Provides the perfect lightness and structure to the cake’s crumb.
- Light and dark brown sugars: Bring caramel undertones and deepen the cake’s sweetness.
- Dairy-free or regular yogurt: Adds moisture and a gentle tang to balance the chocolate.
- Water: Keeps the batter just right for baking a tender cake.
- Cocoa powder: Offers the rich chocolate foundation that defines the cake’s flavor.
- Cinnamon: Delivers warm spice making the cake truly unforgettable.
- Cayenne pepper: A subtle heat that heightens the chocolate’s complexity without overpowering the palate.
- Vanilla extract: Rounds out the flavors with sweet and floral notes.
- Evaporated, sweetened condensed, and whole milk (or dairy-free equivalents): Combined to create the milk soak that keeps this cake moist, luscious, and decadently creamy.
- Whipped cream: Adds light, airy richness as the perfect topping.
How to Make Mexican Chocolate Milk Cake
Step 1: Prepare the Cake Batter
Begin by preheating your oven to 350°F (175°C) and greasing your cake pan. In a large bowl, mix together self-raising flour, both the light and dark brown sugars, cocoa powder, cinnamon, and cayenne pepper along with vanilla extract for a harmonious blend of flavors. Next, add the yogurt and water, whisking everything until you achieve a smooth, velvety batter ready to bake.
Step 2: Bake the Cake
Pour your chocolatey batter into the prepared pan and pop it in the oven. Bake for about 30-35 minutes until a toothpick inserted in the center comes out clean. Once baked, let the cake cool in its pan briefly, then transfer it to a wire rack to cool completely. This step is important for the soak to absorb evenly.
Step 3: Warm the Milk Soak
While the cake cools, gently warm evaporated milk, sweetened condensed milk, whole milk, and cinnamon in a saucepan over medium heat. Heat just enough to release the cinnamon aroma and blend the flavors—avoid boiling to keep the milk silky and smooth.
Step 4: Soak the Cake
When the cake is fully cooled, use a fork to poke holes all over its surface. Slowly pour the warm milk mixture over the cake, letting it seep deep into the crumb. This soak is the secret to the cake’s unforgettable moistness and flavor infusion. Allow the cake to rest and absorb for at least 30 minutes.
Step 5: Finish with Whipped Cream and Cinnamon
Once the milk soak is fully absorbed, spread a generous layer of whipped cream over the top to add smooth contrast to the spiced chocolate. A quick dusting of cinnamon gives it an extra burst of warmth and a beautiful finish.
How to Serve Mexican Chocolate Milk Cake

Garnishes
Elevate your Mexican Chocolate Milk Cake by topping it with extra whipped cream swirls and a sprinkle of cinnamon or even some shaved dark chocolate. A few toasted pecans or a sprinkle of chili powder can add a lovely texture and enhance the cake’s signature spice.
Side Dishes
This cake loves company! Serve alongside a scoop of creamy vanilla ice cream or a fresh berry compote to balance the richness. A steaming cup of coffee or a glass of cold milk also makes a perfect partner for this luscious dessert.
Creative Ways to Present
For a fun twist, try serving the Mexican Chocolate Milk Cake in individual jars or ramekins with layers of soaked cake and whipped cream for a rustic parfait style. You can also cut the cake into squares, pop toothpicks in them, and serve as bite-sized treats at gatherings.
Make Ahead and Storage
Storing Leftovers
Leftover Mexican Chocolate Milk Cake stays moist and delicious when stored in an airtight container in the refrigerator. It will keep well for up to 4 days, making it a great make-ahead treat for busy weeks or entertaining guests.
Freezing
You can freeze this cake if wrapped tightly in plastic wrap and then foil—preferably after soaking but before adding the whipped cream topping. Freeze for up to 2 months, and thaw overnight in the fridge for a fresh dessert anytime.
Reheating
To enjoy the cake warm, gently warm individual slices in the microwave for about 15 seconds. Avoid overheating to keep the whipped cream fresh and the cake delightfully tender.
FAQs
Can I make the Mexican Chocolate Milk Cake dairy-free?
Absolutely! Using dairy-free yogurt and milk alternatives such as oat or almond milk together with coconut-based whipped cream makes this cake completely dairy-free without sacrificing any of its richness or flavor.
How spicy is the cayenne pepper in this cake?
The cayenne pepper adds just a gentle heat that complements the chocolate and cinnamon, creating a subtle warmth rather than overwhelming spiciness. You can always adjust the amount to make it milder or bolder, depending on your preference.
Do I have to soak the cake with milk? Can I skip this step?
The milk soak is what transforms this cake from ordinary to memorable by infusing moisture and flavor deep into the crumb. Skipping it will result in a drier cake without that signature lush texture, so it’s highly recommended to soak it thoroughly.
Can I substitute the sugars in this recipe?
While light and dark brown sugars add depth and moisture, you can experiment with coconut sugar or muscovado sugar for interesting flavor notes. Just keep in mind that texture and sweetness levels might shift slightly.
Is it possible to make this cake gluten-free?
Yes! You can use a gluten-free self-raising flour blend designed for baking. Just be sure to follow the blend’s instructions for best results, as gluten-free flours behave differently in batter.
Final Thoughts
Baking a Mexican Chocolate Milk Cake is like inviting warmth, spice, and indulgence into your kitchen all at once. Its moist texture and rich, layered flavors are the kind of delightful experience you’ll want to share with family and friends again and again. So go ahead, give this unique cake a try, and watch it become an instant favorite in your home.
PrintMexican Chocolate Milk Cake Recipe
This Mexican Chocolate Milk Cake is a rich, moist, and indulgently gooey dessert infused with warm cinnamon, a hint of cayenne pepper, and layered with a creamy milk soak. Perfectly balanced with a spicy kick and a luscious whipped cream topping, this cake offers an unforgettable twist on traditional chocolate cake with a festive Mexican flair.
- Prep Time: 15 minutes
- Cook Time: 35 minutes
- Total Time: 1 hour 20 minutes
- Yield: 8 servings 1x
- Category: Dessert
- Method: Baking
- Cuisine: Mexican
- Diet: Vegetarian
Ingredients
For the Cake:
- 1 ½ cups self-raising flour
- ½ cup light brown sugar
- ½ cup dark brown sugar
- 1 cup dairy-free yogurt (or regular yogurt)
- 1 cup water
- ½ cup cocoa powder
- 1 ½ teaspoons cinnamon
- ½ teaspoon cayenne pepper (adjust to taste)
- 1 teaspoon vanilla extract
For the Milk Soak:
- 1 cup evaporated milk (or dairy-free equivalent)
- 1 cup sweetened condensed milk (or dairy-free equivalent)
- 1 cup whole milk (or dairy-free equivalent)
- 1 teaspoon cinnamon
For the Topping:
- 1 cup whipped cream (dairy or non-dairy)
- 1 teaspoon cinnamon (for dusting)
Instructions
- Prepare the Cake: Preheat your oven to 350°F (175°C). In a large mixing bowl, whisk together the self-raising flour, light and dark brown sugars, cocoa powder, cinnamon, cayenne pepper, and vanilla extract until well combined. Add in the yogurt and water, then mix thoroughly until the batter is smooth and consistent.
- Bake the Cake: Pour the batter into a greased cake pan, spreading it evenly. Bake for 30 to 35 minutes or until a toothpick inserted into the center comes out clean. Allow the cake to cool in the pan for 10 minutes, then transfer it to a wire rack to cool completely.
- Make the Milk Soak: In a small saucepan, combine evaporated milk, sweetened condensed milk, whole milk, and cinnamon. Warm the mixture over medium heat until it is hot but not boiling, stirring occasionally to blend the cinnamon evenly.
- Soak the Cake: Once the cake has completely cooled, use a fork to poke holes all over the surface of the cake. Slowly pour the warm milk mixture over the cake, letting it soak in gradually. Allow the cake to rest for at least 30 minutes to fully absorb the milk mixture, resulting in a moist texture.
- Topping: After the cake has absorbed the milk, gently spread the whipped cream over the top. Finish by dusting with a teaspoon of cinnamon for added aroma and flavor.
- Serve: Slice and serve your moist, chocolatey Mexican Chocolate Milk Cake alongside a cup of coffee or a glass of milk for a perfect indulgence.
Notes
- You can adjust the cayenne pepper to suit your preferred spice level or omit it if you prefer a milder flavor.
- Using dairy-free alternatives for the yogurt, milks, and whipped cream will make this recipe vegan-friendly.
- Make sure the cake is completely cooled before soaking to avoid it becoming too soggy or falling apart.
- If you prefer a more intense chocolate flavor, you can sprinkle extra cocoa powder or chocolate shavings on top of the whipped cream.
- The cake can be stored covered in the refrigerator for up to 3 days.
- For an even richer taste, refrigerate the cake for an hour after adding the milk soak before applying the whipped cream topping.
Nutrition
- Serving Size: 1 slice (1/8 of the cake)
- Calories: 380 kcal
- Sugar: 32 g
- Sodium: 180 mg
- Fat: 14 g
- Saturated Fat: 7 g
- Unsaturated Fat: 5 g
- Trans Fat: 0 g
- Carbohydrates: 55 g
- Fiber: 4 g
- Protein: 6 g
- Cholesterol: 40 mg
Keywords: Mexican chocolate cake, milk soak cake, cinnamon chocolate cake, spicy chocolate cake, moist chocolate cake, dairy-free chocolate cake option