Spiced Mexican Hot Chocolate Tres Leches with Flaky Salt
Mexican hot chocolate tres leches with flaky salt turns a boxed cake mix into cold, milky chocolate squares with a warm cayenne tingle. I use neutral oil in the batter so every slice stays plush after chilling.


How This Spiced Chocolate Cake Stays Plush
- Oil in place of butter: Butter hardens under refrigeration and weighs down a chilled sponge, whereas ⅓ cup of canola or vegetable oil keeps the crumb bouncy and open so it drinks in liquid instead of firming up.
- Stovetop-melted chocolate tablet: Round tablets of Mexican drinking chocolate contain coarse sugar crystals that stay grainy in a microwave, so simmering chopped chocolate with whole milk on the stove dissolves every crystal before you add the canned milks.
- Warm spices and espresso: Ground cinnamon and ¼ teaspoon of cayenne bake directly into the cake, while ½ teaspoon of instant espresso powder and ⅛ teaspoon of kosher salt in the milk bath sharpen the cocoa flavor.
- Success cue: The warm chocolate milk will pool along the glass border right after pouring, then sink below the surface within 30 minutes on the counter.
Key Ingredients for the Spiced Milk Soak
Most of this grocery list comes straight from the baking aisle, but three items control the texture and flavor of the finished 13×9-inch dessert:
- Mexican hot chocolate disc (such as Abuelita or Ibarra): You need one 3.1-oz disc, finely chopped, plus extra for grating on top. Use a serrated knife to shave the tablet into small shards so it melts into the simmering whole milk in about 5 minutes.
- Instant espresso powder or fine instant coffee: Half a teaspoon deepens the dark cocoa notes across the three milks without making the cake taste like a coffee drink. Skip brewed coffee, which waters down the soak, and avoid coarse coffee grounds.
- Flaky sea salt (such as Maldon): Broad, delicate salt pyramids cut through the sweet condensed milk and cold cream. Scatter them right before you cut the cake so the crystals stay crisp instead of dissolving into the topping.
How to Make Mexican Hot Chocolate Tres Leches
1. Prep the dish and whisk the spiced batter. Heat your oven to 350°F (175°C) and mist a 13×9-inch baking dish lightly with cooking spray. In a large bowl, whisk the 15.25-oz box of chocolate cake mix, ¾ cup whole milk, ⅓ cup neutral oil, 3 large eggs, 1 teaspoon ground cinnamon, and ¼ teaspoon cayenne pepper just until the dry streaks vanish and the batter looks glossy. Overmixing builds tough gluten and closes up the air pockets needed to hold the milk bath.


Stop whisking as soon as the dry flour streaks disappear so the crumb bakes up open and porous.
2. Bake and rest for 15 minutes. Spread the batter evenly into your greased dish and bake for 25 to 30 minutes, until a wooden skewer pushed into the center pulls out free of wet crumbs and the edges pull slightly away from the glass. Set the dish on a wire rack to cool for 15 minutes. Timing matters here: pouring liquid over a piping-hot cake turns the bottom gummy, while waiting until the sponge is cold seals the top crust so the liquid puddles on the surface instead of sinking in.
3. Simmer the spiced chocolate milk bath. While the cake cools on the rack, combine 1 cup whole milk and the finely chopped 3.1-oz Mexican hot chocolate disc in a medium saucepan over medium-low heat. Whisk frequently for about 5 minutes until small bubbles form around the rim and the chocolate melts smooth. Pull the saucepan off the burner and whisk in the 14-oz can of sweetened condensed milk, 12-oz can of evaporated milk, ½ teaspoon instant espresso powder, and ⅛ teaspoon kosher salt.
4. Poke, pour, and chill. When poking the warm sponge, I press a wooden skewer or fork straight down to the bottom of the glass dish every half inch across the surface, paying extra attention to the firmer outer rim. Slowly pour the warm chocolate milk mixture across the whole top of the cake, working into the corners, then let the pan sit at room temperature for 30 minutes before covering with plastic wrap and refrigerating for at least 4 hours or overnight.


5. Whip the cocoa cream and garnish. When ready to serve, combine 1 ½ cups cold heavy cream, ¼ cup confectioners’ sugar, 2 tablespoons unsweetened cocoa powder, and 1 teaspoon pure vanilla extract in a large bowl. Sifting the cocoa powder and confectioners’ sugar into my chilled bowl takes thirty seconds and keeps tiny dry cocoa flecks out of the cream. Beat with a handheld mixer on medium-high speed for 3 to 4 minutes until the beaters leave defined trails and medium-firm peaks hold their shape, then spread in swoops over the cold cake and finish with grated Mexican chocolate and flaky sea salt.


6. Slice clean squares. Chilling the soaked cake for the full 4 hours lets the sponge hold sharp edges when lifted from the pan. Wipe your knife blade with a damp paper towel between cuts so the cocoa whipped cream stays neat across all 12 squares.


Storing Leftover Mexican Hot Chocolate Tres Leches
- Refrigerate covered: Keep leftover slices in the 13×9-inch dish covered with plastic wrap for up to 3 days. The sponge grows softer by day three, though the spiced chocolate flavor stays bold.
- Serve chilled, never warmed: Eat slices straight from the refrigerator. Microwaving a soaked square melts the whipped cocoa topping and causes the three-milk bath to separate in the bottom of the dish.
- Skip the freezer once soaked: While an unsoaked chocolate sponge freezes well, freezing the finished dessert splits the dairy soak and turns the whipped topping watery when thawed.
Questions About Mexican Hot Chocolate Tres Leches
Can I make this cake the night before a party or potluck?
Yes, letting the covered cake chill overnight in the refrigerator gives the crumb plenty of time to absorb the spiced chocolate milk mixture down to the bottom layer. Wait to whip the heavy cream and scatter the grated chocolate and flaky sea salt until right before serving so the topping stays billowy and the salt crystals stay crisp.
What can I substitute if my store does not carry Abuelita or Ibarra chocolate?
Replace the 3.1-oz Mexican chocolate disc with an equal weight of finely chopped semisweet or bittersweet baking chocolate plus ½ teaspoon of extra ground cinnamon and 1 tablespoon of granulated sugar in the saucepan. Simmer it with the whole milk over medium-low heat just the same so everything melts before you whisk in the canned milks.
Does ¼ teaspoon of cayenne pepper make the cake spicy?
Spread across 12 slices in a 13×9-inch pan, ¼ teaspoon of cayenne only adds a gentle warmth at the back of your throat after the chocolate and cinnamon hit your tongue. If you are baking for guests who prefer zero heat, leave the cayenne out of the batter.
My favorite moment is cutting that first cold square for a crowd and feeling the flaky sea salt crunch right before the plush, cinnamon-spiced chocolate crumb melts on your tongue. Save this recipe for your next potluck or dinner party whenever you want a make-ahead dessert that chills overnight in one pan.
Print

Mexican Hot Chocolate Tres Leches with Flaky Salt
This dessert takes the cozy, cinnamon-laced comfort of Mexican hot chocolate and transforms it into a wildly decadent tres leches. By swapping standard butter for oil in the doctored cake mix, the crumb stays beautifully soft and spongy even after a long chill in the fridge, while a pinch of flaky sea salt on the cocoa whipped cream perfectly balances the sweet, milky soak.
- Total Time4 hours 55 minutes
- Yield1 13x9-inch cake (serves 12) 1x
Ingredients
Spiced Chocolate Cake
- Cooking spray
- 1 (15.25-oz) box chocolate cake mix
- ¾ cup (180ml) whole milk
- ⅓ cup (80ml) neutral oil (such as canola or vegetable)
- 3 large eggs
- 1 teaspoon ground cinnamon
- ¼ teaspoon cayenne pepper
Mexican Chocolate Soak
- 1 cup (240ml) whole milk
- 1 (3.1-oz) disc Mexican hot chocolate (such as Abuelita or Ibarra), finely chopped
- 1 (14-oz) can sweetened condensed milk
- 1 (12-oz) can evaporated milk
- ½ teaspoon instant espresso powder or fine instant coffee
- ⅛ teaspoon kosher salt
Whipped Cocoa Topping
- 1 ½ cups (360ml) heavy cream, cold
- ¼ cup (30g) confectioners’ sugar
- 2 tablespoons unsweetened cocoa powder
- 1 teaspoon pure vanilla extract
- Grated Mexican chocolate or chocolate curls, for serving
- Flaky sea salt (such as Maldon), for serving
Instructions
- Prep the pan and oven: Preheat your oven to 350°F (175°C). Lightly grease a 13×9-inch baking dish with cooking spray.
- Mix the cake batter: In a large bowl, whisk together the chocolate cake mix, whole milk, neutral oil, eggs, cinnamon, and cayenne pepper until just combined and smooth. Do not overmix.
- Bake the cake: Pour the batter into the prepared baking dish, spreading it into an even layer. Bake for 25 to 30 minutes, or until a wooden skewer inserted into the center comes out clean. Transfer the pan to a wire rack and let the cake cool for exactly 15 minutes.
- Prepare the hot chocolate soak: While the cake cools, combine the whole milk and finely chopped Mexican chocolate disc in a medium saucepan. Heat over medium-low, whisking frequently, until the chocolate is completely melted and the milk is simmering (about 5 minutes). Remove from the heat.
- Whisk the milks: Whisk the sweetened condensed milk, evaporated milk, espresso powder, and kosher salt into the hot chocolate mixture until completely smooth.
- Soak the cake: Using a fork or a wooden skewer, generously poke holes all over the warm cake, going all the way to the bottom. Slowly and evenly pour the warm milk mixture over the entire surface, paying special attention to the edges. Let it sit at room temperature for 30 minutes, then cover with plastic wrap and refrigerate for at least 4 hours (or overnight) to allow the cake to fully absorb the liquid.
- Whip the topping: When ready to serve, place the cold heavy cream, confectioners’ sugar, cocoa powder, and vanilla extract in a large bowl. Using a handheld mixer on medium-high speed, beat until medium-firm peaks form, about 3 to 4 minutes.
- Garnish and serve: Spread the whipped cocoa cream in an even, swoopy layer over the chilled cake. Finish with a generous dusting of grated Mexican chocolate and a light sprinkle of flaky sea salt right before slicing.
Notes
- Why it works: Melted butter tastes great, but it solidifies in the refrigerator, leading to a dense tres leches. Swapping it for neutral oil ensures the cake crumb remains incredibly tender and porous, allowing it to drink up the three-milk soak without turning stiff.
- Melting the chocolate: Mexican hot chocolate discs have a distinct, slightly granular texture that refuses to dissolve quickly in a microwave. Finely chopping the disc and simmering it with the milk on the stovetop is the secret to a smooth, grit-free soak.
Nutrition (per serving — estimates)
Calories: 511 | Total Carbs: 57g (Fiber: 2g, Sugar: 43g) | Fat: 27g (Saturated: 14g) | Protein: 10g
Nutritional values are approximate, based on standard reference data (USDA FoodData Central). Actual values vary by brand and exact measurements. For precision, use a tracker like MyFitnessPal or Cronometer.
- Prep Time: 20 minutes
- Chilling Time: 4 hours
- Cook Time: 35 minutes
- Category: Dessert
- Method: Baked
- Cuisine: Mexican-Inspired American
Nutrition
- Serving Size: 1 slice
- Calories: 511
- Sugar: 43g
- Fat: 27g
- Saturated Fat: 14g
- Carbohydrates: 57g
- Fiber: 2g
- Protein: 10g





