Haupia Pie

Haupia pie is a traditional Hawiian dessert made from thickened coconut milk and chocolate and layered into a pre-baked pie crust and topped with whipped cream.
↓ Recipe ↓ Video Never Miss A Cake
Total Time: 1 hr 10 mins
Serves: 8 servings
chocolate haupia pie

Chocolate haupia pie is a Hawaiian dessert favorite

Haupia pie is a no-bake cream pie made with coconut milk. Half of the custard is layered into a flakey pie crust that has been baked and cooled. The remaining custard is mixed with chocolate and poured on top. The pie is chilled and then topped with stabilized whipped cream.

chocolate haupia pie

Want to learn more about the basics of making pie? Watch my pie crust tutorial
pie crust tutorial

The first time I had haupia pie was on our recent trip to Oahu to visit my aunt and cousins I’ve never met before. My mom passed away when I was 19 so I didn’t get a chance to ask her about her family history. It was really awesome to meet my Mother’s sister and all her kids and their kids. My uncle served up some delicious burgers, POG and sweet rolls topped with a sticky sweet frosting.

liz marek with her Hawaiian family

I was also 3 months pregnant with my son so I wanted to EAT ALL THE FOOD.  I asked my followers what places I should visit while I was there and overwhelmingly, Ted’s Bakery was high up on the list.

teds bakery pies

I had never had haupia pie but I had heard of it. I wasn’t sure what to expect. I’ll never forget sitting on the beach with my husband Dan as we took our first bite and I had a look of shock on my face. Omg it was so good! Creamy, slightly coconut-y and the crust was melt0-in-your mouth delicious.

Before I took my next bite, I knew I wanted to try and re-create it.

children at a hawaiian-themed birthday party sitting at a table table decorated with luau themed decorations and moana tifiti birthday cake

Since then, I have re-created this pie for Avalon’s Moana themed 5th birthday party and for Thanksgiving. What can I say? I’m hooked on haupia pie!

What is haupia?

Haupia (how-pee-uh) is made from coconut milk, sugar, water and salt and traditionally thickened with arrowroot but modern recipes typically use cornstarch.

haupia on a leaf
Haupia, a traditional coconut pudding served in Hawaii. Traditionally it is served on a ti leaf but here it is on an oragami leaf. A popular food at luaus. It is made stiff enough to be eaten with fingers.

Haupia is often served at special events like luaus. It is usually chilled and then cut into cubes before serving. Technically it is a pudding but its texture is more like a gelatin dessert but gelatin is not traditionally used. If you do use gelatin, the dessert is not considered to be a true haupia dessert.

haupia pie

haupia has a creamy texture that is pure heaven for coconut lovers like me. Haupia can be very rubbery if too much cornstarch is added so care is needed to make sure the perfect amount of cornstarch is added for the perfect balance of firm and soft.

How to blind-bake the crust

Haupia pie is so super simple to make. It all starts with blind-baking a flakey pie crust. Pre-baking (blind-baking) the pie crust is necessary since haupia pie filling is not baked.

  1. Let the chilled dough come to room temperature for 20 minutes
  2. Roll out the dough 1/8″ thick and place into your 9″ pie plate
  3. Trim off the excess dough but leave 1/4″ of dough all the way around to account for shrinking
  4. Poke some holes in the bottom of the crust with your fork and flute the edges of the dough with your fingers if desired.
  5. Brush the surface of the dough with egg wash (one egg whisked with 1 tablespoon of water) to promote browning and a shiny crust.
  6. Freeze for 20 minutes.
  7. Place some aluminum foil or parchment paper in the bottom of the pie and fill with pie weights.
  8. Bake in the oven at 350ºF for 15 minutes.
  9. Remove from the oven, carefully lift out the aluminum foil and weights.
  10. Return the crust to the oven and bake for an additional 15 minutes or until a golden brown.
  11. Let cool fully before filling

How to make the haupia pie

  1. Prepare your coconut filling
  2. Divide in half
  3. Combine one half with the chocolate and stir until smooth
  4. Pour the chocolate mixture into the cooled pie shell. Chill until firm
  5. Pour the rest of the coconut mixture on top of the chocolate and smooth
  6. Chill for one hour or overnight before topping with whipped cream and serving

pie dough with pie filling added and a spatula smoothing down the filling two haupia pies in pie tins

Did You Make This Recipe?Leave a rating and tell me how it went!
chocolate haupia pie

Haupia Pie

Haupia pie is a traditional Hawiian dessert made from thickened coconut milk and chocolate and layered into a pre-baked pie crust and topped with whipped cream.
5 from 11 votes
Print Rate Never Miss A Cake
Prep Time: 5 mins
Cook Time: 5 mins
resting time: 1 hr
Total Time: 1 hr 10 mins
Serves: 8 servings
Calories: 678kcal


Flakey Pie Dough

  • 10 ounces (340 g) all-purpose flour
  • 1/4 teaspoon salt
  • 8 ounces (170 g) cold butter grated
  • 2 ounces (28 g) ice water

Haupia Pie Filling

  • 14 ounces (397 g) coconut milk one can
  • 8 ounces (227 g) water or milk
  • 2 teaspoons coconut extract
  • 7 ounces (199 g) granulated sugar
  • 8 ounces (227 g) water
  • 2 ounces (56 g) cornstarch
  • 6 ounces (170 g) chocolate good quality
  • 1 teaspoon vanilla extract

Whipped cream topping (optional)

  • 12 ounces (340 g) heavy cream
  • 2 ounces (57 g) powdered sugar
  • 1 teaspoon vanilla extract
  • 2 teaspoons powdered gelatin
  • 3 Tablespoons cold water
  • 1 teaspoon heavy cream


  • pie weights


  • Preheat the oven to 375ºF

For the flakey dough

  • Place the flour and salt into a medium-sized bowl
  • Grate your cold butter directly into the flour mixture
  • Toss the mixture until the butter is coated with flour
  • Add in the water in small amounts and mix with your other hand until the flour is almost all absorbed.
  • Flatten and wrap in plastic wrap. Let the dough chill for 30 minutes or overnight before using it. Let warm for 20 minutes or until pliable but still firm before rolling out.
  • Roll out dough 1/8" thick and place it into a 9" pie plate. Cut off the excess, leave 1/4" of dough all the way around to account for shrinking.
  • Brush the surface of the pie with egg wash (one egg whisked with 1 tablespoon of water) to promote even browning and a shiny crust
  • Poke some holes in the bottom of the dough with a fork.
  • Freeze the pie for 20 minutes
  • Place some foil or parchment paper in the pie pan then fill to the top with pie weights or dried beans. Bake for 15 minutes.
  • Remove the foil carefully. Put the pie back in the oven for 15 minutes or until it's golden brown and has pulled away from the sides of the pie plate.
  • Set aside to cool

For the haupia pie filling

  • in a medium saucepan combine together the coconut milk, first quantity of water, coconut extract and sugar over medium-high heat until it begins to simmer.
  • Combine together the second quantity of water and the cornstarch and whisk to make a slurry
  • Once the mixture is simmering, reduce the heat to medium-low and add in the cornstarch mixture. Whisk constantly until thickened. About 3 minutes. Add in your vanilla and stir to combine.
  • Divide the mixture into two bowls.
  • Add the chocolate to one of the bowls and whisk until the chocolate is fully melted.
  • Pour the chocolate mixture into the cooled pie crust *note I accidentally did this backwards on my pie, don't do as I do, do as I say haha
  • Chill the crust with the chocolate filling for 15 minutes or until set
  • Pour the remaining coconut mixture on top of the cooled chocolate and put it back in the fridge to chill for at least an hour or overnight.

Stabilized whipped cream

  • Sprinkle your gelatin over the water and let bloom for 5 minutes. 
  • Melt gelatin for 5 seconds in the microwave. If not fully melted do another 3 seconds. You can tell gelatin is melted when there are no granules of unmelted gelatin visible.
    After dissolving your gelatin, add in 1 tsp of heavy cream and mix. If your gelatin is too cold, heat again until it's melted (5 seconds).
  • In a cold mixing bowl, whip your heavy cream to soft peaks
  • Add in your powdered sugar and vanilla
  • Turn your mixer down to low and drizzle in your gelatin and mix until whipped cream forms stiff peaks. Pipe onto your pie as desired.


Serving: 1serving | Calories: 678kcal (34%) | Carbohydrates: 87g (29%) | Protein: 9g (18%) | Fat: 35g (54%) | Saturated Fat: 24g (120%) | Cholesterol: 85mg (28%) | Sodium: 116mg (5%) | Potassium: 258mg (7%) | Fiber: 2g (8%) | Sugar: 43g (48%) | Vitamin A: 673IU (13%) | Vitamin C: 1mg (1%) | Calcium: 52mg (5%) | Iron: 4mg (22%)
Tried this Recipe? Tag me Today!Mention @SugarGeekShow or tag #SugarGeek!

3 comments on “Traditional Chocolate Haupia Pie

    1. I don’t know for sure, I would google how to substitute cornstarch for arrowroot. I think arrowroot is stronger than cornstarch

  1. 5 stars
    Hii… I think there is a mistake in conversion of oz to grams regarding flour and butter for the pie.. I flew from instagram to see this recipe and wanted to try this immediately. All ur recipes are A1.. Thank u for making me fall in love with baking.. Love all the way from India…

Leave a Reply

Your email address will not be published.

Recipe Rating