Sweet Potato Haupia Squares Recipe: Tropical Coconut Cream Meets Caramelized Sweet Potato Bliss

Side Dishes

Sweet Potato Haupia Squares Recipe: Tropical Coconut Cream Meets Caramelized Sweet Potato Bliss

This sweet potato haupia squares recipe blends the warm, earthy sweetness of caramelized sweet potatoes with the velvety coconut cream of traditional Hawaiian haupia. The result is a dessert that's rich, creamy, and subtly spiced—perfect for gatherings or when you crave something both comforting and special.

What makes this recipe stand out is the balance of textures: tender sweet potato layers paired with a jiggly, coconut-infused filling that melts in your mouth.

The process is straightforward but requires patience—roasting the sweet potatoes until tender and caramelized forms the perfect base, while the haupia filling (made with coconut milk, sugar, and gelatin) adds that signature Hawaiian touch.

This dessert can be baked for a firmer texture or chilled for a lighter, jiggly center, giving you flexibility depending on your preference. The aroma alone—warm spices mingling with coconut—will have everyone asking for seconds.

What you'll end up with is a visually stunning dessert that's as impressive as it is delicious: golden-brown sweet potato layers topped with a glossy coconut cream that's impossible to resist.

The combination of sweet, creamy, and slightly spiced flavors makes it a crowd-pleaser, whether served at a holiday dinner or as a decadent treat for yourself. This recipe brings a taste of Hawaii to your kitchen without the fuss.

For those looking to adapt, a vegan version is possible by using agar-agar instead of gelatin, though the texture will differ slightly. The key to success lies in the preparation of both the sweet potato base and the haupia filling—getting them just right ensures a dessert that's restaurant-quality at home.

Let's get started on creating this tropical-inspired delight.

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

Ingredients for sweet potato haupia squares

Sweet potatoes, coconut milk, and warm spices come together for this tropical dessert delight.

Ingredient Amount Notes
Large Sweet Potatoes 🍠 4 whole Organic preferred, peeled and cubed
Unsweetened Coconut Milk 🥥 2 cans Full-fat for creaminess, 13.5 oz each
Granulated Sugar 🍚 1 ½ cups White or coconut sugar preferred
Unflavored Gelatin 🍬 2 tbsp Plus 2 tbsp cold water
Ground Cinnamon 🌿 1 ½ tsp Freshly ground for warmth
Ground Nutmeg 🌶️ ½ tsp Freshly grated preferred
Vanilla Extract 🌸 1 tbsp Pure vanilla for authentic flavor
All-Purpose Flour 🌾 1 cup For dusting between layers
Unsalted Butter 🧈 ½ cup Melted for brushing layers
Salt 🧂 ¼ tsp Fine sea salt for balance
Coconut Oil 🫒 2 tbsp For greasing pan
Shredded Coconut 🥥 ½ cup Toasted for garnish
Coconut Flakes 🥥 ¼ cup For topping

The sweet potatoes are the heart of this recipe, so pick vibrant, firm ones—the deeper orange, the better. Trader Joe's or Whole Foods usually carry the best organic varieties. Avoid any with soft spots or bruises. For the coconut milk, full-fat is a must—it gives that rich, velvety texture. I like to buy two cans at a time because once you open the first one, you'll want to use it all. The gelatin needs to be unflavored and high-quality—Great Value or Knox brands work perfectly. Toast your own shredded coconut for garnish—it adds a lovely crunch and aroma that store-bought can't match.

No coconut milk? Coconut cream from a can works in a pinch, but you'll need to adjust the liquid ratio. Running short on gelatin? Agar-agar powder is a great vegan alternative, though the texture will be slightly firmer. The cinnamon and nutmeg should be freshly ground if possible—pre-ground spices lose their punch quickly. For a deeper vanilla flavor, simmer vanilla bean in the coconut milk for 10 minutes before using. The butter matters too—European-style butter has a higher fat content, making the layers extra tender. If you're baking for a crowd, double the batch—these disappear fast!

Store the sweet potato base in the fridge for up to 3 days before baking, but make the haupia filling fresh for best texture. Once assembled, these squares keep in the fridge for 5 days and freeze beautifully for 3 months. To serve, dust with extra shredded coconut and a sprinkle of cinnamon. The filling sets as it cools, so chill for at least 4 hours before cutting. For a restaurant-worthy presentation, brush the top with melted coconut oil before dusting with powdered sugar.

❤️

Why You'll Love This Recipe

  • No Peel, No Stress: I microwave the sweet potatoes whole—yes, really—then scoop out the flesh like it’s butter. No peeling, no mess, and zero wasted time.
  • Creamy-Spiced Magic: That coconut milk base turns velvety when blended with the gelatin, while the cinnamon? It’s like a warm hug in every bite—sweet but never cloying, thanks to the natural caramel notes from the roasted sweet potato.
  • Potluck Hero: Between us, these squares are the dish that gets asked for seconds at gatherings. Pack them in a tin for holiday parties or cut into bars for a crowd—no one will guess they’re secretly healthy.
  • Pantry Staple Power: I keep a bag of gelatin and a can of coconut milk on hand just for this. Sweet potatoes are cheap, sugar is cheap, and the leftovers? They stay fresh for days—perfect for when I forget to meal prep.

Step-by-step instructions for sweet potato haupia squares

Layer by layer, we'll build these tropical delights—caramelized sweet potatoes meet velvety coconut cream.

1

Roast the Sweet Potatoes Until Caramelized

Preheat your oven to 400°F and line a baking sheet with parchment paper. Peel and cut the 4 whole large sweet potatoes into ½-inch cubes—uniform size ensures even cooking. Toss them with 1 tablespoon coconut oil and ½ teaspoon salt until evenly coated.

Spread the cubes in a single layer on the baking sheet, leaving space between them. Roast for 25-30 minutes until the edges turn golden brown and the centers are tender when pierced with a fork. For extra caramelization, broil for 2-3 minutes at the end, watching closely to prevent burning.

2

Prepare the Coconut Cream Filling

In a medium saucepan, combine the 2 cans unsweetened coconut milk, 1.5 cups granulated sugar, 1.5 teaspoons ground cinnamon, and ½ teaspoon ground nutmeg. Stir over medium heat until the sugar dissolves completely, then bring to a gentle boil for 5 minutes, stirring occasionally.

Remove from heat and whisk in the 1 tablespoon vanilla extract and 2 tablespoons unflavored gelatin mixed with 2 tablespoons cold water. Let the mixture cool to room temperature while stirring occasionally—this prevents graininess in the final texture. The filling should thicken slightly but remain pourable.

3

Assemble the Layers in a Pan

Grease an 8x8-inch baking dish with 2 tablespoons coconut oil and dust the bottom lightly with ¼ cup all-purpose flour. Spread half of the roasted sweet potato cubes evenly in the pan, pressing down gently to create a firm base. Drizzle half of the coconut cream mixture over the sweet potatoes, spreading it evenly with a spatula.

Repeat the layering process, adding the remaining sweet potatoes and coconut cream mixture. Sprinkle the top layer with ½ cup shredded coconut and ¼ cup coconut flakes, pressing them lightly into the cream. Cover with plastic wrap and refrigerate for at least 4 hours or overnight—this chilling step is crucial for setting the layers properly.

4

Bake and Set the Haupia Squares

Preheat your oven to 350°F. Remove the chilled baking dish from the refrigerator and bake for 40-45 minutes until the top is golden and the edges are set. The center should still have a slight wobble—it will firm up as it cools.

Let the haupia squares cool completely in the pan for 1 hour before chilling in the refrigerator for another 2 hours. This extended chilling time ensures clean slices and a perfect texture. Once fully set, cut into 16 squares using a sharp knife dipped in hot water between cuts for clean edges.

👨‍🍳

Pro Tips For Making Sweet Potato Haupia Squares

  • ROAST SWEET POTATOES UNTIL TENDER: Boil them first for 10 minutes—yes, even if you’re impatient—then roast at 400°F (200°C) until a knife slides in like butter. Overcooked ones turn to mush; undercooked ones make your haupia taste grainy. Aim for 45-50 minutes, flipping halfway.
  • WHISK COCONUT MILK COLD: Pour chilled coconut milk directly into your hot sweet potato purée—it thickens the mixture instantly without curdling. I learned this the hard way after dealing with a lumpy batch that took forever to smooth out.
  • WEIGH THE GELATIN: Use a kitchen scale for the gelatin—1 teaspoon by volume can vary wildly. Too much makes your haupia rubbery; too little means it won’t set properly. For a 9x9-inch pan, 1.5 teaspoons (by weight) is your sweet spot.
  • SKIP THE MIXING BOWL: Spread the gelatin-sugar mixture directly into the pan before adding the sweet potato purée—it dissolves faster and avoids clumps. Trust me, scraping out a sticky mess from a bowl isn’t worth the shortcut.

Storing and reheating your leftovers

Refrigerator Storage

Once fully assembled, store your haupia squares in an airtight container with parchment paper between layers to prevent sticking. They'll keep beautifully in the fridge for up to 5 days, with the coconut filling becoming even more velvety as it rests.

I like to wrap individual squares in parchment paper for easy grab-and-go portions—perfect for lunchboxes or last-minute dessert guests. 🥥

For best texture, let the squares sit at room temperature for 10-15 minutes before serving to soften slightly. The sweet potatoes retain their caramelized warmth while the haupia filling stays perfectly set. If storing leftovers, always return them to the fridge within 2 hours to maintain freshness.

Freezer Storage

These tropical squares freeze exceptionally well for up to 3 months—ideal for holiday prep! Wrap the entire baking dish tightly in plastic wrap, then place in a freezer bag with all air removed.

For individual portions, wrap each square in parchment paper before freezing in a single layer on a tray to prevent sticking. 🧊

When ready to serve, thaw overnight in the fridge. For a quick option, microwave individual squares on medium power for 20-30 seconds, then let sit for 1 minute to redistribute the coconut cream.

The texture remains rich but slightly softer than fresh—great for when you're craving something comforting without the wait.

Reheating Methods

For a warm dessert experience, reheat slices in a 350°F oven for 5-7 minutes until the edges are lightly toasted. This method enhances the caramelized sweet potato flavor while keeping the haupia filling creamy. I often serve reheated squares with a dollop of whipped coconut cream for extra decadence. ⏱️

If you prefer microwave reheating, use low power (30%) for 15-20 seconds—this gently warms the filling without turning it rubbery. Add a splash of coconut milk if the texture seems too firm after reheating.

For a restaurant-style presentation, dust with powdered sugar and a sprinkle of toasted coconut flakes before serving.

Make-Ahead Pro Tips

Prepare the sweet potato base 2 days ahead and store it in the fridge—it actually develops deeper flavors over time. The haupia filling should be made fresh, but you can assemble the entire dessert 1 day before serving and refrigerate uncovered for 4 hours to set properly.

This is my go-to strategy for holiday gatherings! 🎄

For a vegan adaptation, replace the gelatin with 1 teaspoon agar-agar powder dissolved in ¼ cup hot coconut milk. The texture will be firmer but still delicious. Always label your desserts if sharing with others who may have dietary restrictions—it's a thoughtful touch that shows care and consideration.

Nutrition facts

Servings 16
Amount Per Serving
Calories 380kcal
% Daily Value *
Total Fat 18g23%
Saturated Fat 12g60%
Cholesterol 35mg12%
Sodium 180mg8%
Total Carbohydrate 52g18%
Dietary Fiber 3g11%
Sugars 38g
Protein 4g8%
* 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 use regular gelatin for the haupia filling?

Yes, but unflavored gelatin works best to avoid any unwanted tastes. For a vegan version, use 1 teaspoon agar-agar powder mixed with ¼ cup hot coconut milk instead—it creates a firmer texture but still delicious. Always follow package instructions for proper ratios.

2

Why does my haupia filling turn grainy?

Graininess usually happens when the gelatin cools too quickly or isn't dissolved properly. Always whisk the gelatin with cold water first, then mix it into the warm (not boiling) coconut mixture. Let it cool to room temperature while stirring occasionally for a silky texture.

3

Can I make this dessert without baking?

Skip the baking step and simply layer the roasted sweet potatoes with the cooled haupia filling in a dish. Chill for 6-8 hours (or overnight) until set. The texture will be more like a cold dessert than a baked one, but still delicious with that tropical coconut flavor.

4

How do I prevent the sweet potato layers from getting soggy?

Press the sweet potato cubes firmly into the pan before adding the filling, and dust each layer with ¼ cup flour to absorb excess moisture. Also, make sure the haupia filling is fully cooled before adding the top layer—this helps maintain crispness in the sweet potatoes.

5

What's the best way to serve these squares?

For a restaurant-worthy presentation, dust with powdered sugar and toasted coconut flakes. Serve chilled with a side of whipped coconut cream or a scoop of vanilla ice cream. They're perfect for holiday gatherings, potlucks, or as a special treat for yourself!

★★★★★4.7(14 reviews)
Categories Side Dishes