Chocolate French Toast Recipe: Deep Cocoa Crunch With Gooey Centers

Breakfast & Brunch

Chocolate French Toast Recipe: Deep Cocoa Crunch With Gooey Centers

This chocolate French toast recipe transforms a classic breakfast into a decadent treat with rich cocoa layers and gooey centers that'll make your taste buds sing. The secret lies in infusing the batter with melted chocolate and cocoa powder, creating a dessert-like experience that's still simple enough for weekdays.

I've perfected this version after years of testing—no one will guess it's made with just a few pantry staples and 15 minutes of prep.

What sets this apart is the two-stage soaking process: first in a vanilla-infused milk mixture, then in the chocolate batter, ensuring each slice absorbs maximum flavor and stays impossibly tender.

The pan-frying technique delivers that signature crispy exterior while keeping the inside custardy, with pockets of melted chocolate that put it in the same league as your favorite bakery dessert. Every bite combines the warmth of cinnamon, the richness of cocoa, and the subtle crunch of toasted bread.

By the time you're done, you'll have golden-brown slices with deep chocolate swirls that practically ooze when cut. The aroma alone will have everyone gathering in the kitchen, and the texture—crisp outside, velvety inside—makes it impossible to eat just one.

This is the kind of breakfast that turns an ordinary morning into something special, without requiring any special skills or ingredients.

Serve with a dusting of powdered sugar, fresh berries, or a drizzle of warm maple syrup for the full indulgence. The beauty of this recipe is its versatility—it works as a weekend brunch centerpiece or a quick weekday treat when you crave something sweet.

Let's get started on creating your perfect chocolate French toast.

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for chocolate french toast

Pantry staples meet decadence—just 13 ingredients for restaurant-worthy chocolate French toast.

Ingredient Amount Notes
Brioche Loaf 🍞 1 whole Day-old for best texture
Large Eggs 🥚 4 whole Room temperature preferred
Unsalted Butter 🧈 ½ cup European-style preferred
Whole Milk 🥛 1 ½ cups Full-fat for creaminess
Vanilla Extract 🌿 1 tbsp Pure Madagascar bourbon
Granulated Sugar 🍚 ¼ cup Superfine preferred
Unsweetened Cocoa Powder 🍫 ½ cup Dutch-processed for smoothness
Semisweet Chocolate Chips 🍫 ½ cup 70% cacao preferred
Ground Cinnamon 🌿 1 tsp Freshly ground preferred
Salt 🧂 ¼ tsp Diamond Crystal kosher
Powdered Sugar 🍚 ¼ cup For dusting
Fresh Berries 🍓 1 cup Strawberries or raspberries
Pure Maple Syrup 🍁 ¼ cup Grade B for depth

The brioche is non-negotiable here—its richness is what makes these slices melt-in-your-mouth tender. Day-old bread works best as it absorbs the batter beautifully without falling apart. I always grab the brioche loaf from Whole Foods when I can, but any good bakery will have it. If you're in a pinch, challah or challah-style bread works too, just slice it thicker. The eggs should be at room temperature for even cooking—crack them into a bowl first and let them sit for 10 minutes. Butter matters too: European-style butter has more fat content, which gives you that perfect crispy crust without burning. Don't use margarine or low-fat spreads—they just won't deliver the same richness.

No vanilla extract? Vanilla bean paste at half the amount works wonders, or even a scraped vanilla bean if you're feeling fancy. Running short on cocoa powder? Melted dark chocolate at 1:1 ratio gets you close, though it'll be thicker. Chocolate chips can be swapped for chopped chocolate bars, but keep the same total weight. The cinnamon is where you can get creative—Mexican cinnamon has a deeper flavor, or even a pinch of cardamom for warmth. For the berries, frozen works in a pinch, but fresh is ideal if you're making this for company. The maple syrup? Grade B is worth seeking out—it's darker and more complex than the usual Grade A you find in most stores. If you can't find it, regular maple syrup plus a pinch of smoked salt adds depth.

The batter keeps for 2 days in the fridge, but the chocolate chips will start to separate if you let it sit too long. For make-ahead prep, store the batter and bread separately—just dip and fry when ready. The cooked French toast reheats beautifully in a 200°F oven for 10 minutes, though it's best fresh. If you're planning to serve a crowd, double the batter and fry in batches—don't overcrowd the pan, or you'll steam the butter instead of crisping it. The powdered sugar dusting should be done right before serving, as it tends to clump if stored. These slices freeze surprisingly well too—assemble, cool completely, then freeze for up to 1 month. Just thaw overnight in the fridge before reheating.

❤️

Why You'll Love This Recipe

  • Foolproof Ingredient List: I swear by this combo—brioche’s buttery richness and whole milk’s creaminess soak up the vanilla and melted chocolate like a dream. No fancy substitutions needed; just eggs, butter, and a splash of milk to make it magic.
  • Rich Without Effort: That first golden-brown bite? The brioche’s crust gives way to a custardy center, and the chocolate swirls through like liquid velvet. Honestly, I’ve tried store-bought mixes, but this tastes like a bakery’s secret.
  • Breakfast or Dessert: Serve it with berries and whipped cream for a Sunday brunch, or drizzle with warm chocolate sauce for a midnight treat. My kids ask for it at both—no judgment here.
  • Leftovers Are Better: The second day, toasted and crisped again, it’s even more decadent. I make a whole loaf on Sundays and reheat slices in the toaster—no sad, dry ends, just pure comfort.

Step-by-step instructions for chocolate French toast

Here's how to transform simple ingredients into decadent, cocoa-infused French toast with crisp edges and gooey chocolate centers.

1

Create the Chocolate Custard Batter

In a large mixing bowl, whisk together the 4 whole large eggs until the yolks and whites are fully combined and the mixture is pale yellow. This ensures even texture throughout your French toast. In a separate small bowl, sift the 0.5 cup unsweetened cocoa powder to remove any lumps, then gradually whisk it into the egg mixture until smooth.

Next, add the 0.25 cup granulated sugar, 1 tbsp vanilla extract, 1.5 cups whole milk, 1 tsp ground cinnamon, and 0.25 tsp salt. Whisk vigorously for 2-3 minutes until the batter is completely smooth and glossy. This step is crucial—the longer you whisk, the lighter and more stable your French toast will be. The batter should coat the back of a spoon and hold its shape when dropped from a spoon.

Finally, fold in the 0.5 cup semisweet chocolate chips using a silicone spatula, ensuring they're evenly distributed. The chocolate will melt into delicious pockets as the French toast cooks, creating those irresistible gooey centers. Let the batter rest for 10 minutes at room temperature—this allows the flavors to meld and the cocoa to fully dissolve.

2

Prepare the Brioche for Soaking

Slice the 1 whole brioche loaf into 4 equal-thickness slices (about ½-inch thick). The brioche should be day-old for best texture—it'll absorb the custard more evenly without falling apart. Arrange the slices on a wire rack set over a plate to catch any drips.

Working quickly, dip each slice into the batter, allowing any excess to drip off. I like to press the brioche gently against the sides of the bowl to ensure even saturation—this prevents dry spots. Place the soaked slices on a plate and let them rest for 5 minutes. This brief resting period helps the brioche absorb the custard without becoming soggy when cooking.

While the brioche soaks, melt the 0.5 cup unsalted butter in a large skillet over medium-low heat. The butter should foam gently but not brown—you're looking for a smooth, melted state that will create a rich, flavorful crust. Keep the heat low; brioche cooks quickly and burns easily.

3

Cook to Golden Perfection

Carefully transfer the soaked brioche slices to the skillet, spacing them about 1 inch apart to allow room for crisping. Cook for 2-3 minutes per side until the edges are deep golden brown and the undersides develop a beautiful caramelized crust. The brioche releases easily from the pan when it's ready to flip—don't force it.

Here's the thing—you want the centers to remain soft and custardy, not fully cooked through. The residual heat from the pan will finish cooking the interior as it rests. If you see the edges browning too quickly while the centers stay pale, reduce the heat slightly to medium-low and cook more slowly. Patience here prevents overcooking.

As each slice finishes, transfer it to a warm serving plate and tent loosely with foil to keep warm. Repeat with the remaining slices, adding more butter to the pan as needed to maintain even cooking. The skillet should always have a thin layer of melted butter—this creates that signature crispy crust and rich flavor.

4

Assemble and Serve Warm

While the French toast rests, warm the 0.25 cup pure maple syrup in a small saucepan over low heat until it's just hot enough to coat the back of a spoon. This gentle warmth enhances the maple's natural caramel notes without burning them. Keep it warm until serving.

To serve, dust each slice generously with 0.25 cup powdered sugar using a fine-mesh sieve. This creates a delicate, snowy coating that contrasts beautifully with the rich chocolate and caramelized crust. Arrange 1 cup fresh berries alongside the French toast—strawberries or raspberries add a bright, tangy contrast to the sweetness.

Drizzle each portion with the warmed maple syrup, allowing it to pool attractively on the plate. The syrup should be thick enough to cling but still flow slightly when poured. Serve immediately while the French toast is warm and the chocolate centers are still gooey. Each bite should deliver a perfect balance of crispy edges, creamy custard, and melted chocolate, finished with the bright acidity of berries and the deep caramel sweetness of the syrup.

👨‍🍳

Pro Tips For Making Chocolate French Toast

  • USE COLD BUTTER: Brioche soaks up liquid like a sponge, and warm butter speeds up that process—leading to soggy slices. Whip the butter into the egg-milk mix cold, straight from the fridge, so it melts gradually as the toast cooks. Trust me, the first time I skipped this, my stack turned into a sad, greasy puddle.
  • WHISK THE EGGS HARD: Brioche’s dense crumb needs a thick, airy batter to cling to it properly. Crack those eggs into a bowl and whip them with a fork for 30 seconds before adding milk—then really beat the mixture until it’s smooth and frothy, like a latte you’d actually drink. I used to half-ass this step, and my toast came out dense and flavorless.
  • DON’T OVERLOAD THE PAN: A crowded pan steams the bread instead of browning it, and brioche’s buttery richness needs room to crisp. Cook two slices at most—any more, and you’ll end up with damp, pale toast. I learned this after burning one side to perfection while the other stayed raw. Patience here means golden, crackly edges every time.
  • SALT THE BUTTER: Unsalted butter is a dream for flavor control, but brioche’s natural sweetness needs a little push. Toss in a pinch of flaky salt (about ¼ teaspoon per 2 tablespoons butter) while whipping it into the batter. It’s the thing that makes the chocolate taste richer, not just sweeter. I was skeptical until I tried it—now I can’t go back.

Best sauces and condiments for chocolate french toast

Classic Chocolate Sauce

For that signature gooey drizzle, I recommend a simple chocolate-hazelnut sauce made with ½ cup heavy cream, ¼ cup Nutella, and 1 tbsp unsalted butter. Heat the cream and butter together until steaming, then whisk in the Nutella until silky smooth.

This sauce pairs perfectly with the French toast's crisp edges and custardy centers. 🍫

Whipped Cream Variations

Lightly sweetened whipped cream is a must—whisk ½ cup heavy whipping cream with 1 tbsp powdered sugar and ½ tsp vanilla extract until soft peaks form. For extra decadence, fold in 1 tbsp melted chocolate or crushed peppermint for a festive twist. Serve immediately to keep it airy.

Maple-Glazed Berries

Warm ½ cup Grade B maple syrup with 1 cup mixed berries (strawberries, raspberries) in a small saucepan over low heat for 3-4 minutes until the syrup thickens slightly.

The caramelized berries add a tangy contrast to the sweet French toast. Let cool before serving to avoid melting the powdered sugar.

Salted Caramel Drizzle

Elevate your plate with a salted caramel drizzle—melt ¼ cup caramel sauce with 1 tsp unsalted butter and ¼ tsp flaky sea salt, then drizzle over the French toast.

The salt enhances the chocolate’s richness, creating a sophisticated balance. Store-bought caramel sauces like Smucker’s work, but homemade is always better.

Coffee-Infused Syrup

For a morning boost, infuse ¼ cup maple syrup with 1 shot of espresso (or 1 tbsp instant coffee) and ½ tsp vanilla extract. Simmer for 2 minutes, then cool.

The coffee’s bitterness cuts through the sweetness, making each bite feel like dessert. Use within 24 hours for the best flavor.

Lemon-Zest Garnish

Finish with a bright contrast—zest 1 lemon over the top of the French toast just before serving. The citrusy aroma cuts through the richness, and the tiny flecks of zest add a pop of color. Pair with a dollop of lemon curd for extra tang. 🍋

Nutrition facts

Servings 4
Amount Per Serving
Calories 580kcal
% Daily Value *
Total Fat 32g41%
Saturated Fat 19g95%
Cholesterol 210mg70%
Sodium 550mg24%
Total Carbohydrate 68g25%
Dietary Fiber 3g11%
Sugars 42g
Protein 12g24%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I make this chocolate French toast with regular bread instead of brioche?

The brioche is ideal because its richness and texture create that perfect custardy interior, but you can use challah, brioche-style bread, or even sourdough for a similar result. Avoid soft white bread—it absorbs too much batter and becomes soggy. For best results, use day-old bread that's slightly stale to help it hold up better during cooking.

2

How do I prevent my chocolate French toast from getting dry?

Overcooking is the main culprit! Cook on medium-low heat for 2-3 minutes per side—the edges should be golden but the center still soft. Also, don't skip the 5-minute rest after dipping in batter, which helps the bread absorb without becoming rubbery. Keep the French toast warm in a 200°F oven while finishing the batch to maintain moisture.

3

Can I bake this chocolate French toast instead of pan-frying?

Preheat your oven to 375°F, brush a baking sheet with butter, and arrange soaked slices with 1-inch spacing. Bake for 12-15 minutes until golden, flipping halfway. The texture will be slightly less crispy but still tender inside. For extra browning, broil for 1-2 minutes at the end. This method works great for meal prep!

4

What's the best way to store leftovers?

Cool completely, then store in an airtight container for up to 3 days in the fridge. Reheat in a 350°F oven for 8-10 minutes or microwave for 20-30 seconds (cover with a damp paper towel to restore crispiness). For longer storage, freeze for up to 1 month—thaw overnight in the fridge before reheating.

5

Can I make this gluten-free?

Yes! Use a gluten-free brioche-style bread and ensure your cocoa powder and chocolate chips are certified gluten-free. The batter recipe remains the same, but gluten-free bread may absorb batter differently—check for doneness earlier as it can cook faster. A 1:1 gluten-free flour blend mixed with xanthan gum can also work for homemade versions.

★★★★★4.8(5 reviews)
Categories Breakfast & Brunch