Side Dishes
This ube sweet potato recipe transforms humble ingredients into a showstopping dish that blends Filipino ube's velvety purple magic with sweet potato's natural caramel sweetness. The secret lies in roasting until tender yet firm, then blending with coconut milk until silky—no lumps, just pure, vibrant custard that tastes like dessert but serves as a sophisticated side. I developed this after realizing how much my family loved ube desserts but craved a savory twist that still delivered that signature purple hue.
The crispy celery crown isn't just garnish—it's the game-changer that adds textural contrast and visual drama. Sautéed in butter until golden and slightly charred, it becomes a delicate yet sturdy vessel for the custard, elevating the dish from simple side to centerpiece.
What makes this recipe work is the balance: sweet potatoes roasted until just tender (not mushy), blended with just enough coconut milk for creaminess without overpowering the natural sweetness of the ube.
By the time you plate this, you'll have a dish that's crispy at the edges, velvety in the center, and bursting with that signature purple color that makes it instantly recognizable. The aroma alone—warm sweet potatoes mingling with toasted coconut and celery—will have everyone asking what's for dinner.
It's the kind of side that turns ordinary meals into special occasions, whether you're serving it alongside grilled meats or letting it shine as a vegetarian main.
Pair with steamed jasmine rice for the full Filipino experience, or serve with a simple arugula salad drizzled with lemon vinaigrette for a modern twist. The recipe scales beautifully for gatherings, and the flavors only deepen as it sits—making it perfect for meal prep or last-minute dinner guests.
Let's get cooking!
Ingredients for ube sweet potato
Sweet potatoes, ube paste, and coconut milk—simple ingredients that become a stunning purple masterpiece.
| Ingredient | Amount | Notes |
|---|---|---|
| Orange Sweet Potatoes 🍠 | 2 lbs | Medium size, peeled and cubed |
| Ube Halaya (Purple Yam Paste) 💜 | ½ cup | Store-bought or homemade |
| Coconut Milk 🥥 | 1 can | Full-fat, 13.5 oz can |
| Celery Stalks 🧅 | 2 whole | Thick, trimmed for crowns |
| Unsalted Butter 🧈 | 4 tbsp | Full-fat for crispy crowns |
| Jasmine Rice 🍚 | 1 ½ cups | Uncooked, for serving |
| Extra-Virgin Olive Oil 🫒 | 2 tbsp | For roasting sweet potatoes |
| Sea Salt 🧂 | ½ tsp | Fine grain preferred |
| Black Pepper 🌶️ | ¼ tsp | Freshly ground |
| Lemon Juice 🍋 | 1 tbsp | Freshly squeezed |
| Cinnamon 🌿 | ¼ tsp | Ground for warmth |
| Vanilla Extract 🌸 | ½ tsp | Pure vanilla preferred |
| Arugula 🌱 | 2 cups | Baby leaves for garnish |
| Lemon Zest 🍋 | 1 tbsp | For bright finish |
The ube halaya is non-negotiable for that signature purple color and sweetness. Filipino markets carry the best quality, but you can find it online too—just make sure it's thick and vibrant, not watery. For the sweet potatoes, orange-fleshed varieties work best—they're naturally sweeter and creamier. If you can't find ube paste, purple sweet potatoes are a good substitute, though they won't be as intensely purple. The celery crowns? Look for thick stalks—they crisp up beautifully and add that perfect crunchy contrast.
No ube paste? Purple sweet potatoes blended with coconut milk gets you close, though the flavor won't be identical. Short on celery? Substitute with thick asparagus spears—they crisp up similarly. The coconut milk can be swapped for cashew cream if you're avoiding dairy (just blend soaked cashews with water). For the celery crowns, if they're too thin, double the butter and roast longer. And if you're feeling fancy, add a pinch of cardamom to the custard for an aromatic twist—it pairs surprisingly well with the sweetness.
The custard keeps for 3 days in the fridge, but the celery crowns are best made fresh—they lose crispness fast. Store the custard in an airtight container with a layer of plastic wrap pressed right on top to prevent a skin from forming. The celery crowns reheat beautifully in a dry pan for 2 minutes per side. For meal prep, make the custard ahead and keep the celery crowns separate until serving. The flavors actually deepen overnight—perfect for last-minute dinner guests!
Why You'll Love This Recipe
- One-Pot Magic: I swear by this recipe when I’m too tired to wash a million dishes. Toss the sweet potatoes, ube halaya, and coconut milk into one pot—no peeling, no chopping (seriously, just slice those celery stalks if you’re feeling fancy). The butter melts in while you stir, and suddenly, you’ve got a dish that smells like a hug.
- Velvet & Spice: The ube halaya turns these sweet potatoes into something ridiculously good—creamy, slightly tangy, with that deep purple swirl that looks as good as it tastes. Celery adds a whisper of earthiness, and the coconut milk rounds it all out like a warm blanket. Honestly, I’ve never met a sweet potato dish that hits this flavor combo.
- Leftovers? No Problem: This recipe actually begs to be made extra. The leftovers reheat like a dream—just a splash of coconut milk and a minute in the microwave, and it’s just as good as day one. Between us, I’ve eaten this cold for breakfast (yes, really) and it still wins.
- Budget Bright Spot: Sweet potatoes and ube halaya stretch this dish far without breaking the bank. The celery adds freshness for pennies, and butter? A little goes a long way. I’ll be real: this is the kind of recipe that makes me feel fancy without the grocery bill to prove it.
Step-by-step instructions for ube sweet potato custard with crispy celery crown
Here's how to create this vibrant dessert with velvety ube custard and perfectly crisp celery crowns.
Roast the Sweet Potatoes Until Tender
Preheat your oven to 400°F and line a baking sheet with parchment paper. Toss the 2 lbs peeled and cubed orange sweet potatoes with 2 tablespoons extra-virgin olive oil, 0.25 teaspoon black pepper, and 0.25 teaspoon cinnamon. Spread them in a single layer on the baking sheet.
Roast for 25-30 minutes until the sweet potatoes are fork-tender with slightly caramelized edges. You'll know they're done when they yield easily to a fork but still hold their shape. Remove them from the oven and let them cool slightly before blending.
Prepare the Crispy Celery Crowns
While the sweet potatoes roast, trim the 2 whole celery stalks to create crowns by cutting off the bottoms at an angle. Melt 2 tablespoons unsalted butter in a large skillet over medium-high heat until foaming. Add the celery crowns and cook for 4-5 minutes per side until golden brown and crispy.
Remove the celery crowns and set them aside on a paper towel-lined plate to drain excess butter. They should be deep golden brown with crisp edges—they'll crisp up even more as they cool. Keep the remaining butter in the skillet for the next step.
Make the Ube Custard Base
In a blender, combine the roasted sweet potatoes with 0.5 cup ube halaya (purple yam paste), 1 can coconut milk, 1 tablespoon lemon juice, and 0.5 teaspoon vanilla extract. Blend until completely smooth, scraping down the sides as needed. The mixture should be thick and vibrant purple.
Pour the blended mixture into a medium saucepan and place it over medium heat. Stir in the remaining 2 tablespoons unsalted butter from the celery crowns. Bring to a gentle simmer and cook for 5-7 minutes, stirring constantly to prevent burning. The custard should thicken slightly but remain creamy.
Assemble and Bake the Custard
Preheat your oven to 350°F. Divide the custard mixture evenly among four 6-ounce ramekins. Sprinkle each ramekin with 0.125 teaspoon sea salt (one-fourth of the total) and 0.0625 teaspoon black pepper (one-fourth of the total). Place the ramekins in a deep baking dish and pour hot water into the dish until it comes halfway up the sides of the ramekins.
Bake for 30-35 minutes until the custards are set but still slightly wobbly in the center. They should have a gentle jiggle when shaken gently. Remove from the water bath and let cool to room temperature before refrigerating for at least 2 hours to set completely.
Serve with Crispy Celery and Arugula
To serve, run a knife around the edges of each custard and invert onto plates. Garnish each with 2 tablespoons arugula and 1 tablespoon lemon zest. Place 2 crispy celery crowns on the side of each plate. Serve immediately with 1.5 cups cooked jasmine rice on the side for scooping.
The contrast of the warm, crispy celery crowns with the cool, creamy custard creates a perfect balance. The vibrant purple hue from the ube halaya makes this dessert as beautiful as it is delicious, with each bite offering a harmonious blend of sweet, tangy, and earthy flavors.
Pro Tips For Making Ube Sweet Potato
- STEAM NOT BOIL: Sweet potatoes turn to mush if you boil them whole—steaming keeps them tender without falling apart. Poke holes in the skin first (with a fork or skewer) so the ube flavor infuses faster, and steam for 45-50 minutes at 175°C (350°F) until fork-tender but not collapsing.
- SWEAT THE CELEY: Celery adds depth but gets bitter if raw. Slice it thin, then sauté in butter for 3-4 minutes until just softened—not browned. This mellows the flavor and prevents that "crunchy surprise" in your creamy ube mash.
- DILUTE THE UBE GRADUALLY: Ube halaya is thick and can turn your dish gluey if added all at once. Warm the coconut milk first, then whisk in the ube paste a tablespoon at a time while stirring constantly. This ensures a silky texture instead of a paste-like lump.
- BUTTER IN LAYERS: Adding butter at the end makes the dish greasy. Instead, fold in half the butter with the coconut milk before mixing in the ube, then finish with the rest after the sweet potatoes are mashed. The layers distribute flavor evenly and keep the texture light.
Troubleshooting this recipe
Uneven Roasting
If your sweet potatoes turn out mushy or undercooked in spots, it’s likely due to uneven heat distribution. Spread the cubes in a single layer on your baking sheet—no overlapping—and rotate the pan halfway through the 25-30 minutes at 400°F.
I’ve found that using a light-colored baking sheet (like aluminum) helps distribute heat more evenly than dark pans, which can trap heat and burn the edges. 🌡️
Lumpy Custard
When blending the roasted sweet potatoes, you might end up with lumps if the potatoes aren’t fully broken down. Start by roasting them slightly longer—30-35 minutes—until they’re fork-tender. Then, pulse the blender in 2-second bursts while scraping down the sides with a rubber spatula.
If you still see lumps, strain the mixture through a fine-mesh sieve before heating. For extra smoothness, add 1-2 tablespoons coconut milk to help emulsify the mixture.
Celery Not Crispy
Celery crowns lose their crispness if they’re overcrowded in the pan or cooked at the wrong temperature. Use a large skillet (at least 10 inches) to give the celery room to crisp without steaming. Cook over medium-high heat until golden brown—4-5 minutes per side.
If your celery is thin, increase the butter to 3 tablespoons and cook longer. For extra crispiness, transfer them to a wire rack for 5 minutes to cool before serving. 🧅
Custard Too Thin
If your custard ends up runny after baking, it likely didn’t set properly in the water bath. Make sure your ramekins are filled only ¾ full to allow room for expansion.
Also, ensure the water in the baking dish is hot (not cold) before placing the ramekins in—this helps create a gentle steam that sets the custard evenly. For extra thickness, stir in 1 teaspoon cornstarch mixed with 1 tablespoon cold water before baking.
Purple Color Fading
The vibrant purple hue from the ube halaya can dull if the custard sits too long before serving. To preserve the color, refrigerate the custard for no more than 24 hours before serving.
If you’re making it ahead, store it in an airtight container and garnish with extra ube halaya or a drizzle of purple food coloring (ube-flavored, if possible) just before serving. Avoid reheating, as heat can further mute the color.
Celery Crowns Burning
Butter burns easily, so keep a close eye on the celery crowns to avoid charring. If the butter starts to brown too quickly, reduce the heat to medium and add 1 tablespoon neutral oil (like avocado or vegetable oil) to the pan.
This creates a barrier that prevents burning while still allowing the celery to crisp. For extra insurance, work in batches if you have a large number of crowns—2 at a time is ideal. 🔥
Nutrition facts
Frequently asked questions
Can I make this ube sweet potato dish without ube halaya?
Yes! While ube halaya gives that signature purple color, you can substitute with ½ cup mashed purple sweet potatoes blended with ¼ cup coconut milk. The flavor won't be identical, but it'll still have that vibrant hue. For best results, use store-bought ube halaya if possible—it's the secret to that authentic Filipino sweetness.
How do I store leftovers?
The custard keeps well in an airtight container for 3 days in the fridge. Store it with plastic wrap pressed directly on the surface to prevent a skin from forming. The celery crowns are best eaten fresh, but you can reheat them in a dry pan for 2 minutes per side to restore crispiness. The flavors actually improve overnight!
Can I make this vegan?
Replace the 4 tbsp butter with 4 tbsp vegan butter or coconut oil, and use cashew cream (blend soaked cashews with water) instead of coconut milk. For the celery crowns, use olive oil instead of butter. The custard will still be creamy and delicious, just with a slightly different texture.
What's the best way to serve this?
This dish works beautifully as a side with grilled meats or as a vegetarian main. Serve with jasmine rice for the full Filipino experience, or pair it with a light arugula salad for a modern twist. The crispy celery crowns add that perfect crunchy contrast—don't skip them! For extra presentation, garnish with lemon zest and a sprinkle of toasted coconut flakes.
Why does my custard turn out runny?
Runny custard usually means it didn't set properly in the water bath. Make sure your ramekins are only ¾ full and the water is hot before adding them. Also, ensure the custard reaches a gentle simmer before baking. For extra thickness, stir in 1 tsp cornstarch mixed with 1 tbsp cold water** before baking.