Table of Contents
Coconut Caramelized Banana French Toast: A Decadent Twist on a Classic Favorite
Good morning, lovely readers! It’s mia. I’m standing in my tiny but mighty NYC kitchen, and the smell of toasted coconut and caramelized sugar is filling every corner. It instantly transports me back to my mother’s kitchen in Morocco, where the aromas of sweet spices and nuts were a weekend staple. Today, I’m thrilled to share my coconut caramelized banana french toast – a recipe that feels luxurious but is deceptively simple. This isn’t just any french toast; it’s a coconut french toast recipe with a crispy, golden crust, topped with buttery caramelized bananas and a drizzle of homemade coconut caramel sauce. Trust me, this easy banana french toast will become your new weekend obsession.
Imagine thick slices of brioche, soaked in a creamy coconut-egg custard, then pressed into shredded coconut and pan-fried until perfectly crisp. The outside shatters slightly as you bite into it, giving way to a soft, almost pudding-like interior. Then, you get the sweet, jammy bananas caramelized in brown sugar and butter, all finished with a rich, silky coconut caramel sauce that’s made from scratch but comes together in minutes. It’s a symphony of textures and tropical flavors that feels like a special occasion, yet it’s totally achievable on a lazy Sunday morning.
With my training in classical French pastry and my deep love for bold North African flavors, I set out to create the ultimate hybrid. The French know their custards and pans, and the Moroccans know how to elevate coconut and sweet spices. I’ve tested this banana french toast recipe dozens of times to ensure the crust stays crunchy, the bananas don’t turn mushy, and the sauce is just the right consistency. I’ll be sharing my chef-tested tips and tricks along the way to guarantee you get perfect results on your very first try.
Why This Coconut Caramelized Banana French Toast Recipe Is the Best
The Flavor Secret: The magic lies in the triple coconut threat – coconut milk in the custard, shredded coconut for the crust, and a luscious coconut caramel sauce. This isn’t just a hint of coconut; it’s a full-on tropical indulgence that perfectly complements the sweet caramelized bananas. It’s a coconut caramelized banana french toast experience that’s truly unmatched.
Perfected Texture: A classic French technique I learned in Paris: using day-old brioche. It absorbs the custard without falling apart, creating a perfectly soft, creamy interior. The shredded coconut adds a delightful crunch that contrasts beautifully with the tender, caramelized bananas. Every bite has a perfect balance of crisp, soft, and silky.
Foolproof & Fast: Despite its elegant presentation, this easy banana french toast recipe is straightforward and comes together in under 35 minutes. I’ll walk you through each step, from making the foolproof caramel sauce to getting that golden-brown crust without burning the coconut. It’s impressive enough for company but simple enough for a weekday treat.
Coconut Caramelized Banana French Toast Ingredients
I picked up fresh brioche from my favorite bakery in Brooklyn this morning, along with some perfectly ripe bananas from the farmers market. The quality of your ingredients truly shines in a recipe like this, so let’s talk about what you’ll need.
Ingredients List
- For the Coconut French Toast:
- 4 thick slices of brioche or challah bread (stale preferred)
- 3 large eggs
- 1/2 cup coconut milk (full-fat)
- 1/4 teaspoon ground cinnamon
- 1/4 teaspoon vanilla extract
- 1/2 cup shredded unsweetened coconut (for coating)
- 2 tablespoons unsalted butter (for frying)
- For the Caramelized Bananas:
- 2 ripe bananas, sliced into rounds
- 1 tablespoon unsalted butter
- 1 tablespoon brown sugar
- Pinch of salt
- For the Coconut Caramel Sauce:
- 1/2 cup granulated sugar
- 2 tablespoons water
- 1/2 cup coconut milk (full-fat)
- 1/4 teaspoon salt
- 1/2 teaspoon vanilla extract
Ingredient Spotlight
Brioche or Challah: These rich, eggy breads are the gold standard for French toast. They have a tight crumb that holds up beautifully to the custard soak. Look for a loaf that’s a day or two old for the best texture. If you only have fresh bread, you can dry it out in a 300°F oven for 5-10 minutes.
Full-Fat Coconut Milk: This is crucial for the custard and the sauce. The fat content provides incredible creaminess and a pronounced coconut flavor. Light coconut milk will result in a thinner, less rich custard and sauce. I recommend Thai Kitchen or Chaokoh for the best results.
Shredded Unsweetened Coconut: This creates the signature crispy crust. Make sure to use unsweetened to prevent the crust from burning and to control the overall sweetness of the dish. You can find it in the baking aisle or bulk section of most grocery stores.
| Original Ingredient | Best Substitution | Flavor / Textura Impact |
|---|---|---|
| Brioche or Challah | Thick Texas Toast or Vegan Brioche | Slightly less rich, but holds up well to the custard. |
| Full-Fat Coconut Milk | Light Coconut Milk or Half & Half | Less creamy; custard will be slightly thinner. |
| Unsalted Butter | Coconut Oil or Vegan Butter | Adds a subtle coconut flavor. Makes the recipe dairy-free. |
| Brown Sugar | Coconut Sugar or Maple Syrup | Deeper, less processed sweetness. |
How to Make Coconut Caramelized Banana French Toast — Step-by-Step
Don’t be intimidated by the caramel sauce! I promise it’s easier than you think. Follow these steps and you’ll be enjoying the best French toast of your life in no time.
Step 1: Make the Coconut Caramel Sauce
In a small saucepan, combine 1/2 cup granulated sugar and 2 tablespoons water. Cook over medium heat, swirling the pan occasionally (do not stir), until the sugar melts and turns a deep amber color, about 5-7 minutes. Remove from heat and carefully whisk in 1/2 cup coconut milk, 1/4 teaspoon salt, and 1/2 teaspoon vanilla extract. The mixture will bubble vigorously, so stand back. Let it cool slightly; it will thicken as it cools.
💡 mia’s Pro Tip: Keep a close eye on the sugar as it melts. It can go from perfectly amber to burnt in seconds. Swirling the pan, rather than stirring with a spoon, helps prevent crystallization and ensures even cooking.
Step 2: Prepare the Custard & Coat
In a shallow bowl, whisk together 3 large eggs, 1/2 cup coconut milk, 1/4 teaspoon ground cinnamon, and 1/4 teaspoon vanilla extract until smooth. Place 1/2 cup shredded unsweetened coconut in a separate shallow dish. Dip each slice of bread into the egg mixture, letting it soak for 15-20 seconds per side. Then, press it gently into the shredded coconut to coat both sides evenly.
⚠️ Common Mistake to Avoid: Don’t soak the bread for too long! 15-20 seconds per side is all you need. Over-soaked bread will become soggy and fall apart in the pan. Stale bread is more forgiving, but fresh bread needs a quick dip.
Step 3: Cook the French Toast
In a large nonstick skillet, melt 1 tablespoon of unsalted butter over medium heat. Cook 2 slices of French toast at a time, about 2-3 minutes per side, until golden brown and cooked through. The coconut should be toasted and the crust should feel firm to the touch. Repeat with the remaining butter and bread slices.
💡 mia’s Pro Tip: Use a nonstick skillet and be gentle when flipping. The shredded coconut can stick if the pan isn’t properly buttered. A fish spatula works wonders for getting underneath the crust without disturbing the coating.
Step 4: Caramelize the Bananas
In the same skillet, melt 1 tablespoon of unsalted butter over medium-high heat. Add 2 sliced ripe bananas, 1 tablespoon brown sugar, and a pinch of salt. Cook for 1-2 minutes per side until golden and caramelized. They should look glossy and have beautiful golden-brown edges. Remove from the heat immediately.
⚠️ Common Mistake to Avoid: Make sure your pan is hot enough. You want the bananas to sizzle immediately when they hit the pan to get that beautiful caramelized crust without turning into mush. If the pan is not hot enough, the bananas will release their juices and steam, resulting in a soft, unappetizing texture.
Step 5: Assemble & Serve
Place two slices of cooked French toast on a plate. Top with a generous portion of the caramelized bananas and drizzle everything with the warm coconut caramel sauce. Serve immediately, garnished with extra shredded coconut, a dusting of powdered sugar, or a dollop of whipped cream if desired.
💡 mia’s Pro Tip: Warm the coconut caramel sauce slightly before drizzling so it flows beautifully over the French toast and bananas. If it’s too thick, whisk in a tablespoon of warm water or coconut milk to reach your desired consistency.
| Step | Action | Duration | Key Visual Cue |
|---|---|---|---|
| 1 | Make Caramel Sauce | 5-7 mins | Deep amber color |
| 2 | Prepare Custard | 2 mins | Smooth, combined |
| 3 | Cook French Toast | 4-6 mins | Golden brown crust |
| 4 | Caramelize Bananas | 2-4 mins | Glossy, golden edges |
| 5 | Assemble & Serve | 1 min | Drizzle generously |
Serving & Presentation
This is the kind of dish that commands attention at the brunch table. I love piling the French toast high on a plate, artfully arranging the caramelized bananas on top, and finishing with a dramatic drizzle of the coconut caramel sauce. A sprinkle of toasted coconut flakes and a light dusting of powdered sugar add that extra touch of elegance.
For a complete brunch spread, I recommend serving this with a side of crispy bacon or breakfast sausage to balance the sweetness. A fresh fruit salad with a squeeze of lime would also be lovely. And of course, a steaming cup of black coffee or a creamy chai latte is the perfect beverage companion.
| Pairing Type | Suggestions | Why It Works |
|---|---|---|
| Side Dish | Crispy bacon, breakfast sausage, fresh fruit salad | The savory, salty, and fresh elements perfectly balance the richness of the French toast. |
| Sauce / Dip | Extra coconut caramel, maple syrup, whipped cream | Enhances the indulgence and adds moisture to every single bite. |
| Beverage | Black coffee, chai latte, fresh orange juice | The bitterness of coffee or the acidity of OJ cuts through the sweet, creamy flavors. |
| Garnish | Toasted coconut flakes, sliced almonds, mint, powdered sugar | Adds a delightful textural contrast and makes the dish look stunning. |
Make-Ahead, Storage & Reheating
Living in NYC means life moves fast, even on weekends. I often make the coconut caramel sauce and prep the custard the night before. This way, I can just dip and fry when I’m ready to eat. Here’s how to store everything properly to maintain that incredible texture.
| Method | Container | Duration | Reheating Tip |
|---|---|---|---|
| Refrigerator | Airtight container | Up to 2 days | Reheat in a skillet or toaster oven for the crispiest results. |
| Freezer | Freezer-safe bag | Up to 1 month | Reheat directly from frozen in a toaster or oven at 350°F. |
| Make-Ahead | Assemble separately | 1 day in advance | Cook French toast and bananas fresh, but the sauce can be made ahead and reheated. |
The key to reheating French toast is to avoid the microwave, which will make the crispy coconut coating soggy and rubbery. Instead, gently reheat it in a buttered nonstick skillet over medium-low heat for about 1-2 minutes per side. For the best texture, you can also pop it in a 350°F oven or toaster oven for 5-8 minutes.
Variations & Easy Swaps
One of the things I love most about this recipe is how adaptable it is. Whether you’re catering to dietary restrictions or just looking to mix things up, here are some of my favorite variations that I’ve tested in my own kitchen.
| Variation | Key Change | Best For | Difficulty Impact |
|---|---|---|---|
| Vegan | Flax eggs, plant-milk, coconut oil | Dairy-free & egg-free diets | Easy |
| Gluten-Free | Gluten-free bread | Gluten intolerance | Easy |
| Chocolate Lover’s | Cocoa powder in batter, chocolate drizzle | Dessert lovers | Easy |
Vegan Option
Simply replace the eggs with flax eggs (1 tbsp ground flaxseed mixed with 3 tbsp warm water per egg, let sit for 5 minutes to gel). Use your favorite unsweetened plant-based milk in place of the eggs and a high-quality vegan butter or coconut oil for frying. The texture will be slightly less custardy and more delicate, but it’s still a fantastic coconut french toast recipe that delivers on flavor.
Gluten-Free Option
Use a sturdy gluten-free bread, such as a brioche-style gluten-free loaf or a thick-cut gluten-free sourdough. Gluten-free bread tends to be more fragile, so handle it with care during the dipping process. Letting the bread stale slightly in the oven before dipping will help it hold up much better to the custard soak.
Seasonal Twist: Apple Cinnamon
In the fall, I love swapping the bananas for a quick sauté of apples. Peel and dice one large apple (like Honeycrisp or Granny Smith). Sauté it in the same way with butter and brown sugar, but for 3-4 minutes, until the apples are tender and the sauce is syrupy. This version pairs beautifully with the coconut flavor and adds a cozy, autumnal warmth to the dish.
What is the best type of bread to use for coconut caramelized banana French toast?
The best bread for this recipe is a rich, eggy bread like brioche or challah. These breads have a soft, tender crumb that absorbs the coconut custard beautifully without becoming mushy. It’s highly recommended to use bread that is a day or two old, as slightly stale bread will soak up the custard more evenly and hold its shape better during cooking. If you only have fresh bread, you can place the slices on a baking sheet in a 300°F oven for 5-7 minutes to dry them out slightly before dipping.
Can I make coconut caramelized banana French toast without eggs?
Yes, absolutely! To make this recipe vegan and egg-free, you can substitute the eggs with flax eggs. For each egg, whisk together 1 tablespoon of ground flaxseed meal with 3 tablespoons of warm water and let it sit for 5 minutes until it forms a gel-like consistency. This mixture will help bind the custard and provide a similar structure. The texture will be slightly less rich than the traditional version, but the flavor from the coconut milk and caramelized bananas will still be deliciously decadent.
How do you caramelize bananas for French toast without burning the sugar?
The key to perfect caramelized bananas without burning the sugar is to use medium-high heat and to watch the pan closely. Make sure your butter is hot and foaming before you add the bananas and brown sugar. Because the bananas contain natural sugars and moisture, they will caramelize quickly. Cook them for just 1-2 minutes per side. If your pan is too hot, the sugar can burn before the bananas soften. If you see the sugar starting to darken too rapidly, immediately remove the pan from the heat and continue swirling until the sizzling subsides.
What can I substitute for coconut milk in this French toast recipe?
If you don’t have coconut milk or prefer a different flavor, the best substitutes are whole milk, half-and-half, or a creamy plant-based milk like oat milk or cashew milk. For the custard, any of these will work well, though the coconut flavor will be less pronounced. For the caramel sauce, using a different milk will change the flavor profile significantly, but whole milk or oat milk will still yield a deliciously creamy sauce. I wouldn’t recommend using light or skim milk as they lack the fat content needed for a rich, velvety texture.
Can I use regular milk instead of coconut milk?
Yes, you can use regular milk, such as whole milk or 2%, as a direct substitute for coconut milk in the custard. This will result in a classic French toast flavor profile without the distinct coconut taste. However, for the coconut caramel sauce, I strongly recommend using full-fat coconut milk or at least half-and-half. The fat content is crucial for creating a smooth, emulsified sauce that doesn’t separate. Using regular milk in the sauce may result in a thinner, slightly grainier texture.
How do I keep French toast from getting soggy?
The number one rule for non-soggy French toast is to start with slightly stale, thick-cut bread. Fresh, soft bread absorbs too much liquid too quickly and will fall apart. When dipping the bread, don’t let it sit in the custard for more than 15-20 seconds per side. It should be coated, not saturated. Finally, make sure your pan and butter are hot enough before adding the bread. The immediate sizzle creates a steam barrier that helps the outside crisp up while the inside remains soft and custardy.
Can I use frozen bananas for the caramelized topping?
I do not recommend using frozen bananas for the caramelized topping. Frozen bananas contain a significantly higher amount of water than fresh bananas. When you try to caramelize them, they will release this excess moisture into the pan, which will cause the butter and brown sugar to steam rather than caramelize. This will prevent the bananas from getting that desirable golden-brown, jammy texture and will result in a watery, syrupy mess. Always use fresh, ripe but firm bananas for the best caramelized result.
What is coconut caramel sauce?
Coconut caramel sauce is a dairy-free twist on the classic French caramel sauce. Instead of using heavy cream and butter, this version uses full-fat coconut milk. The sauce is made by first melting sugar into a deep amber caramel, then carefully whisking in warm coconut milk. The result is a rich, silky, and deeply flavorful sauce with a subtle tropical note. It’s less cloyingly sweet than traditional caramel and has a thinner, more pourable consistency, making it perfect for drizzling over this coconut caramelized banana french toast.
Can I make this recipe ahead of time for brunch?
Absolutely! This recipe is perfect for a relaxed brunch. The coconut caramel sauce can be made up to a week in advance and stored in an airtight container in the refrigerator. You can also whisk together the egg and coconut milk custard the night before and store it covered in the fridge. When you’re ready to serve, simply dip the bread, coat it in coconut, and fry it fresh. The caramelized bananas should always be made at the last minute to ensure they are hot and jammy, but the entire assembly takes less than 10 minutes once your sauces and custard are prepped.
Is this recipe gluten-free?
This specific recipe is not gluten-free as it traditionally calls for brioche or challah bread, which are made from wheat flour. However, I have tested a gluten-free variation that works beautifully! Simply substitute the brioche with a high-quality gluten-free bread loaf. Look for one that is thick-cut and sturdy. You may need to handle the bread more gently during the dipping process, and toasting it lightly before dipping can help it hold its shape. All other ingredients, including the coconut milk, eggs, and shredded coconut, are naturally gluten-free.
Share Your Version!
I can’t wait to see how you make this recipe your own! Whether you stick to the classic version or try one of my favorite variations, please share your experience. Drop a comment below and let me know how it turned out – I love reading your stories and tips. Did you swap the bananas for apples? Did your family go crazy for the coconut caramel sauce? Tell me all about it!
If you’re sharing on social media, be sure to tag me @exorecipes on Instagram and Pinterest. Seeing your beautiful photos and hearing your feedback absolutely makes my day. It’s what keeps me coming back to my cozy NYC kitchen to create more recipes for you. Happy cooking, and remember, a little bit of coconut makes everything better!
From my NYC kitchen to yours — I hope this recipe brings as much warmth to your table as it does to mine. — mia 🧡
Love This Recipe? Save It to Pinterest!
If you enjoyed this Coconut Caramelized Banana French Toast recipe, don’t let it get lost in your browser tabs! 😄 Pin it now so you can find it again anytime — and explore hundreds more tried-and-tested recipes waiting for you on my Pinterest boards.
👉 Follow mia on Pinterest @chefrecipes2
📌 Pin this recipe · 🔁 Re-pin your favorites · 💬 Tag me when you make it — I love seeing your creations!

Coconut Caramelized Banana French Toast: A Decadent Twist on a Classic Favorite
- Prep Time: 15 minutes
- Cook Time: 20 minutes
- Total Time: 35 minutes
- Yield: 2 servings 1x
- Method: Breakfast
- Cuisine: American
Description
A rich and indulgent French toast recipe featuring crispy coconut-coated bread, caramelized bananas, and a drizzle of coconut caramel sauce. Perfect for a luxurious brunch.
Ingredients
- For the Coconut French Toast:
- 4 thick slices of brioche or challah bread (stale preferred)
- 3 large eggs
- 1/2 cup coconut milk (full-fat)
- 1/4 teaspoon ground cinnamon
- 1/4 teaspoon vanilla extract
- 1/2 cup shredded unsweetened coconut (for coating)
- 2 tablespoons unsalted butter (for frying)
- For the Caramelized Bananas:
- 2 ripe bananas, sliced into rounds
- 1 tablespoon unsalted butter
- 1 tablespoon brown sugar
- Pinch of salt
- For the Coconut Caramel Sauce:
- 1/2 cup granulated sugar
- 2 tablespoons water
- 1/2 cup coconut milk (full-fat)
- 1/4 teaspoon salt
- 1/2 teaspoon vanilla extract
Instructions
- Make the coconut caramel sauce: In a small saucepan, combine sugar and water. Cook over medium heat, swirling occasionally, until the sugar melts and turns a deep amber color (about 5-7 minutes). Remove from heat and carefully whisk in coconut milk, salt, and vanilla. The mixture will bubble vigorously. Let cool slightly.
- Prepare the French toast: In a shallow bowl, whisk together eggs, coconut milk, cinnamon, and vanilla. Place shredded coconut in a separate shallow dish.
- Dip each slice of bread into the egg mixture, letting it soak for 15-20 seconds per side. Then press gently into the shredded coconut to coat both sides.
- In a large nonstick skillet, melt 1 tablespoon of butter over medium heat. Cook 2 slices of French toast at a time, about 2-3 minutes per side until golden brown and cooked through. Repeat with remaining butter and bread.
- Caramelize the bananas: In the same skillet, melt 1 tablespoon of butter over medium-high heat. Add banana slices, brown sugar, and a pinch of salt. Cook for 1-2 minutes per side until golden and caramelized. Remove from heat.
- Assemble: Place two slices of French toast on a plate. Top with caramelized bananas and drizzle generously with coconut caramel sauce.
- Serve immediately, garnished with extra shredded coconut or a dusting of powdered sugar if desired.
Notes
For best results, use day-old bread that is slightly stale to absorb the custard without becoming mushy. The coconut caramel sauce can be stored in the refrigerator for up to 1 week; reheat gently before serving. To make dairy-free, substitute butter with coconut oil.
Nutrition
- Calories: 620
- Sugar: 45g
- Fat: 32g
- Carbohydrates: 78g
- Protein: 12g

Tried This Recipe? Leave a Comment!
Did you make this recipe? I’d love to hear how it turned out! Please leave a comment and a rating below. Your feedback helps other home cooks and supports cheerychop.com!
For more delicious inspiration, follow me on Pinterest!












