Creamy Coconut Haupia Squares

Category: Sweet Finishes & Fresh-Baked Joy

This delightful Hawaiian dish features a smooth, creamy coconut layer gently set over a crisp graham cracker crust. Combining coconut milk, sugar, and vanilla, the filling is cooked until thickened then chilled to achieve a satisfying, firm texture. The buttery crust offers a sweet contrast, adding a satisfying crunch to each bite. Perfectly chilled and cut into squares, this treat highlights the simple yet rich flavors of coconut and vanilla, evoking tropical comfort with every mouthful.

Breanna smiling at the camera.
Created By Breanna
Last updated on Mon, 24 Nov 2025 17:21:27 GMT
Coconut haupia squares on a wooden tray. Save
Coconut haupia squares on a wooden tray. | foodiffy.com

Coconut Haupia Squares are a perfect dessert for those who love creamy coconut flavors combined with a crisp graham cracker crust. This recipe is straightforward and ideal for home cooks looking to impress without hours in the kitchen.

I first made these after a trip to Hawaii and was hooked on the silky coconut filling. It became a favorite for potlucks and family dinners because of how effortlessly it comes together.

Ingredients

  • Coconut milk: adds rich creamy coconut flavor choose full-fat for best results and a velvety texture
  • Water: dilutes the coconut milk slightly balancing the creaminess and helps cook the pudding evenly
  • Sugar: sweetens the dessert adjust according to your preference for sweetness
  • Cornstarch: is the thickening agent use pure cornstarch to get the perfect pudding consistency
  • Salt: enhances the coconut flavor and rounds out the sweetness a small pinch makes a big difference
  • Vanilla extract: adds warmth and depth pick pure vanilla extract for a natural aroma
  • Graham cracker crumbs: provide a crunchy base select finely crushed crackers for even texture
  • Melted butter: binds the graham cracker crumbs and adds a rich buttery taste use unsalted to control salt level

Instructions

Build The Crust:
Press the graham cracker crumbs mixed with melted butter firmly into the bottom of an 8 by 8 inch baking dish. The key here is to pack it tightly so it holds together when you cut the bars later. Bake in a preheated oven at 350 degrees Fahrenheit for 10 minutes. This browns the crust slightly and prevents sogginess.
Prepare The Filling:
In a medium saucepan whisk together coconut milk water sugar cornstarch and salt before heating. Cook over medium heat stirring constantly. This step is important to prevent lumps and ensure the pudding thickens evenly. Once the mixture boils and thickens to a custard like texture remove from heat and stir in vanilla extract immediately to absorb the flavor.
Assemble and Chill:
Pour the coconut pudding over the cooled graham cracker crust spreading gently to an even layer. Refrigerate for at least 4 hours so the haupia sets firmly. Trying to cut it too early can cause the squares to fall apart.
A square of cake with coconut on top.
A square of cake with coconut on top. | foodiffy.com

I love how fragrant the coconut milk is in this recipe it always reminds me of my first trip to the islands and the family who shared this dessert with me. The combination of creamy and crunchy layers makes this a memorable treat every time.

Storage Tips

These haupia squares keep well covered in the refrigerator for up to 3 days. Make sure to use an airtight container to prevent them from absorbing other fridge odors. If the crust softens after storage re-crisp it slightly in a low oven for a few minutes before serving.

Ingredient Swaps

You can swap graham cracker crumbs for crushed digestive biscuits or gluten free cookies depending on your preference or dietary needs. If you cannot find coconut milk canned full fat canned coconut cream diluted with water works as a substitute but adjust sugar as coconut cream is sweeter.

Serving Ideas

Top these squares with toasted coconut flakes or a dollop of whipped coconut cream for an extra coconut punch. Fresh tropical fruit like mango or pineapple on the side complements the dessert’s flavors wonderfully and adds freshness.

A square of cake with coconut on top.
A square of cake with coconut on top. | foodiffy.com

I learned these details the hard way but once mastered this recipe is consistently a crowd pleaser.

Frequently Asked Recipe Questions

→ What can I use instead of graham cracker crumbs for the crust?

You can substitute crushed digestive biscuits or shortbread cookies to achieve a similar texture and sweetness in the crust.

→ How long should the coconut layer chill before serving?

It’s best to refrigerate for at least 4 hours to allow the coconut layer to fully set and firm up.

→ Can I use light coconut milk instead of full-fat?

Light coconut milk can be used for a lighter version, but the texture may be less creamy and rich compared to full-fat coconut milk.

→ Why is it important to cool the crust before adding the coconut mixture?

Cooling prevents the crust from becoming soggy when the warm coconut mixture is poured over it, maintaining a crisp base.

→ How do I ensure the coconut layer thickens properly?

Constant stirring over medium heat while cooking the coconut mixture helps activate the cornstarch for a smooth, thick consistency.

Classic Coconut Haupia Squares

Creamy coconut filling atop a sweet graham cracker crust creates a classic Hawaiian dessert.

Preparation Time
20 mins
Time to Cook
10 mins
Overall Time
30 mins
Created By: Breanna

Type of Recipe: Desserts & Baking

Cooking Difficulty: Suitable for Beginners

Cultural Origin: Hawaiian

Portion Size: 16 Number of Servings (16 squares)

Dietary Options: Good for Vegetarians

Ingredients Required

→ Crust

01 120 g graham cracker crumbs
02 60 g melted butter

→ Filling

03 400 ml coconut milk (full fat recommended)
04 120 ml water
05 50 g granulated sugar
06 30 g cornstarch
07 1.25 ml salt
08 2.5 ml vanilla extract

Guide to Cooking

Step 01

Preheat oven to 175°C. Combine graham cracker crumbs and melted butter in a bowl until evenly mixed. Press firmly into the base of a baking dish measuring 20×20 cm.

Step 02

Bake the crust for 10 minutes until lightly golden. Remove from oven and allow to cool completely.

Step 03

In a medium saucepan, whisk together coconut milk, water, sugar, cornstarch, and salt. Cook over medium heat, stirring constantly until the mixture thickens and reaches a boil.

Step 04

Remove the saucepan from heat and stir in vanilla extract thoroughly.

Step 05

Pour the thickened coconut mixture evenly over the cooled crust. Refrigerate for at least 4 hours until fully set.

Step 06

Cut into 16 squares and serve chilled.

Extra Suggestions

  1. Use full-fat coconut milk for a richer, creamier texture.
  2. Ensure the crust is cooled before adding the filling to avoid sogginess.
  3. Allow sufficient refrigeration time to achieve a firm set.

Necessary Equipment

  • 20×20 cm baking dish
  • Medium saucepan
  • Mixing bowls
  • Whisk

Allergen Info

Always check ingredient labels for allergens, and talk to a health expert if you’re unsure.
  • Contains gluten and dairy (from butter)

Nutritional Info (Per Serving)

Nutrition facts are for general information and shouldn’t replace professional health advice.
  • Energy (Calories): 175
  • Fats: 10 g
  • Carbohydrates: 17.5 g
  • Protein: 1.5 g