Sweet Potato Haupia Recipe: Tropical Coconut Custard With Charred Edges

Side Dishes

Sweet Potato Haupia Recipe: Tropical Coconut Custard With Charred Edges

This sweet potato haupia recipe transforms humble sweet potatoes into a velvety tropical custard with caramelized edges that taste like a vacation in every bite.

The secret lies in blending sweet potatoes into a silky puree and layering it with rich coconut milk, creating a dessert that's both comforting and elegant. Traditional methods like steaming or baking ensure the perfect texture—creamy yet firm, with a delicate balance of sweetness and earthy depth.

What sets this recipe apart is the charred edges, achieved through careful baking that adds a subtle smoky contrast to the smooth custard. The process is simpler than it sounds: blend sweet potatoes until completely smooth, prepare the coconut milk mixture, and layer or blend for that signature haupia texture.

It's the kind of dessert that feels special but doesn't require advanced techniques—just patience and attention to detail.

By the time it's done, you'll have a dessert that's rich, creamy, and impossibly smooth, with a caramelized top that adds visual appeal and a hint of complexity. The aroma alone—warm coconut, caramelized sugar, and sweet potato—will have everyone gathering around the table.

Serve it chilled for the perfect balance of texture and temperature, or garnish with toasted coconut flakes for extra crunch.

This recipe is perfect for gatherings, holiday menus, or when you want to impress with a dessert that feels both familiar and exotic. The versatility of haupia means it works as a standalone treat or alongside other tropical flavors.

Let's create this dessert that tastes like sunshine and comfort all in one bite.

👨‍🍳
Difficulty
Medium
🌿
Diet
Vegetarian
🔥
Calories
Med Cal

Ingredients for sweet potato haupia

Six tropical ingredients transform humble sweet potatoes into velvety haupia with caramelized edges.

Ingredient Amount Notes
Sweet Potatoes 🍠 2 ½ lbs Orange-fleshed, peeled and cubed
Coconut Milk 🥥 2 cans Full-fat, 13.5 oz each (26 oz total)
Granulated Sugar 🍚 1 ½ cups Light brown preferred for caramelization
Cornstarch 🌾 ¼ cup For silky texture
Vanilla Extract 🌿 2 tsp Pure Madagascar vanilla
Salt 🧂 ½ tsp Fine sea salt
Unsweetened Coconut Flakes 🥥 ½ cup Toasted for garnish
Lime Zest 🍋 1 tbsp Freshly grated
Lime Juice 🍋 2 tbsp Freshly squeezed
Coconut Oil 🫒 2 tbsp For greasing ramekins

The sweet potatoes are everything here—choose vibrant orange-fleshed varieties like Beauregard or Jewel. Trader Joe's and Costco usually carry them pre-peeled in the produce section, but grab whole ones if you can. The coconut milk? Full-fat only—no skim or light versions. Aroy-D or Thai Kitchen cans are my go-to for that rich, creamy texture. Toast those coconut flakes until they're golden—3-4 minutes at 350°F—for the best garnish. And don't skip the lime zest; it brightens the whole dish.

No brown sugar? White sugar plus extra caramelization time works, but brown gives that molasses depth. Running short on cornstarch? Arrowroot powder at the same amount is a perfect swap. The vanilla extract matters—imitation vanilla tastes like perfume. For the lime juice, Mexican Key limes if you can find them, or regular limes with a splash of orange juice for balance. And if you're baking in ramekins, coconut oil is your friend—it greases better than butter and adds to the flavor profile.

This dessert keeps beautifully—3-4 days in the fridge sealed tightly. The texture actually improves after the first day as flavors meld. For serving, chill ramekins for at least 4 hours (overnight is best). Run a knife around the edges if you're struggling to unmold. Freezes for up to 2 months—just thaw in the fridge overnight. And pro tip: double the batch. You'll want seconds.

❤️

Why You'll Love This Recipe

  • The secret’s in the slow simmer: sweet potatoes caramelize just enough to balance the rich coconut milk, while a whisper of vanilla turns it into something dangerously addictive. Honestly, it tastes like dessert, but I trick myself into calling it dinner.
  • No-Fuss Stovetop Magic: I swear by this recipe because it’s basically set-it-and-forget-it—just boil the sweet potatoes until tender, blend them into a smooth purée, then simmer with coconut milk until that silky, pudding-like texture takes over. No fancy equipment, no stress.
  • Creamy Caramel Hug: The secret’s in the slow simmer: sweet potatoes caramelize just enough to balance the rich coconut milk, while a whisper of vanilla turns it into something dangerously addictive. Honestly, it tastes like dessert, but I trick myself into calling it dinner.
  • Potluck Star Performer: This is my go-to for gatherings—it’s naturally vegan, feeds a crowd, and even holds up in the fridge for days. Serve it warm with toasted coconut flakes or chilled in little jars; either way, people will ask for seconds.

Step-by-step instructions for sweet potato haupia

Here's how to create this dreamy tropical custard with its signature caramelized edges and velvety center.

1

Roast the Sweet Potatoes Until Caramelized

Preheat your oven to 400°F and line a baking sheet with parchment paper. Toss the 2.5 lbs cubed sweet potatoes with 1 tablespoon of the coconut oil and ½ teaspoon of the salt until evenly coated. Spread them in a single layer, leaving space between each cube for even browning.

Roast for 30-35 minutes until the edges develop a deep golden caramelization. You'll know they're ready when they smell sweetly toasted and the cubes feel tender when pierced with a fork. Let them cool slightly before transferring to a food processor—this makes them easier to puree without splattering.

2

Make the Coconut Custard Base

In a large saucepan, whisk together the 2 cans coconut milk, 1.5 cups granulated sugar, 0.25 cup cornstarch, and 0.5 teaspoon salt until completely dissolved. The mixture should be smooth with no lumps—this ensures a silky texture. Place the saucepan over medium heat and bring to a gentle simmer.

While heating, add the 2 teaspoons vanilla extract and 2 tablespoons lime juice to the pureed sweet potatoes. Transfer this mixture to the saucepan and stir vigorously to combine. The custard will begin to thicken almost immediately—keep stirring constantly for 5-7 minutes until it reaches a pudding-like consistency that coats the back of a spoon.

3

Assemble and Bake the Haupia

Lightly grease six 6-ounce ramekins with the remaining 1 tablespoon coconut oil. Divide the custard mixture evenly among the ramekins, filling each about ¾ full. Sprinkle each ramekin with 1 teaspoon lime zest and 1 tablespoon unsweetened coconut flakes, pressing them gently into the surface for decoration and added texture.

Place the ramekins in a deep baking dish and carefully pour hot water into the dish until it reaches halfway up the sides of the ramekins. This water bath ensures gentle, even cooking. Bake at 325°F for 45-50 minutes until the centers are just set but still slightly wobbly—like a perfect custard should be.

4

Chill and Serve with Charred Edges

Remove the ramekins from the water bath and let them cool at room temperature for 10 minutes. Then refrigerate for at least 4 hours or overnight—this chilling time is crucial for developing the perfect texture. When ready to serve, run a knife around the edges to loosen, then invert each ramekin onto a serving plate.

The haupia should release cleanly, revealing its signature caramelized bottom and glossy top. Garnish with additional toasted coconut flakes and lime zest for that fresh tropical finish. Serve chilled and watch it disappear—this custard is pure comfort in every bite!

👨‍🍳

Pro Tips For Making Sweet Potato Haupia

  • Boil Until Tender: Sweet potatoes should collapse like butter when pierced with a fork—no tough centers allowed. I’ve learned the hard way that undercooking leaves you with a gummy texture, while overcooking turns them mushy. Aim for 15-20 minutes in salted water (depending on size), then drain and let them steam-dry for 2 minutes before mashing. That extra step keeps your haupia from turning watery later.
  • Whisk the Coconut Milk: Coconut milk separates when heated, and nothing ruins haupia faster than a greasy, curdled sauce. Before adding it to your sweet potato mixture, whisk it vigorously in the pot—especially if it’s been sitting. If you’re lazy (like me), just shake the can before pouring, but whisking guarantees a silky texture. Trust me, your future self will notice the difference.
  • Temper the Sugar: Dumping all that sugar into hot coconut milk at once can shock the mixture and cause it to split or curdle. Instead, dissolve the sugar in a splash of the coconut milk first, then slowly stir it back into the pot while keeping the heat low. This isn’t just a fancy move—it prevents a grainy, lumpy haupia that’ll have you scraping the bottom of the pan.
  • Use Less Cornstarch: Recipes often call for 2-3 tablespoons of cornstarch, but you’ll likely need only half that to thicken the haupia properly. Start with 1 tablespoon, mix it with a little cold water, and whisk it into the simmering mixture. If it’s still too thin, add another teaspoon—no need to overdo it. Too much starch turns haupia gluey, and that’s a crime in dessert land.

Wine and beer pairings for this recipe

Tropical White Wine Pairings

For this sweet potato haupia, I reach for dry Riesling from Germany or Austria—its crisp acidity and subtle honeyed notes complement the caramelized edges without overpowering the coconut.

A glass of 2019 Dr. Loosen Blue Slate Riesling ($20) from the Mosel region brings bright citrus and stone fruit that mirror the lime zest in the dessert. 🍷

If you prefer something lighter, Sauvignon Blanc from New Zealand works beautifully. The zesty grapefruit and passionfruit flavors in a Kim Crawford Sauvignon Blanc ($15) cut through the richness of the coconut milk while enhancing the tropical vibes. Serve both wines slightly chilled at 45-50°F for the best balance.

Creamy Dessert Wines

For a more decadent pairing, consider Moscato d'Asti—its effervescence and floral notes create a magical contrast with the haupia's creamy texture. A bottle of Saracco Moscato d'Asti ($12) offers just enough sweetness to enhance the caramelized edges without making the dessert taste heavier.

The slight fizz also cleanses your palate between bites.

Beer Pairings for Balance

For beer lovers, a Belgian Witbier like Hoegaarden ($5) is my go-to choice. The coriander and orange peel notes in this refreshing beer balance the sweet potato's earthiness while complementing the coconut. The slight tartness helps reset your palate between rich bites of haupia. 🍺

If you prefer something darker, try a lightly hopped Belgian Dubbel like Westmalle Dubbel ($8). The caramel and raisin flavors in this beer harmonize beautifully with the dessert's caramelized edges, while the moderate alcohol content (6.5%) won't overpower the delicate flavors. Serve both beers at 45-50°F for optimal enjoyment.

Coffee or Tea Finisher

For a non-alcoholic option, a lightly sweetened chai latte made with Tazo Chai Tea and steamed coconut milk enhances the tropical flavors while adding warmth. The cinnamon and cardamom notes in the chai complement the sweet potato's natural sweetness without competing. 💫

If you prefer coffee, a lightly roasted Ethiopian Yirgacheffe with its floral and citrus notes pairs wonderfully. The bright acidity in this coffee ($15/lb) mirrors the lime zest in the haupia, creating a refreshing contrast. Brew it as a light pour-over to maintain the delicate balance of flavors.

Nutrition facts

Servings 6
Amount Per Serving
Calories 420kcal
% Daily Value *
Total Fat 24g31%
Saturated Fat 20g100%
Cholesterol 15mg5%
Sodium 210mg9%
Total Carbohydrate 52g18%
Dietary Fiber 4g14%
Sugars 38g
Protein 6g12%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I make this haupia without a water bath?

The water bath is key for even cooking and that signature creamy texture. Without it, your haupia might develop a skin on top or cook unevenly. If you're short on time, try baking at 300°F for 55-60 minutes with the ramekins uncovered—just monitor closely for doneness.

2

How do I fix if my haupia is too runny?

If your haupia didn't set properly, it's likely undercooked. Return it to the oven at 325°F for 10-15 extra minutes, checking every 5 minutes. For a quick fix, chill it longer (up to 6 hours)—sometimes it firms up as it cools. If it's still too loose, try adding 1 teaspoon cornstarch mixed with 1 tablespoon water to thicken it.

3

Can I substitute regular potatoes for sweet potatoes?

Not recommended! Sweet potatoes bring that natural sweetness and vibrant color that's essential to the flavor profile. Regular potatoes will make your haupia taste bland and pale. If you're out of sweet potatoes, try yam (like Japanese yams) as a close alternative—they have a similar texture and mild sweetness.

4

How do I make this recipe vegan?

Swap the coconut milk for full-fat coconut cream (like Thai Kitchen brand) and use agave syrup instead of granulated sugar. Replace vanilla extract with vegan vanilla extract and ensure your cornstarch is certified vegan. The texture will be just as creamy, though the caramelization might be slightly less pronounced.

5

Can I make haupia in one large dish instead of ramekins?

Use an 8x8-inch baking dish and bake uncovered at 325°F for 40-45 minutes. Let it cool completely, then chill for 4+ hours. For serving, cut into squares—it'll have the same creamy texture but with a more rustic presentation. The caramelized edges will form along the sides of the pan.

★★★★★5.0(12 reviews)
Categories Side Dishes