Dessert/ Recipes

Chocolate Haupia Pie

Chocolate Haupia Pie is a true Hawaiian favorite! Made with flaky pie crust, rich and creamy haupia (coconut) and chocolate layers, and sweet whipped cream, the luscious pie is a coconut lover’s dream.

A piece of haupia pie next to the pie dish.

I was first introduced to chocolate haupia pie from Ted’s Bakery in Oahu. And it was love at first bite. There’s nothing quite like eating a mouthwatering pie – made up of flaky pie crust, two layers of luscious coconut and chocolate filling, and topped with sweet whipped cream – at Sunset Beach in Hawaii. The scenery obviously adds to my love for the pie. But regardless of whether you are at the beach or not, any true coconut fan would fall in love with this chocolate haupia pie.

Living a six-hour flight away from Ted’s Bakery, I knew I needed to recreate this pie at home. And with Thanksgiving right around the corner, I figured it was the perfect time to do so. Every Thanksgiving table needs to have this dreamy pie on it!

A slice of haupia pie on a white plate.

Want to know the best part about this pie? It can be made dairy-free if you swap out the whipped cream for a coconut whipped cream. So everyone can enjoy this dessert!

What Does Haupia Mean?

Haupia is a gelatin-like (which surprisingly doesn’t contain gelatin) Hawaiian dessert made from coconut milk, sugar, water, and salt that you’ll often see at luaus and other gatherings. It has a creamy coconut texture and flavor, making it the perfect complement to a buttery pie crust.

What’s in Chocolate Haupia Pie?

  • Pie crust: You can use a homemade pie crust or buy a store-bought one. I like to buy the frozen Marie Callender pie crusts. They’re actually pretty good! But, if you have a little more time on your hands, this is a really good pie crust recipe.
  • Whole milk: I love using whole milk in this recipe and it gives the haupia a richer texture, but you can easily substitute for fat-free milk.
  • Coconut milkDo not use anything but full-fat coconut milk in this recipe, anything else will not set up properly.
  • Coconut extract: Coconut extract helps to accentuate the coconut flavor. This can be left out if you want the flavor to be a little more subtle.
  • Sugar
  • Water
  • CornstarchTraditionally, haupia was thickened with arrowroot, but cornstarch is an easy (and cheaper) alternative that accomplishes the same thing.
  • Dark chocolate: Ghiradelli dark chocolate adds a nice rich flavor to the pie, but you can use milk chocolate if you prefer a sweeter taste.
  • Heavy whipping cream
  • Powdered sugar

Haupia pie on a marble surface.

How to Make Chocolate Haupia Pie

  1. Prepare the pie crust and coconut (haupia) filling.
  2. Divide the filling into two bowls.
  3. Stir in melted chocolate to half of the filling.
  4. Pour the chocolate mixture into the pie crust. Carefully spread the rest of the coconut mixture on top.
  5. Chill for at least 4 hours, or until set, top with homemade whipped cream.

How Do You Make Haupia From Scratch?

Haupia is made with whole milk, coconut milk, and sugar, that is heated to boiling and then reduced to a simmer. Cornstarch and water is added to the mixture to thicken it to a gelatin-like consistency. 

What Can I Top Haupia Pie with?

Chocolate Haupia Pie honestly tastes amazing without any toppings, but if you want to add something extra toasted coconut or chocolate shavings are great options! Just don’t go too crazy with toppings, as you don’t want to detract from the flavor and texture of the pie itself.

A slice of haupia pie on a white plate.

You’ll also love these dessert recipes:

If you make this recipe, let me know what you think! I’d love it if you could add a star rating ★ and a comment below. Be sure to follow me on InstagramPinterest, and Facebook, too!

5 from 9 votes
A slice of haupia pie on a white plate.
Chocolate Haupia Pie
Prep Time
1 hr
Cooling Time
4 hrs
Total Time
5 hrs

Chocolate Haupia Pie is a true Hawaiian favorite! Made with flaky pie crust, rich and creamy haupia (coconut) and chocolate layers, and sweet whipped cream, the luscious pie is a coconut lover's dream.

Course: Dessert
Cuisine: Hawaiian
Keyword: chocolate, coconut, dessert, haupia, pie
Servings: 8 servings
Pie Filling
  • 1 9 inch pie crust
  • 1 cup whole milk
  • 14 oz can whole coconut milk
  • 2 tsp coconut extract
  • 1 cup sugar
  • 1 cup water
  • 1/2 cup cornstarch
  • 4 oz dark chocolate
Whipped Cream
  • 1 1/2 cups heavy whipping cream
  • 1/4 cup powdered sugar
  • 1/2 tsp coconut extract
  1. Bake the pie crust according to package or recipe directions. Set aside to cool.

  2. In a medium sauce pan over medium heat, whisk together whole milk, coconut milk, coconut extract, and sugar. Bring to a simmer, stirring frequently.

  3. In a bowl or liquid measuring cup, combine water and cornstarch. After bringing the coconut mixture to boiling, reduce to a simmer and slowly stir in the cornstarch mixture. Continue whisking for 3 minutes or until the coconut mixture has thickened.

  4. Divide the mixture into two bowls. Microwave the chocolate until melted and add to one of the bowls.

  5. Pour the chocolate mixture into the baked pie crust. Carefully spread the remaining coconut mixture on top.

  6. Refrigerate the pie for 4-6 hours or until set. Top with whipped cream (see below.)

Whipped Cream:
  1. Whip the whipped cream, sugar, and extract with a mixer until stiff peaks form. Use a piping bag and star tip to pipe the whipped cream on top of the pie before serving.

Recipe Notes
  • If you go with a store-bought crust, I love this one from Marie Callender's. For a homemade pie crust, this a great recipe from Sally's Baking Addiction.
  • Toasted coconut or chocolate shavings make great toppings for this pie. But be careful to not go overboard as you don't want to detract from the flavor and texture of the pie.



  • Reply
    November 4, 2020 at 8:11 pm

    I have never tried a Hawaiian Haupia pie before but I am a massive fan of anything coconut so this is definitely right up my alley! Bookmarked for when I’m up to my baking shenanigans on the weekend.!

    • Reply
      November 5, 2020 at 12:07 pm

      Oh if you’re a coconut fan, you will LOVE this pie. Let me know what you think when you make it! 🙂

  • Reply
    November 4, 2020 at 9:05 pm

    Delicious Pie with such a lovely filling and creamy topping. Perfect Pie for a party. Sweet lovers to relish it all.

    • Reply
      November 5, 2020 at 12:07 pm

      It’s such a yummy pie! Definitely a good one for a party!

  • Reply
    Nart at Cooking with Nart
    November 5, 2020 at 4:59 am

    This chocolate huapia pie looks so beautiful and delicious. I love coconut desserts but have surprisingly never had this! I’m definitely inspired and going to give this recipe a try 🙂

    • Reply
      November 5, 2020 at 12:08 pm

      It is so good! You’ll love this one if you like coconut.

  • Reply
    Amy Liu Dong
    November 5, 2020 at 6:02 am

    This looks really delicious and looks like a perfect dessert to serve on my birthday, I’ll be saving this recipe. Thank you!

    • Reply
      November 5, 2020 at 12:08 pm

      It’s so good! You’ll have to let me know what you think when you make it. 🙂

  • Reply
    Gourmet Vegetarians
    November 5, 2020 at 4:42 pm

    This is so fun! It’s like a bounty bar in pie form. Excited to try it out, love the chocolate and coconut combination.

    • Reply
      November 5, 2020 at 8:21 pm

      It’s just like a bounty bar! It’s a fun pie!

  • Reply
    November 8, 2020 at 5:19 am

    I had never heard of this! I really want to try it. I love that it uses coconut milk! I love finding discoveries like this while on vacation. 🙂

  • Reply
    November 8, 2020 at 5:57 am

    I’ve never heard of this but it looks amazing, I will definitely try it! YUM!

  • Reply
    Jacqueline Debono
    November 8, 2020 at 10:54 am

    I’ve never been to Hawaii or had a haupia pie. I feel like I’m missing out! Getting to Hawaii is difficult these days but the pie I can make! It looks beautiful and i love the combo of chocolate and coconut!

  • Reply
    November 8, 2020 at 6:53 pm

    I never had this pie before but now I’m intrigued and can’t wait to try it!!! Anything chocolate and coconut is obviously going to be amazing!!!

  • Reply
    November 9, 2020 at 3:33 am

    Since morning I am craving for something chocolate and coconut together! And here I have found your pie! Now I know how I am going to quench my craving. Looks so creamy and delish!

  • Reply
    November 9, 2020 at 2:07 pm

    Mmm that coconut layer is incredible! And such a wonderful combination with chocolate!

  • Reply
    May 6, 2021 at 7:49 am

    Great dessert! I used coconut sugar and it worked well! Thanks for sharing

  • Leave a Reply

    Recipe Rating