Creamy caramel flan meets rich, soft chocolate cake in this irresistible Choco Flan recipe. Also known as chocolate flan cake, this beautiful dessert combines two classic textures in every slice.

The top has a glossy layer of caramel, followed by silky, delicate flan and a moist chocolate cake underneath. Although the finished dessert looks impressive, the preparation is surprisingly simple.

The magic happens during baking. The chocolate cake batter and flan mixture are added to the same pan, then baked together. As the dessert cooks, the layers settle into their proper places.

This makes Choco Flan an excellent dessert for birthdays, family dinners, celebrations, and weekend baking. It can also be prepared ahead, making serving time much easier.

For another creamy dessert, try this classic Tres Leches Cake or add a fruity option such as easy strawberry dessert recipes to the dessert table.

Ingredients

For the Caramel

3/4 cup (150 g) granulated sugar
2 tablespoons water

For the Chocolate Cake

1 cup (125 g) all-purpose flour
1/2 cup (45 g) unsweetened cocoa powder
1 teaspoon baking soda
1/2 teaspoon baking powder
1/4 teaspoon salt
1/2 cup (100 g) granulated sugar
1 large egg
1/2 cup (120 ml) whole milk
1/4 cup (60 ml) neutral-flavored vegetable oil
1 teaspoon alcohol-free vanilla flavoring
1/2 cup (120 ml) hot water

For the Flan

4 large eggs
1 can (14 oz/397 g) sweetened condensed milk
1 can (12 oz/354 ml) evaporated milk
1 teaspoon alcohol-free vanilla flavoring
Pinch of salt

Optional Garnish

Fresh berries
Chocolate shavings
Light dusting of unsweetened cocoa powder

Tools and Equipment

10-cup Bundt pan
Small saucepan
Two mixing bowls
Whisk
Electric mixer
Fine-mesh sieve, optional
Rubber spatula
Large roasting pan
Kettle or saucepan for hot water
Cooling rack
Serving plate

How to Make Choco Flan

1. Prepare the oven and pan

Preheat the oven to 350°F (175°C).

Place the Bundt pan inside a large roasting pan. The roasting pan will be used for a water bath later.

Do not grease the Bundt pan. The caramel will coat the bottom and sides enough to help release the finished dessert.

2. Make the caramel

Add the sugar and water to a small saucepan.

Cook over medium heat without stirring. The sugar will first dissolve, then begin turning golden.

Watch it closely as the color changes quickly. Remove the pan from the heat when the caramel reaches a deep amber color.

3. Pour the caramel into the pan

Immediately pour the hot caramel into the Bundt pan.

Carefully tilt the pan to spread the caramel over the bottom as evenly as possible.

Do not touch the caramel with your fingers because it is extremely hot and can cause serious burns.

Set the pan aside while the caramel hardens.

4. Mix the dry cake ingredients

Add the flour, cocoa powder, baking soda, baking powder, salt, and sugar to a large bowl.

Whisk until the ingredients are evenly combined.

Breaking up any cocoa lumps now will help create a smoother chocolate cake batter.

5. Add the wet cake ingredients

Add the egg, milk, vegetable oil, and alcohol-free vanilla flavoring.

Whisk until the batter becomes smooth.

Do not worry if the mixture looks slightly thin. The hot water will make the batter even more fluid, which helps create a soft chocolate cake.

6. Add the hot water

Slowly pour the hot water into the cake batter while whisking.

Mix just until everything is combined.

The finished batter will be fairly thin. This is normal for this chocolate cake and helps produce a tender, moist crumb.

7. Pour the chocolate batter into the pan

Carefully pour the chocolate cake batter over the hardened caramel.

Pour slowly to avoid disturbing the caramel layer.

Set the pan aside while preparing the flan mixture.

8. Make the flan mixture

Add the eggs, sweetened condensed milk, evaporated milk, vanilla flavoring, and salt to a clean bowl.

Whisk gently until smooth.

Avoid whipping too much air into the mixture. A gently mixed flan produces a smoother, creamier texture with fewer bubbles.

9. Add the flan mixture

Slowly pour the flan mixture over the chocolate cake batter.

Pour it gently, preferably over the back of a spoon, to reduce the impact on the cake batter.

The layers may look unusual at this stage. That is perfectly normal.

10. Cover the pan

Cover the Bundt pan tightly with aluminum foil.

The foil helps protect the surface from direct heat and keeps excess moisture from affecting the flan.

11. Prepare the water bath

Place the covered Bundt pan inside the roasting pan.

Carefully pour hot water into the roasting pan until it reaches about halfway up the outside of the Bundt pan.

Keep the water below the rim of the Bundt pan.

12. Bake the Choco Flan

Carefully transfer the roasting pan to the oven.

Bake for about 55 to 70 minutes.

The exact time can vary depending on the pan and oven. Start checking around 55 minutes.

13. Check for doneness

The cake portion should look set, while the flan should have a gentle jiggle in the center.

A toothpick inserted into the chocolate cake should come out with a few moist crumbs rather than wet batter.

Avoid overbaking because the flan can become firm and lose its delicate texture.

14. Cool the dessert

Remove the Bundt pan from the water bath.

Place it on a cooling rack and allow it to cool at room temperature for about 1 hour.

Do not try to turn the cake out while it is still hot.

15. Chill thoroughly

Cover the pan and refrigerate for at least 4 hours.

For the cleanest slices and firmest flan, chilling overnight is even better.

This resting time also allows the caramel to soften and create a glossy sauce around the cake.

16. Release the Choco Flan

Run a thin knife carefully around the outer edge of the cake.

Also loosen the center around the Bundt pan’s inner tube.

Place a large serving plate over the top of the pan.

17. Turn out the cake

Hold the plate and Bundt pan firmly together.

Quickly invert the pan onto the plate.

Leave the pan in place for several seconds to allow the caramel sauce to flow over the cake.

Then gently lift the pan away.

18. Add the finishing touches

Let the caramel naturally run down the sides of the cake.

Add a few fresh berries, chocolate shavings, or a light dusting of cocoa powder if desired.

Keep the decoration simple so the beautiful flan and chocolate layers remain the focus.

19. Slice and serve

Use a sharp knife to cut the Choco Flan into slices.

For especially clean cuts, wipe the knife between slices.

Serve chilled or allow each slice to sit at room temperature for about 10 minutes before serving.

The slightly softened caramel and creamy flan make every bite rich and silky.

Tips & Variations

Let the caramel reach the right color

Pale caramel will have a lighter flavor, while very dark caramel can taste bitter.

Aim for a deep golden-amber color. Remove the caramel from the heat as soon as it reaches that stage because residual heat will continue cooking it.

Do not stir the caramel

Stirring can encourage sugar crystals to form.

For a smooth caramel, let the sugar and water cook undisturbed and gently swirl the pan only if necessary.

Be careful with hot caramel

Caramel becomes extremely hot during cooking.

Keep children away from the stove and use oven mitts when handling the saucepan and Bundt pan.

Do not overmix the flan

Too much whisking creates air bubbles.

A flan mixture should be smooth rather than frothy. If many bubbles appear, allow the mixture to rest for a few minutes before pouring.

Strain the flan for an extra-smooth texture

For an especially silky finish, pour the flan mixture through a fine-mesh sieve before adding it to the cake.

This catches small pieces of egg and removes larger bubbles.

Use a Bundt pan

A Bundt pan helps the thick dessert bake evenly while creating the classic ring shape.

Avoid changing to a much smaller pan because the batter may overflow.

Do not skip the water bath

The water bath creates a gentler baking environment.

This helps the flan cook gradually and reduces the chance of a rubbery texture or cracked surface.

Keep the water hot

Starting with hot water allows the water bath to work immediately.

Cold water can increase the baking time and make the cooking temperature less consistent.

Use good-quality cocoa powder

Unsweetened cocoa powder gives the cake its deep chocolate flavor.

For a richer result, choose a good-quality cocoa powder with a smooth, intense chocolate taste.

Add coffee for deeper chocolate flavor

For a more intense chocolate taste, replace 2 tablespoons of the hot water with strongly brewed coffee.

The finished cake will not taste strongly of coffee, but the chocolate flavor can become deeper.

For a caffeine-free option, use decaffeinated coffee.

Make the cake extra chocolatey

Add 1/4 cup (45 g) mini chocolate chips to the chocolate batter.

Use chocolate chips that are halal-friendly and free from alcohol-based flavorings.

Keep the amount modest so the cake remains light enough to work with the flan layer.

Use alcohol-free vanilla

Standard vanilla extract may contain alcohol.

For a strictly alcohol-free recipe, choose a certified alcohol-free vanilla flavoring and check the ingredient label before use.

Keep the recipe halal-friendly

All ingredients listed here are suitable for a halal-friendly preparation when packaged products are checked for their ingredients.

Choose chocolate, cocoa powder, vanilla flavoring, and other packaged ingredients without alcohol or non-halal additives.

Avoid opening the oven too early

Opening the oven repeatedly can cause temperature fluctuations.

Keep the oven door closed for at least the first 45 minutes of baking unless there is a specific reason to check the cake.

Do not rush the chilling process

The flan needs time to firm up.

Turning out the dessert too early can cause the layers to break apart or the flan to lose its shape.

If the caramel sticks

Place the bottom of the Bundt pan in a shallow dish of warm water for 20 to 30 seconds.

The gentle warmth can soften the caramel and make releasing the cake easier.

Do not leave the pan in hot water for too long.

Storage & Serving

Choco Flan should be stored in the refrigerator because it contains eggs and dairy.

Keep the cake covered tightly or place individual slices in airtight containers.

For the best texture and flavor, enjoy the dessert within 3 to 4 days.

The caramel sauce may become thicker as the cake chills, but it will soften again when the dessert sits out briefly before serving.

For the best presentation, keep the cake whole until ready to serve.

Slice only the amount needed and return the remaining cake to the refrigerator.

Choco Flan is best served cold or slightly cool. About 10 minutes at room temperature can make the flan especially creamy without making the dessert too soft.

Fresh berries make a simple garnish and add a bright, slightly tart contrast to the sweet caramel and chocolate.

A small spoonful of whipped cream can also be served alongside each slice.

For another chocolate dessert idea, try an easy homemade chocolate cake when a classic chocolate-only dessert is preferred.

Freezing the finished Choco Flan is not recommended. The flan can develop a grainy texture after freezing and thawing, while the caramel may become watery.

For make-ahead preparation, bake the dessert the day before serving and keep it chilled overnight. Add any fresh garnish just before serving.

Frequently Asked Questions

What is Choco Flan?

Choco Flan is a layered dessert that combines a creamy flan custard with a moist chocolate cake and caramel sauce.

The cake and flan are baked together in one pan, creating a striking dessert with contrasting textures.

Why do the flan and cake switch places?

The layers naturally shift during baking because of their different densities and textures.

Once the dessert is inverted, the caramel sits on top, followed by the smooth flan and chocolate cake.

Does Choco Flan need to be refrigerated?

Yes. Because the dessert contains eggs, milk, and cream-style custard ingredients, it should be refrigerated.

Keep it covered and avoid leaving it at room temperature for long periods.

Can Choco Flan be made the day before?

Yes, and this is one of the best ways to prepare it.

Overnight chilling gives the flan time to firm up and allows the caramel to become a smooth sauce.

Why is the flan full of bubbles?

Large bubbles usually come from overmixing the eggs and milk.

Whisk gently and avoid creating a thick layer of foam. Straining the mixture can also help produce a smoother finish.

Why did the flan become rubbery?

Overbaking is one of the most common causes.

Remove the dessert when the flan is set around the edges but still has a gentle jiggle in the center.

Can Choco Flan be made without a water bath?

A water bath is strongly recommended for the best flan texture.

Without it, the custard is exposed to more direct heat and is more likely to become firm, grainy, or overcooked.

Can regular milk replace evaporated milk?

Yes. Whole milk can replace evaporated milk, although the flan will have a slightly lighter and less concentrated dairy flavor.

Can the chocolate cake be made with butter instead of oil?

Yes. Replace the 1/4 cup of oil with 1/4 cup (57 g) melted unsalted butter.

Oil tends to keep the chocolate cake softer after refrigeration, while butter gives it a slightly richer flavor.

Can cocoa powder be replaced with melted chocolate?

It is better to keep the cocoa powder in this recipe because it provides the correct balance of dry ingredients.

Replacing it with melted chocolate would require changing the flour, sugar, and liquid quantities.

How do you know when Choco Flan is done?

The chocolate cake should be set and a toothpick inserted into the cake should come out with a few moist crumbs.

The flan should be set around the edges with a gentle wobble in the middle.

Why did the cake break when it was inverted?

The dessert may not have chilled long enough, or it may have been loosened too aggressively.

Chill thoroughly and carefully run a thin knife around both the outer edge and center tube before turning it out.

Can Choco Flan be made in a regular cake pan?

A deep round cake pan can work if it has enough capacity and can safely fit inside a larger pan for the water bath.

A Bundt pan is preferred because it helps the thick dessert cook evenly and gives it its traditional appearance.

Is vanilla extract halal-friendly?

Some vanilla extracts contain alcohol.

For a strictly alcohol-free version, use alcohol-free vanilla flavoring and check the product label before adding it.

Conclusion

Choco Flan is the perfect dessert for anyone who loves the combination of creamy custard, rich chocolate, and buttery caramel.

The recipe uses simple ingredients and one baking pan, yet the final result looks elegant enough for a special celebration.

The key is patience: cook the caramel carefully, mix the flan gently, use a water bath, and give the finished dessert plenty of time to chill.

Once sliced, the soft chocolate cake, silky flan, and glossy caramel create a beautiful combination of flavors and textures in every bite.

For a simple dessert that feels truly special, this Choco Flan is a delicious recipe to bake, serve, and share.