The Ultimate Ube French Toast Bake is the show-stopping brunch dish you never knew you needed. Imagine a soft, custardy, vibrant purple casserole that tastes like a tropical dream, all with minimal effort. This recipe transforms a simple package of King’s Hawaiian Ube Coconut rolls into an unforgettable breakfast experience. Soaked in a rich coconut milk custard, infused with the stunning color and flavor of ube extract, and crowned with a crunchy, buttery almond topping, this dish is pure comfort and elegance in one pan.
This is the perfect make-ahead recipe for any special occasion. You can assemble it in just 10 minutes the night before, let it soak overnight, and simply pop it in the oven the next morning. Say goodbye to standing over a hot stove, flipping individual slices of French toast. Whether you’re planning a festive Easter brunch, a special Mother’s Day breakfast, or simply want to elevate a lazy weekend morning, this Ube French Toast Bake delivers a “wow” factor that suggests you spent hours in the kitchen.
Why This Ube French Toast Bake is a Must-Try
- Effortless Elegance: This is a one-pan wonder. It’s a mostly hands-off brunch solution that looks incredibly impressive. The prep-ahead nature means your morning is stress-free and filled with the amazing aroma of baking ube and coconut.
- An Unforgettable Flavor Combination: The marriage of ube and coconut is simply divine. Ube offers a sweet, mellow flavor with notes of vanilla and pistachio, which is beautifully complemented by the rich, tropical creaminess of coconut milk. It’s a unique and sophisticated taste that will have everyone asking for the recipe.
- Shortcut to Perfection: We use King’s Hawaiian Ube Coconut rolls as the base, which is a brilliant time-saver. These rolls are already enriched, slightly sweet, and perfectly soft, allowing them to absorb the custard like a sponge for a supremely tender result.
- A Feast for the Eyes: Let’s be honest, the color is spectacular! The natural purple hue from the ube extract makes this dish a visual masterpiece. It’s an instant centerpiece for your brunch table that’s as beautiful as it is delicious.
- Delightful Textural Contrast: The buttery almond topping is the finishing touch that takes this bake to the next level. As it bakes, it becomes golden, fragrant, and delightfully crunchy, providing a perfect contrast to the soft, bread-pudding-like interior.
A Closer Look at the Ingredients
Understanding the role of each component will help you achieve the perfect Ube French Toast Casserole. Here’s a detailed breakdown of what you’ll need.
- King’s Hawaiian Ube Coconut Rolls: The star of the show. A single 12-pack is the perfect amount for an 8×8 inch pan. Their brioche-like texture is ideal for soaking up the custard without becoming mushy. If you can’t find the ube coconut variety, the original King’s Hawaiian sweet rolls are a fantastic substitute. Just add an extra half-teaspoon of ube extract to the custard to boost the flavor.
- Full-Fat Coconut Milk: This is non-negotiable for a rich, creamy custard. Use canned coconut milk, not the refrigerated kind in a carton, as the latter is too thin. The high fat content ensures a luscious, silky texture and prevents the bake from becoming watery. Be sure to shake the can vigorously before opening to recombine the separated cream and liquid.
- Whole Milk: A splash of whole milk helps to thin the coconut milk slightly, creating a perfectly balanced custard that isn’t overly heavy or dense. For an even richer result, you could substitute it with half-and-half.
- Ube Extract: This magical ingredient provides both the signature flavor and the stunning violet color. You can find it in small bottles at most Asian markets or online. A little goes a long way, as it’s quite potent. It imparts a subtle flavor that’s a delightful blend of vanilla and nutty notes.
- Large Eggs: Four large eggs provide the structure for our custard. They act as a binder, setting up during baking to transform the liquid-soaked bread into a cohesive, sliceable casserole. This amount ensures the bake is custardy, not overly “eggy.”
- Brown Sugar: We use brown sugar for its molasses content, which adds a wonderful depth and a soft, caramel-like sweetness that pairs beautifully with both ube and coconut. Either light or dark brown sugar will work perfectly here.
- Sliced Almonds: For that essential crunchy topping. Tossing them with melted butter and a bit of sugar before sprinkling them on top helps them toast evenly and “candy” slightly in the oven, creating a crisp, golden-brown crust.
- Optional Ube Glaze: For a final flourish of flavor and visual appeal, a simple glaze made from powdered sugar, coconut milk, and a drop of ube extract is highly recommended. It doubles down on the ube flavor and creates a beautiful purple-on-purple effect.
Step-by-Step Guide to Making Ube French Toast Bake
- Prepare the Bread Base: Begin by preparing your baking dish. Generously butter an 8×8 inch baking pan. Next, take the King’s Hawaiian Ube Coconut rolls and slice each one into 6 roughly equal cubes. Spread these cubes in a single, even layer in your prepared pan. This should give you about 6 cups of cubed bread, the perfect foundation for our bake.
- Whip Up the Vibrant Ube Custard: In a large mixing bowl, combine the full-fat coconut milk, whole milk, large eggs, packed brown sugar, ube extract, vanilla extract, and salt. Whisk everything together vigorously until the mixture is completely smooth, the sugar has dissolved, and you have a uniform, beautiful lavender-purple liquid.
- The Overnight Soak: Carefully pour the prepared custard evenly over the cubed rolls in the baking dish. Use a spatula to gently press down on the bread, ensuring every single piece is submerged and starts to absorb the delicious purple custard. Cover the dish tightly with plastic wrap or a lid and refrigerate. For best results, let it soak overnight. If you’re short on time, a minimum of 30 minutes will work, but the overnight soak yields the most decadent, custardy texture.
- Add the Crunchy Topping: Just before you’re ready to bake, preheat your oven to 350°F (175°C). In a small bowl, toss the sliced almonds with the melted butter and granulated sugar until the almonds are evenly coated. Sprinkle this mixture uniformly over the entire surface of the soaked French toast bake.
- Bake to Golden Perfection: Place the dish in the preheated oven and bake for 40 to 45 minutes. You’ll know it’s done when the top is a beautiful golden brown, the edges are bubbly, and the center is set (it shouldn’t be overly jiggly). If you notice the almonds browning too quickly, you can loosely tent the dish with aluminum foil for the final 10-15 minutes of baking.
- Garnish and Serve: Once out of the oven, let the French toast bake rest for about 10 minutes. This allows the custard to fully set, making it easier to slice. If using the glaze, whisk the powdered sugar, coconut milk, and ube extract together in a small bowl until smooth. Drizzle it over the warm bake. Alternatively, a simple dusting of powdered sugar is also lovely. Serve warm and enjoy!
Expert Tips for Success
- The Overnight Soak is Key: While 30 minutes is acceptable, allowing the rolls to soak overnight truly makes a difference. The dense crumb of the Hawaiian rolls needs time to fully hydrate, resulting in a perfectly tender, custardy interior without a single dry spot.
- Be Mindful with Ube Extract: The intensity of ube extract can vary by brand. It’s always best to start with the recommended amount (one teaspoon) and add more only if you desire a deeper color. The purple hue will intensify as it bakes.
- Salt is a Flavor Enhancer: Don’t underestimate the power of a small pinch of salt. In sweet dishes like this, salt doesn’t make it salty; it balances the sweetness and makes the other flavors, like coconut and brown sugar, more vibrant and pronounced.
- Keep an Eye on the Almonds: Nuts can go from perfectly toasted to burnt very quickly. Check the bake around the 30-minute mark. If the almond topping is already a deep golden brown but the custard needs more time, loosely cover the pan with foil to prevent them from burning.
- Check for Doneness: The visual cue is a puffed, golden-brown top. To be sure the inside is cooked, insert a knife into the center of the bake. It should come out mostly clean, with perhaps a few moist crumbs but no liquid custard.
Storage and Reheating Instructions
This Ube French Toast Bake is just as delicious the next day. To store, allow it to cool completely, then cover the baking dish tightly with plastic wrap or transfer leftovers to an airtight container. It will keep well in the refrigerator for up to 4 days.
To reheat, you can warm individual portions in the microwave for 30-60 seconds. For the best texture and to revive the crispness of the topping, reheat the entire pan. Cover it with foil and place it in a 325°F (160°C) oven for about 15-20 minutes, or until warmed through.
Frequently Asked Questions
Absolutely. If you’re using the King’s Hawaiian Ube Coconut rolls, they already contain ube puree, so your bake will still have a light ube flavor. It just won’t have the vibrant purple color. It will still be a delicious coconut French toast bake!
That works perfectly well! Simply use the original sweet rolls and increase the ube extract in the custard to 1.5 teaspoons. This will compensate for the lack of ube flavor in the bread itself and ensure you still get that signature taste and color.
Yes, this recipe is easy to scale up for a crowd. For a 9×13 inch pan, you will need to double the entire recipe. This means using two 12-count packages of rolls and doubling all the custard and topping ingredients. The baking time should remain similar, around 45 minutes, as the depth of the casserole won’t change much.
This bake is fantastic on its own, but toppings can make it even more special. Consider a drizzle of maple syrup, more of the ube glaze, a dollop of coconut whipped cream, or a side of fresh tropical fruits like mango or pineapple. For a full brunch spread, serve it alongside savory items like crispy bacon or sausage to balance the sweetness.
Yes, it freezes beautifully. After baking, let it cool completely. You can freeze the entire pan by wrapping it tightly in a layer of plastic wrap followed by a layer of aluminum foil. Alternatively, freeze individual portions in airtight containers. It will last for up to 2 months. To serve, thaw it overnight in the refrigerator and reheat in a 325°F oven until warm.
Overnight Ube French Toast Bake
Print Recipe
Ingredients
For the French Toast Bake
- 1 12-count package King’s Hawaiian Ube Coconut rolls (about 12 oz), cubed
- 1 (13.5 oz) can full-fat coconut milk
- ¼ cup whole milk
- 4 large eggs
- ⅓ cup light brown sugar, packed
- 1 teaspoon ube extract
- 1 teaspoon vanilla extract
- ¼ teaspoon salt
- Butter, for greasing the pan
For the Almond Topping
- ⅓ cup sliced almonds
- 1 tablespoon unsalted butter, melted
- 1 tablespoon granulated sugar
For the Optional Ube Glaze
- ¾ cup powdered sugar
- 1 to 2 tablespoons coconut milk
- ⅛ teaspoon ube extract
Instructions
-
Generously butter an 8×8 inch baking dish. Slice each ube coconut roll into approximately 6 cubes and arrange them in an even layer in the prepared dish.
-
In a large bowl, whisk together the canned coconut milk, whole milk, eggs, brown sugar, ube extract, vanilla, and salt until the mixture is completely smooth and a consistent purple color.
-
Pour the custard mixture evenly over the cubed bread. Use a spatula to gently press the bread down, ensuring every piece is well-coated. Cover the dish and refrigerate for at least 30 minutes, or preferably overnight for the most custardy texture.
-
When you are ready to bake, preheat your oven to 350°F (175°C). In a small bowl, combine the sliced almonds, melted butter, and granulated sugar. Sprinkle this topping evenly over the soaked bread.
-
Bake for 40 to 45 minutes, or until the top is golden brown and the center is set. If the almonds begin to brown too quickly, loosely tent the dish with foil for the last 10 minutes of baking.
-
Allow the French toast bake to rest for 10 minutes before serving. For the optional glaze, whisk together the powdered sugar, coconut milk, and ube extract until smooth. Drizzle over the warm bake and serve immediately.
Notes
The strength of ube extract can differ between brands. It’s best to start with 1 teaspoon and adjust if you prefer a more intense purple color.
To adapt this for a 9×13 inch pan, simply double all ingredients for the bake, custard, and topping. The baking time will remain approximately 45 minutes.
Nutrition
Please note that nutrition information is calculated automatically and should be used as an approximation.