We may earn a commission when you click on the affiliate links in this post.
Chocolate haupia pie is a popular pie found in Hawaii. It’s a rich chocolate pie with a coconut haupia layer and topped with whipped cream.

Hawaiian Haupia Pie
Haupia Pie is a widely popular pie found in Hawaii. It can have many different variations, like a sweet potato haupia pie, but the most popular is probably the chocolate haupia pie recipe. There are many bakeries in Hawaii that serve this delicious pie so it’s hard to say which bakery made this pie first but I think it is safe to say that it was Ted’s Bakery on North Shore Oahu that made it famous. Chocolate haupia pies are the perfect blend of chocolate, coconut, and cream and it just might be my favorite pie of all time. Ever.

What Is Haupia?
Haupia, in a nutshell, is Hawaiian coconut pudding or custard. The coconut mixture is thicker than what most would consider “pudding” on the mainland and almost has a gelatin-like consistency. Think of it like a cross between pudding and gelatin. That’s the best way I can describe it to someone who has never had haupia before. The haupia layer is supposed to be thick and should not have a “cream pie” consistency.
Ted’s Bakery
Any time I had family or friends visit me in Hawaii, I would always take them to Ted’s bakery. Of course, the chocolate haupia cream pie was a favorite, but they have SO MANY delicious menu items it was (and is) so hard to choose. I am a big fan of the pineapple macadamia nut cheesecake and strawberry guava pie as well. To be honest, I never had anything at Ted’s that I didn’t like. If you visit Sunset Beach (or just pass through), you MUST stop in to Ted’s Bakery and get slice of pie (and maybe even a plate lunch). Have you been to Ted’s Bakery? What is YOUR favorite thing to get?

What’s In Haupia Pie?
- Pie crust – You can use a pre-made pie crust or make your own. Try our favorite homemade pie crust recipe. You can also go non-traditional and use a graham cracker pie crust or Oreo pie crust.
- Coconut Milk (Unsweetened) – Use fall-fat only. If you use “light” or fat-free it won’t set up the same, or taste as good.
- Milk – We like to use whole milk in this recipe but you can use a lighter milk or even almond milk. It won’t be as rich if you don’t use whole milk but it will still be good.
- Sugar – The sweetener in the recipe.
- Thickener – In this recipe we use cornstarch and milk but you can also use arrowroot or agar agar. To learn more about these other thickeners when making haupia, check out our haupia recipe.
- Melted Chocolate Chips – Most people prefer semi-sweet chocolate chips because it is a nice balance of sweetness. We actually like using dark chocolate chips most of the time but it makes it VERY rich and not as sweet. If you like it really sweet, use milk chocolate chips. You can also use a cup of your favorite plain chocolate bar like Trader Joe’s chocolate bars or Hershey’s instead of chocolate chips.
- Whipped Cream – Homemade is best, just follow the instructions in the recipe. Add a little coconut extract and you won’t be disappointed.
Optional Toppings
It isn’t necessary to add any toppings to haupia pie, it is perfect as-is. You can even leave the whipped topping off and it will still be delicious. However, if you feel the need to make it more fancy you can add a little bit of toasted coconut, crushed macadamia nuts or some dark chocolate shavings over the top of the pie dish. Don’t go too crazy with the toppings because you don’t want to take away from the deliciousness of the pie itself. Less is more when it comes to this pie!

More Authentic Hawaiian Recipes
Loco Moco
Chicken Long Rice
Hawaiian Teriyaki Chicken
Hawaiian Beef Teriyaki
Huli Huli Chicken
Authentic Hawaiian Mac Salad
Haupia
Malasadas
How to Make Chocolate Haupia Pie
Chocolate Haupia Pie

Video
Ingredients
Chocolate Haupia Pie
- 1 (9-inch) pie crust, (store-bought or homemade)
- 1 ½ cups whole milk, divided
- 5 tablespoons cornstarch
- 1 (14-ounce) can unsweetened coconut milk, (not fat-free or light)
- 1 cup granulated sugar
- 1 cup semi-sweet chocolate chips, (see notes above)
Whipped Cream
- 1 ½ cups heavy whipping cream
- ¼ cup sugar
- ½ teaspoon coconut extract, (optional)
Instructions
Chocolate Haupia Pie
- Generously pierce the crust with a fork before baking.
- Bake according to recipe or according to package directions, until golden brown. Remove from the oven and allow the crust to cool.
- In a liquid measuring cup or small bowl, combine ½ cup whole milk and cornstarch. Mix until cornstarch is dissolved. Set aside.
- In a medium-sized saucepan over medium heat, whisk together the remaining 1 cup of whole milk, coconut milk, and sugar. Bring to a simmer, whisking often.
- Stir the cornstarch mixture once more before slowly adding to the coconut milk mixture, whisking constantly. Continue whisking until the mixture becomes thick, like a thick pudding. (This coconut milk pudding is the haupia.) It is very important that the mixture is thick before moving to the next step.
- Place about half of the haupia mixture into a separate bowl and set aside. Add chocolate chips to the remaining mixture in the saucepan and stir until the chocolate chips are completely melted and well combined.
- Add the chocolate haupia mixture immediately to the cooled pie crust and smooth with a spatula until even.
- Carefully add the remaining haupia mixture over the top and carefully smooth over until even.
- Cover and refrigerate for 6 hours.
Whipped Cream Topping
- To make whipped cream, whip heavy cream, and sugar until stiff peaks form. Add coconut extract and whip for 30 more seconds.
- After the pie has cooled, cut into slices and top with whipped cream topping. You can use a piping bag fitted with a large star tip to pipe the whipped cream in a design over the top.
Nutrition
Nutrition information is automatically calculated, so should only be used as an approximation.
Love this recipe?
We want to hear from you! Please leave a review.








This pie is ono !
I know what “Ono” means – and I very much appreciate the compliment. Thank you so much! 🌺