Wanderzest

  • Home
  • Recipes
    • Appetizers
    • Bread
    • Breakfast
    • Dessert
    • Drinks
    • Dinner
    • Side Dishes
    • Toppings and Sauces
  • About
  • Subscribe
menu icon
go to homepage
  • Memorial Day
  • Recipes
  • Travel
  • About
  • Subscribe
subscribe
search icon
Homepage link
  • Memorial Day
  • Recipes
  • Travel
  • About
  • Subscribe
×
Home » Recipes » Dessert

Chocolate Haupia Pie

Updated: Mar 19, 2025 · Published: Nov 2, 2020 by Ashley Amundsen · This post may contain affiliate links. · 29 Comments

Jump to Recipe

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 at 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.

Living a six-hour flight away from Ted's Bakery, I knew I needed to recreate this pie at home.

Jump to:
  • 🥥 What is Haupia?
  • 🥘 Ingredients
  • 🔪 Instructions
  • 💭 FAQs
  • 🍰 More Dessert Recipes
  • 📋 Recipe
  • ⭐ Reviews
A slice of haupia pie on a white plate.

🥥 What is Haupia?

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.

🥘 Ingredients

  • 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 from Sally's Baking Addiction.
  • 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 milk: Do 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.
  • Cornstarch: Traditionally, 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.
Haupia pie on a marble surface.

🔪 Instructions

  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.

💭 FAQs

Can you make this pie dairy-free?

This pie can be made dairy-free if you swap out the whipped cream for a coconut whipped cream. Everyone can enjoy this dessert!

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.

What Can I Serve with This Pie?

I have other Thanksgiving/holiday recipes that you'll love! Try my Sweet Potato Souffle and Pomegranate Fruit Salad too.

A slice of haupia pie on a white plate.

🍰 More Dessert Recipes

  • Creamy Coconut Ice Cream
  • Coconut Macaroons
  • Dutch Stroopwafels
  • Cannoli Dip
  • Mango Sticky Rice

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 Instagram, Pinterest, and Facebook, too!

📋 Recipe

A slice of haupia pie on a white plate.

Chocolate Haupia Pie

Ashley Amundsen
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.
5 from 9 votes
Print Recipe Pin Recipe Save Saved!
Prep Time 1 hour hr
Total Time 5 hours hrs
Course Dessert
Cuisine Hawaiian
Servings 8 servings
Calories 586 kcal
Prevent your screen from going dark

Ingredients
  

Pie Filling

  • 1 9 inch pie crust
  • 1 cup whole milk
  • 14 ounce can whole coconut milk
  • 2 teaspoon coconut extract
  • 1 cup sugar
  • 1 cup water
  • ½ cup cornstarch
  • 4 ounces dark chocolate

Whipped Cream

  • 1 ½ cups heavy whipping cream
  • ¼ cup powdered sugar
  • ½ teaspoon coconut extract

Instructions
 

  • Bake pie crustBake the pie crust according to package or recipe directions. Set aside to cool.
  • Whisk togetherIn a medium sauce pan over medium heat, whisk together whole milk, coconut milk, coconut extract, and sugar. Bring to a simmer, stirring frequently.
  • CombineIn a bowl or liquid measuring cup, combine water and cornstarch.
  • SimmerAfter bringing the coconut mixture to boiling, reduce to a simmer and slowly stir in the cornstarch mixture.
  • WhiskContinue whisking for 3 minutes or until the coconut mixture has thickened.
  • Divide and MicrowaveDivide the mixture into two bowls. Microwave the chocolate until melted and add to one of the bowls.
  • Pour and spreadPour the chocolate mixture into the baked pie crust. Carefully spread the remaining coconut mixture on top.
  • RefrigerateRefrigerate the pie for 4-6 hours or until set. Top with whipped cream (see below.)
  • Whipped Cream:Whip creamWhip the whipped cream, sugar, and extract with a mixer until stiff peaks form.
  • Pipe on pieUse a piping bag and star tip to pipe the whipped cream on top of the pie before serving.

Notes

  • If you go with a store-bought crust, I love this one from Marie Callender's. This is a great recipe from Sally's Baking Addiction for a homemade pie crust.
  • 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.

Nutrition

Calories: 586kcalCarbohydrates: 60gProtein: 5gFat: 38gSaturated Fat: 25gPolyunsaturated Fat: 10gTrans Fat: 1gCholesterol: 55mgSodium: 129mgFiber: 2gSugar: 39g
Did you try the recipe?Leave us a review!

More Delicious Easy Desserts

  • Butterbeer Crepes (Epic Universe Copycat)
  • Dulce de leche snickerdoodles broken in half and placed in a stack.
    Dulce de Leche Snickerdoodles
  • Drizzling salted caramel sauce on top of a piece of bread pudding. The pan with the rest of the pudding is in the background.
    Irish Bread Pudding with Salted Caramel Sauce
  • Pani Popo (Samoan Coconut Sweet Rolls)

Comments

    5 from 9 votes

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe Rating




  1. Amanda Mason says

    September 11, 2022 at 10:53 pm

    Made this for dessert after dinner....so good and easy to make! Loved all the coconut!

    Reply
  2. Moop Brown says

    September 11, 2022 at 9:46 pm

    I don't think I've heard of this recipe before but I'm a big fan of pie so I definitely think it is something I'll enjoy.

    Reply
  3. Amy Casey says

    September 11, 2022 at 7:31 pm

    Three of my favorites in one dessert ~ coconut, chocolate and pie! This pie was so creamy and delicious. I will be making it again.

    Reply
  4. Kristina says

    September 11, 2022 at 6:21 am

    My family loved this pie! We love coconut flavored everything so had homemade coconut extract on hand and used that. It's easy to make if you're unable to find coconut extract locally. Highly recommend this delicious pie!

    Reply
  5. Leslie says

    September 10, 2022 at 2:08 pm

    What a fantastic dessert recipe! This one will be remembered by my family for quite some time! Nothing beats chocolate and coconut!

    Reply
  6. Amanda says

    September 10, 2022 at 11:11 am

    This pie was divine! It was full of tropical flavor with the coconut, and the filling was so luscious. Perfect dessert for the end of summer.

    Reply
  7. Ann says

    September 10, 2022 at 7:26 am

    I have never heard of this pie before, but I love a chocolate and coconut pie! Sounds delicious! Excited to give it a try!

    Reply
  8. LaKita says

    September 09, 2022 at 6:24 pm

    This pie looks absolutely amazing! So pretty and loaded with so many delicious ingredients. I cannot wait to give it a try this weekend 🙂

    Reply
  9. veenaazmanov says

    September 09, 2022 at 1:53 pm

    Love your recipe and I love every combination to making this Chocolate and Coconut Pie. Definitely a must try delicious dessert.

    Reply
« Older Comments
Ashley

Hi, I'm Ashley! I created Wanderzest as a place to share traditional foods and fusion recipes inspired by different cultures. I hope you enjoy experiencing the world through food with me!

More about me →

Memorial Day

  • Coconut Lemongrass Tea

  • Thai Peanut Sauce

  • Thai Cucumber Salad

  • Chicken Satay on a black surface.
    Baked Chicken Satay

  • Chicken gyro on a wood surface.
    Greek Chicken Gyros

  • Greek tzatziki in a white bowl next to cucumbers and carrots.
    Greek Tzatziki

See more Memorial Day →

Featured On

Trending Recipes

  • Stroopwafels in a stack with a spoon drizzling caramel on top.
    Dutch Stroopwafels

  • A stack of homemade cannoli on a white plate.
    Homemade Cannoli

  • Piece of mochi with a bit taken out of it.
    Custard Mochi (Daifuku)

  • Pita bread on a plate next to a bottle of olive oil.
    Homemade Pita Bread

  • A piece of hagelslag bread on a white plate.
    Dutch Hagelslag

  • How to Cook Frozen Chicken in the Instant Pot

Footer

As Seen On...

↑ back to top

About

  • Privacy Policy
  • Disclaimer
  • Terms & Conditions
  • Accessibility Policy

Recipes

  • Dinner
  • Dessert
  • Side Dishes

Contact

  • Work with Me
  • Press
  • Contact

As an Amazon Associate, I earn from qualifying purchases.

Copyright © 2025 Wanderzest

  • 34
332 shares

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.