Ube French Toast Casserole with Coconut and Maple Glaze

Ube French toast bake is an easy showstopper for brunch. It starts with a 12-pack of King’s Hawaiian Ube Coconut rolls, soaks in a creamy coconut-milk custard with a touch of ube extract for that vivid purple hue, and finishes with a buttery, toasted almond topping that crisps up in the oven.

Prep takes about 10–15 minutes, then refrigerate to soak—overnight gives the best custardy texture—and bake the next morning. It’s perfect for Easter or Mother’s Day, or any weekend when you want something special without standing at the stove flipping individual slices.

Ube French toast bake slice on a small white plate dusted with powdered sugar and toasted almonds with coffee in the background

Why You’ll Love This Recipe

  • One-pan, mostly hands-off brunch. Assemble the night before and bake in the morning.
  • Ube and coconut are a perfect pairing. Sweet, slightly nutty and tropical, with a naturally eye-catching purple color.
  • The rolls do most of the work. King’s Hawaiian Ube Coconut rolls are already enriched and slightly sweet, so they absorb the custard beautifully.
  • Crunchy almond topping. Adds a toasty contrast to the soft, custardy interior.

Let’s Chit Chat

I picked up a pack of King’s Hawaiian Ube Coconut rolls and wanted to turn them into something baked. Rather than flipping many small rolls in a pan, I cubed them and soaked them in a coconut milk custard with a small amount of ube extract. The result was almost perfect on the first try: tender, sweet rolls that absorbed the custard and baked up with a texture similar to a baked tres leches. A thin glaze after baking ties everything together—if you have ube extract, this is a great use for it.

Ingredient Notes

Ingredients for ube French toast bake including King's Hawaiian Ube Coconut rolls, eggs, coconut milk, brown sugar, butter, ube extract, and sliced almonds
  • King’s Hawaiian Ube Coconut rolls. One 12-pack fits an 8×8 pan. If unavailable, use regular Hawaiian sweet rolls and add extra ube extract to the custard.
  • Full-fat coconut milk. Use canned for richness—shake the can before opening so the cream and liquid recombine.
  • Whole milk. Lightens the custard so it won’t be too heavy; half-and-half works if you want it richer.
  • Ube extract. A little goes a long way for color and subtle flavor—start small and increase if needed.
  • Eggs and brown sugar. Eggs set the custard; brown sugar adds a caramel note that complements coconut.
  • Sliced almonds. Tossed with melted butter and sugar to toast and candy slightly while baking.
  • Optional glaze. Powdered sugar plus a splash of coconut milk and a tiny bit of ube extract for a drizzle after baking.

How to Make Ube French Toast Bake

  1. Cube the rolls. Slice each roll into roughly 6 pieces to yield about 6 cups of cubed bread. Spread the cubes in a buttered 8×8 baking dish.
King's Hawaiian Ube Coconut rolls pre-sliced into cubes still in their original packaging
  1. Make the custard. Whisk canned coconut milk, whole milk, eggs, brown sugar, ube extract, vanilla, and salt until smooth and an even purple color.
Coconut milk custard with eggs, brown sugar, and ube extract in a glass bowl before whisking
Vibrant purple coconut milk and ube custard whisked smooth in a glass bowl
  1. Soak. Pour the custard evenly over the cubed bread, pressing down gently so every piece is coated. Cover and refrigerate for at least 30 minutes, overnight for best results.
  2. Prepare the almond topping. Toss sliced almonds with melted butter and granulated sugar, then sprinkle them over the soaked bread just before baking.
Cubed Hawaiian rolls soaking in purple coconut milk custard in a square metal baking dish
Soaked French toast bake topped with buttered sliced almonds and ready to go in the oven
  1. Bake. Bake at 350°F for 40–45 minutes, until the top is golden and the custard is set in the center. If the almonds brown too quickly, tent loosely with foil for the last 10 minutes.
  2. Rest and finish. Let rest about 10 minutes, then dust with powdered sugar or whisk a quick ube glaze (powdered sugar, a splash of coconut milk, and a tiny bit of ube extract) and drizzle before serving. Serve warm.
Freshly baked ube French toast bake in a square pan with golden toasted almonds on top
A spatula lifting a slice of ube French toast bake out of the pan revealing the custardy purple interior

Tips for the Best Ube French Toast Bake

  • Soak overnight. The rolls benefit from a long soak to produce a custardy interior.
  • Start with less ube extract. Extract is potent and color deepens in the oven—adjust to taste.
  • Use a pinch of salt. It brightens the coconut and brown sugar flavors.
  • Watch the almonds. They can go from golden to too dark quickly; tent with foil if needed.
  • Check the center. The custard should be just set. A knife inserted in the center should come out mostly clean.

Storage and Reheating

Store leftovers tightly covered in the refrigerator for up to 4 days. Reheat single portions in the microwave for about 45 seconds, or warm the entire pan, covered with foil, in a 325°F oven for 15 minutes. The almond topping stays surprisingly crisp.

Overhead view of a slice of ube French toast bake on a white plate with a forkful pulled out
Close up of a forkful of soft purple ube French toast bake with coffee in the background

FAQs

Can I make this without ube extract?

Yes. Without extract the bake won’t be as purple and will have less of the concentrated ube flavor, but the ube coconut rolls still contribute a mild ube taste.

Can I use regular King’s Hawaiian rolls?

Yes. Use original sweet rolls and add an extra half teaspoon of ube extract to the custard to boost the ube flavor.

Can I use a 9×13 pan?

Double the recipe for a 9×13: two packages of rolls and roughly twice the custard. Baking time will be similar—around 45 minutes—if the depth remains comparable.

What can I serve with it?

Serve with maple syrup, additional coconut glaze, fresh berries, or a scoop of vanilla ice cream for dessert-style servings. Savory sides like bacon or sausage balance the sweetness for brunch.

Can I freeze it?

Yes. Cool completely, wrap tightly, and freeze up to 2 months. Thaw overnight in the fridge and reheat in a 325°F oven until warmed through.

Ube French toast bake slice on a small white plate dusted with powdered sugar and toasted almonds with coffee in the background
No ratings yet

Ube French Toast Bake

A purple, custardy ube French toast bake made with King’s Hawaiian Ube Coconut rolls, coconut milk, and a buttery toasted almond topping. Perfect for Easter brunch or a holiday breakfast.
Prep: 15 minutes
Cook: 45 minutes
Total: 1 hour
Servings: 9 servings
Pin Recipe
Print Recipe

Ingredients 

 

For the bake

  • 1 12-count package King’s Hawaiian Ube Coconut rolls (about 12 oz) cubed
  • 13.5 oz can full-fat coconut milk
  • ¼ cup whole milk
  • 4 large eggs
  • ⅓ cup light brown sugar packed
  • 1 teaspoons 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 

  • Butter an 8×8 baking dish. Slice each ube coconut roll into about 6 cubes and spread them evenly in the pan.
  • In a large bowl, whisk together the coconut milk, whole milk, eggs, brown sugar, ube extract, vanilla, and salt until smooth and an even purple color.
  • Pour the custard evenly over the cubed bread. Press the cubes down gently with a spatula so every piece is coated. Cover and refrigerate for at least 30 minutes, or overnight for the best texture.
  • When ready to bake, preheat the oven to 350°F. Toss the sliced almonds with the melted butter and granulated sugar, then sprinkle evenly over the top of the soaked bread.
  • Bake for 40 to 45 minutes, until the top is golden and the custard is set in the center. If the almonds start to brown too quickly, tent loosely with foil for the last 10 minutes.
  • Let the bake rest for about 10 minutes. Optional– Whisk together the glaze ingredients until smooth, adjusting the coconut milk for a drizzle-able consistency, then drizzle over the top. Serve warm.

Notes

For overnight prep, assemble through soaking, cover, and refrigerate. Add the almond topping right before baking. Ube extract strength varies—start with 1 teaspoon and adjust for deeper color. To double for a 9×13 pan, use two packages of rolls and double the custard and topping; bake time stays about the same.

Nutrition

Calories: 153Calories | Carbohydrates: 23g | Protein: 4g

Nutrition information is automatically calculated and should be used as an approximation.

Like this? Leave a comment below!