Mexican Neapolitan Cake

Creating this cake was quite an undertaking, but the results were absolutely worth every moment spent in the kitchen. If you love bold flavors and beautiful presentation, this recipe is definitely for you!

As someone who has always been passionate about ice cream desserts, I found myself wondering why the classic Neapolitan combination had to be limited to just strawberry, chocolate, and vanilla. After some experimentation, I discovered that incorporating traditional Mexican ingredients could transform this beloved treat into something entirely new and exciting.

This Mexican-inspired version brings together the tart, refreshing notes of hibiscus, the warm spice of Mexican chocolate, and the comforting sweetness of vanilla. Each layer tells its own story while creating a harmonious blend that will surprise and delight your taste buds.

The Flavor Profile

The signature pink layer features agua de jamaica, a traditional Mexican beverage made from dried hibiscus flowers. This ingredient provides a beautiful ruby color and a pleasantly tart flavor that perfectly balances the sweetness of the cake. To enhance the natural tartness, I've incorporated fresh lime zest and juice, which adds brightness and complexity.

For the chocolate layer, I've chosen Mexican chocolate infused with traditional Mexican spices. The combination of cinnamon, cayenne pepper, and allspice creates a depth of flavor that goes beyond ordinary chocolate, offering warmth and a subtle heat that makes each bite more interesting.

The vanilla layer uses authentic Mexican vanilla extract, which has a richer, more complex flavor profile than standard vanilla. This choice ensures that all three layers maintain their Mexican identity while still delivering the classic Neapolitan experience people know and love.

One challenge I encountered was the natural purple color that develops when hibiscus is baked. To counteract this, I used a combination of hot pink and red food coloring, resulting in a vibrant, appetizing pink that looks absolutely stunning on the dessert table.

The frostings mirror the flavors of each cake layer, creating a cohesive experience from top to bottom. This attention to detail in every component makes the cake not only delicious but also visually impressive.

Ingredients

Agua de Jamaica:

• 3/4 cup boiling water
• 2 tablespoons sugar
• 1/4 cup dried hibiscus flowers
• Juice and zest from 1 lime
• Splash of vanilla extract or vanilla paste

Vanilla + Hibiscus Cake Layers:

• 5 egg whites, divided
• 2 drops pink food coloring
• 1 drop of red food coloring
• 1/4 cup, plus 2 tablespoons, milk
• 2 1/4 cup cake flour, plus more for dusting
• 3/4 cup unsalted butter, cubed and at room temperature
• 1/2 cup white granulated sugar
• 1 tablespoon, plus 1 teaspoon, baking powder
• 1 teaspoon salt

Mexican Chocolate Cake Layer:

• 3/4 cup all purpose flour
• 3/4 cups white granulated sugar
• 1/3 cup baking cocoa powder
• 1 teaspoon ground cinnamon
• 1/4 teaspoon ground cayenne
• Pinch of allspice
• 3/4 teaspoon baking soda
• 1/2 teaspoon baking powder
• 1/2 teaspoon salt
• 1/3 cup plus 1 tablespoon milk
• 1/3 cup plus 1 tablespoon warm water
• 1 large egg
• 1 teaspoon olive oil
• 1 teaspoon vanilla extract

Frostings:

• 1 1/2 cups unsalted butter
• 3 cups powdered sugar, you might need a tablespoon or two more for jamaica flavor, sifted
• 1 teaspoon milk or heavy cream
• Pinch of salt
• 2 tablespoons reserved agua de jamaica, see above for recipe
• 1/2 vanilla bean, scraped or 1/2 teaspoon pure vanilla extract or paste
• 2 ounces semi-sweet chocolate chips, melted and cooled

Instructions

To Make Agua de Jamaica:

1. In a measuring cup, combine boiling water, sugar and dried hibiscus tea leaves. Allow to steep for 15 to 20 minutes.
2. Strain and mix in lime juice and vanilla. Set aside.

To Make Hibiscus + Vanilla Cake Layers:

1. Grease and line 2 (six-inch or eight-inch) cake pans. Preheat oven to 325 degrees F.
2. In a measuring cup, combine 1/4 cup, plus 2 tablespoons of hibiscus tea, with 1/2 of the egg white mixture, pink food coloring and red food coloring. (If you don't have pink food coloring, you can use 3 drops of red food coloring.) Whisk together and then set aside.
3. In another measuring cup, combine 1/4 cup, plus 2 tablespoons of milk, with 1/2 of the egg whites mixture and caviar from 1 vanilla bean OR 1 teaspoon vanilla paste. Set aside.
4. In a stand-up mixer, with the paddle attachment, add to cake flour, unsalted butter, sugar and baking powder and salt. Mix until the butter looks like sandy bits.
5. Divide the butter/flour mixture into two. If you like precision (like I do), you can weigh it out. Each bowl of the butter/flour mixture should weigh about 302 grams.
6. To the first bowl of the flour mixture, add the hibiscus/egg white mixture. Mix until the mixture becomes smooth-ish. Adjust the coloring if needed. Pour the hibiscus cake layer batter into one of the prepared cake pans.
7. To the second bowl of the flour mixture, add the milk/vanilla/egg white mixture and mix until smooth-ish. Pour the vanilla bean cake layer into the second prepared cake pan.
8. Transfer both to the oven and bake for 25 to 30 minutes, until a skewer inserted into the center comes out clean.

To Make Mexican Chocolate Cake Layer:

1. Preheat oven to 350 degrees. Grease and line the bottom of a six-inch or eight-inch cake pan with parchment (this is a sticky cake batter so definitely use parchment).
2. In a bowl of a stand-up mixer, add to flour, sugar, cocoa powder, cinnamon, cayenne, allspice, baking soda, baking powder and salt. Mix until combined.
3. In a measuring cup, measure out the milk, water and whisk in the egg, olive oil and vanilla extract. With the stand-up mixer on low speed, pour in the milk mixture and mix until combined.
4. Pour the batter into the prepared cake pan and bake for about 30 minutes, until a skewer inserted into the center comes out clean.

To Make the Frostings:

1. To a bowl of a stand-up mixer, with the paddle attachment, add to butter, powdered sugar, milk or heavy cream and salt; beat until combined.
2. Add 3/4 of the frosting (you can eyeball this measurement) to a bowl. Divide the remaining frosting in half. You should end up with three bowls of frosting. To the largest amount of frosting, add the vanilla bean or paste and mix. To one of the smaller frostings, add the agua de jamaica and mix until smooth. If the frosting is a bit too loose, feel free to sift in a tablespoon or two of powdered sugar. To the last bowl of frosting, pour in the melted chocolate and mix until smooth and combined.

To Assemble the Cake:

1. Place the first cake layer on a cake stand or cake board. Top with a few scoops of vanilla frosting and smooth out to an even layer. Repeat with the second and third cake layer. Add a crumb coat and then chill for 15 minutes.
2. From here you can decorate the cake however you like. I ended up adding a second layer to the cake with vanilla frosting. For the top, I added chocolate, agua de jamaica and vanilla frosting to different piping bags with an assortment of tips. I made a bunch of different little stars and dots to the top. Get creative.

Tips and Notes

• Pan Size: I made this cake with 6-inch pans and 8-inch pans. I love 6-inch pans and prefer to use them so the cake has some height but either will work!
• If you do use 8-inch pans, just be aware that it'll obviously be a bit more stout and the baking time will be shorter so just keep an eye on it.
• Make Ahead: Prepare the cake layers a day before to break up the work and make assembly easier.
• Food Coloring: Use hot pink and red food coloring to counteract the purple color that hibiscus turns when baked.
• Mexican Vanilla: While not required, using Mexican vanilla will enhance the flavor of the vanilla layer.
• Parchment Paper: Definitely use parchment paper for the chocolate layer as it's quite sticky.