Skip to Content

Hawaiian Haupia Pie

Last Updated on June 27, 2025 by Kimberly Stroh

If you’re craving a slice of the islands, there’s no dessert more iconic than the Hawaiian Haupia Pie. This traditional treat marries the tropical flavor of coconut with the indulgent richness of chocolate. Originally rooted in Native Hawaiian cuisine, haupia is a coconut milk-based pudding. It’s divided and layered, chocolate and original coconut, then topped with whipped cream.

It’s a dessert that’s as dreamy as a Hawaiian sunset. Whether you’re hosting a luau, celebrating a summer gathering, or just wanting to escape through flavor, this Haupia Pie is the perfect slice of aloha.

Why We Love This Pie During The Summer

The coconut flavor is great during the summer months and it pairs so well with the rich and creamy chocolate. I can’t say it’s complexity a no-bake dessert because you pre-bake the pie shell, but it’s pretty close. The pudding layers are made over the stovetop and refrigerated before serving. You don’t have to use the oven for hours or worry about the pie burning.

If you’re looking for more summer pie inspiration, try my Pina Colada Pie or the Original Atlantic Beach Pie recipe!

How to make a classic Haupia Pia Recipe.
The Haupia Pie is light, with two layers of coconut & chocolate, then finished with whipped cream.

Tips For Making Haupia Pie

When you’re making the pie, don’t be surprised by the gelatinous texture of the coconut pudding. Haupia is supposed to look like that! You can technically refrigerate the pie and serve it after an hour of refrigeration, but I prefer keeping it in the fridge for 3-4 hours. It will help the flavors become more pronounced, the texture set, and the pie will taste better when it’s completely chilled.

Traditional Haupia Pie Ingredients:

  • 9-Inch Pie Crust: I used a deep-dish store-bought pie crust
  • Whole Milk
  • Cornstarch: This will help give the Haupia thickness. Use light cornstarch (not dark)
  • Unsweetened Coconut Milk: I purchased the Goya brand from the International section
  • Granulated Sugar: Used in the pie and whipped topping
  • Semi-Sweet Chocolate Chips: I used Nestle Tollhouse
  • Heavy Whipping Cream: The base of the whipped topping
  • Coconut Extract: Adds extra flavor to the whipped topping
Top of Haupia Pie

Recipe Variations

If you don’t want to bake a pie crust, use a graham cracker crust. It’s not as traditional, but it’s a great twist that will save you time. Grab a store-bought graham cracker pie crust and follow the recipe directions for the filling layers. If you don’t long a strong coconut flavor, omit the coconut extract in the whipped topping.

Topping & Garnish Options

To decorate the top of your pie, consider adding some toasted coconut to the edges, slivered almonds or crushed macadamia nuts. The whipped topping is beautiful, but adding a ring of garnish makes your Haupia Pie extra fancy.

How To Make A Traditional Hawaiian Haupia Pie

Bake the pie crust according to the package directions, until golden brown. Remove from the oven and let the pie crust cool completely. Turn off oven.

Preparing the pie crust for baking

In a small bowl, combine ½ cup whole milk and cornstarch. Mix until cornstarch is dissolved. Set aside.

Combining the corn starch and the cream.

In a medium-sized saucepan over medium heat, whisk together the remaining 1 cup of whole milk, coconut milk, and granulated sugar. Bring to a simmer, whisking often. Don’t let it burn.

adding the coconut milk and sugars

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. Ensure the mixture is thick before moving to the next step. Keep whisking until thick.

Making the Haupia thick

Place half of the haupia mixture into a separate bowl and set aside. Add chocolate chips to the remaining mixture in the saucepan. Stir until the chocolate chips are completely melted and combined.

Adding chocolate chips to the coconut pudding

Add the chocolate haupia base immediately to the cooled pie crust. Use a spatula to smooth the top. Carefully add the remaining haupia mixture over the top and smooth again with a spatula.

Haupia Pie Recipe with coconut layers

Cover and refrigerate for 6 hours. To make whipped topping, whip heavy cream, and sugar until stiff peaks form. Add coconut extract (optional) and whip for 30 more seconds. Spread on top of the pie.

Add optional garnish, like toasted coconut or crushed macadamia nuts. I love toasted coconut on the sides.

Add toasted coconut for garnish (if desired).
Yield: 8 Servings

Hawaiian Haupia Pie

How to make a classic Haupia Pia Recipe.

The Haupia Pie is a classic Hawaiian dessert that perfectly blends chocolate and coconut together, with a fresh whipped topping! A rich layer of chocolate creates the base, then it's topped with Haupia (coconut pudding), before adding whipped topping to finish.

Prep Time 20 minutes
Cook Time 10 minutes
Additional Time 6 hours
Total Time 6 hours 30 minutes

Ingredients

  • 1 (9-inch) pie crust (store-bought)
  • 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

For The Whipped Topping:

  • 1 ½ cups heavy whipping cream
  • ¼ cup sugar
  • ½ teaspoon coconut extract (optional)

Instructions

    1. Bake the pie crust according to the package directions, until golden brown (about 10 minutes). Remove from the oven and let the pie crust cool completely. Turn off oven.
    2. In a small bowl, combine ½ cup whole milk and cornstarch. Mix until cornstarch is dissolved. Set aside.
    3. In a medium-sized saucepan over medium heat, whisk together the remaining 1 cup of whole milk, coconut milk, and granulated sugar. Bring to a simmer, whisking often. Don't let it burn.
    4. 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. Ensure the mixture is thick before moving to the next step. Keep whisking until thick.
    5. Place half of the haupia mixture into a separate bowl and set aside. Add chocolate chips to the remaining mixture in the saucepan. Stir until the chocolate chips are completely melted and combined.
    6. Add the chocolate haupia base immediately to the cooled pie crust. Use a spatula to smooth the top. Carefully add the remaining haupia mixture over the top and smooth again with a spatula.
    7. Cover and refrigerate for 6 hours. To make whipped topping: whip heavy cream, and sugar until stiff peaks form. Add coconut extract (optional) and whip for 30 more seconds. Spread on top of the pie.
    8. Add optional garnish, like toasted coconut or crushed macadamia nuts. I love toasted coconut on the sides.

Notes

  • The Haupia must be thick. It starts out as a thin liquid. As the cornstarch dissolves, it will the thicken the pudding.
  • Cover the pie with plastic wrap and keep refrigerated. For the best freshness, enjoy the pie within 2-3 days of making it.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:

Yield:

8

Serving Size:

1

Amount Per Serving: Calories: 430Total Fat: 25gSaturated Fat: 16gTrans Fat: 1gUnsaturated Fat: 8gCholesterol: 55mgSodium: 37mgCarbohydrates: 53gFiber: 1gSugar: 47gProtein: 4g

**Nutrition is calculated by a third party. Actual values may vary.

Did you make this recipe?

Please leave a comment on the blog or share a photo on Instagram

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Skip to Recipe