Tropical Mango Coconut French Toast

The first bite of this French toast brings the tropics to your breakfast table — soft, custard-soaked brioche meets caramelized mango and toasted coconut in a breakfast that tastes like vacation. This isn’t your standard French toast; it’s a flavor-packed upgrade that transforms a weekend brunch into something memorable. The combination of creamy coconut milk in the custard and sweet mango compote on top creates layers of tropical flavor that work beautifully together.

Why You’ll Love This Recipe

• Ready in 25 minutes with basic ingredients plus mango and coconut
• The coconut milk custard creates incredibly rich, custardy centers without cream
• Make the mango compote ahead and store for up to 3 days — perfect for meal prep
• Works with any thick-sliced bread (brioche, challah, Texas toast) you have on hand
• Impressive enough for guests but simple enough for lazy Sunday mornings

Pro Tips

• Let the bread soak for exactly 30 seconds per side — too short and it stays dry inside, too long and it falls apart in the pan
• Toast the coconut flakes in a dry skillet for 2-3 minutes before serving; they become fragrant and add crucial texture contrast to the soft toast
• Cook over medium heat, not high — the coconut milk in the custard can burn faster than regular milk, so patience creates that golden crust without bitterness
• Use ripe but firm mangoes for the compote; overripe fruit turns mushy instead of maintaining those beautiful caramelized chunks

Tropical Mango Coconut French Toast

Transform breakfast into a tropical escape! Coconut-custard French toast meets caramelized mango compote and toasted coconut — ready in 25 minutes. The weekend brunch that tastes like vacation. Save for your next morning! 🥭🥥

Print Recipe Pin Recipe

Prep Time 10 minutes mins

Cook Time 15 minutes mins

Total Time 25 minutes mins

Servings: 4 servings

Course: Dessert

Cuisine: American

Ingredients Method

Ingredients

  

• 8 slices thick-cut brioche or challah bread about 1-inch thick
• 3 large eggs
• 3/4 cup canned coconut milk well-stirred
• 2 tablespoons granulated sugar
• 1 teaspoon vanilla extract
• 1/4 teaspoon ground cinnamon
• 1/4 teaspoon salt
• 2 ripe mangoes peeled and diced
• 2 tablespoons honey
• 1 tablespoon butter plus more for cooking
• 1/2 cup sweetened shredded coconut
• 2 tablespoons lime juice freshly squeezed

Method

 

1. In a shallow bowl, whisk together eggs, coconut milk, sugar, vanilla extract, cinnamon, and salt until smooth and well combined.
2. For the mango compote, heat 1 tablespoon butter in a small saucepan over medium heat. Add diced mango, honey, and lime juice. Cook for 5-6 minutes, stirring occasionally, until mangoes soften and release their juices. The mixture should thicken slightly. Remove from heat and set aside.
3. Toast the shredded coconut in a dry skillet over medium-low heat for 2-3 minutes, stirring constantly, until golden brown and fragrant. Transfer to a plate immediately to prevent burning.
4. Heat a large nonstick skillet or griddle over medium heat. Add 1 tablespoon butter and let it melt, coating the pan evenly.
5. Dip each bread slice into the custard mixture, letting it soak for 30 seconds per side. The bread should be saturated but still hold its shape when lifted.
6. Place soaked bread slices in the hot pan, working in batches to avoid crowding. Cook for 3-4 minutes per side until deep golden brown with crispy edges. The custard should be set in the center when you press gently.
7. Add more butter to the pan between batches as needed to prevent sticking and maintain that golden crust.
8. Serve French toast immediately topped with warm mango compote and toasted coconut flakes. Drizzle with additional honey or maple syrup if desired.

Frequently Asked Questions

Can I use frozen mango instead of fresh?

Yes, frozen mango works perfectly. Thaw it completely and drain excess liquid before cooking into the compote. You may need to reduce the cooking time by 1-2 minutes since frozen mango releases more moisture.

What if I don’t have coconut milk?

Regular whole milk works, though you’ll lose the coconut flavor. For a middle ground, use half whole milk and half canned coconut cream, or add 1/4 teaspoon coconut extract to regular milk.

Can I make this dairy-free?

This recipe is already dairy-free when you use coconut milk and skip the butter for cooking. Use coconut oil in the pan instead — it reinforces the tropical flavor beautifully.

Why is my French toast soggy in the middle?

Your heat is likely too high, cooking the outside before the center sets. Lower the temperature to medium and give each side 3-4 minutes. The custard needs time to cook through without burning the exterior.

Storage & Serving

Store leftover French toast in an airtight container in the refrigerator for up to 2 days. Reheat in a 350°F oven for 5-7 minutes to restore crispness — microwaving makes it soggy. The mango compote keeps separately for up to 5 days refrigerated. Serve with extra toasted coconut, a drizzle of honey or maple syrup, or a dollop of Greek yogurt for protein. This pairs beautifully with crispy bacon or tropical fruit salad for a complete brunch spread.

Give this tropical twist a try on your next breakfast — it brings sunshine to any morning, rain or shine.