Desserts
This McDonald's-inspired Haupia Pie delivers the same velvety coconut cream dream you know and love, complete with that signature oat crown crunch. The secret lies in a perfectly set coconut custard filling that stays creamy yet firm enough to slice, all topped with a golden, textured oat crunch layer.
After years of perfecting this recipe, I’ve cracked the code for achieving that exact restaurant-quality texture at home—no shortcuts, just precise technique.
The foundation of great Haupia Pie is the coconut custard, which requires gentle heat and constant stirring to prevent curdling while developing that signature smooth, almost pudding-like consistency. I use full-fat coconut milk for richness and a touch of cornstarch to ensure the filling holds its shape when chilled.
The oat crown, meanwhile, gets its signature crunch from a mix of rolled oats and brown sugar baked until golden and crisp.
By the time you slice into this pie, you’ll find layers of silky coconut cream that melts on the tongue, perfectly balanced by the buttery crunch of the oat topping. The aroma alone—warm coconut with a hint of caramelized sugar—will have everyone asking for seconds.
This is the kind of dessert that feels indulgent yet satisfies that craving for something familiar and comforting.
Serve it chilled for that classic Haupia Pie experience, or at room temperature if you prefer a slightly warmer, more aromatic presentation. The recipe scales easily, so whether you're feeding a family or hosting a gathering, this pie will be the star of the show. Let’s get baking!
Ingredients for haupia pie mcdonald's
Eight essential ingredients for that signature McDonald's Haupia Pie texture—creamy coconut filling and crisp oat crown.
| Ingredient | Amount | Notes |
|---|---|---|
| Full-Fat Coconut Milk 🥥 | 2 cans | 13.5 oz each, unsweetened |
| Granulated Sugar 🍚 | 1 ½ cups | White or light brown |
| Cornstarch 🌾 | ¼ cup | For perfect custard texture |
| Large Egg Yolks 🥚 | 4 whole | Fresh, room temperature |
| Vanilla Extract 🌸 | 1 tbsp | Pure, high-quality |
| Salt 🧂 | ¼ tsp | Fine sea salt |
| Rolled Oats 🌾 | 2 cups | Old-fashioned, not instant |
| Light Brown Sugar 🍚 | ¾ cup | Packed, for oat crown |
| Unsalted Butter 🧈 | ½ cup | Cold, cubed for topping |
| Vanilla Bean Paste 🌸 | 1 tsp | For deeper vanilla flavor |
| Ground Cinnamon 🌿 | ½ tsp | Optional, for warmth |
| Heavy Whipping Cream 🥛 | ¼ cup | Whipped for optional garnish |
The coconut milk is non-negotiable—full-fat, unsweetened cans give that rich, velvety texture. Thai Kitchen or Goya brands work best, but any unsweetened will do. For the custard, cornstarch is key—it prevents that grainy texture you get with flour. I always buy mine in bulk from Trader Joe's since it keeps forever. The egg yolks should be fresh and room temperature—they emulsify the filling better. Pro tip: Save the egg whites for meringues or pancakes later.
No full-fat coconut milk? Light coconut milk plus 1 tbsp coconut cream gets you closer, but texture won't be identical. Swapping cornstarch for flour? Use half the amount and expect a slightly firmer filling. For the oat crown, quick oats won't work—rolled oats give that perfect crunch. Brown sugar can be swapped for white, but the moisture difference means less crispiness. The vanilla bean paste is optional but worth it for depth—regular extract works in a pinch. If you're feeling fancy, add a pinch of cinnamon to the oat topping for warmth.
Prep the custard first—it needs 30 minutes to set before baking. The oat topping can be made a day ahead and stored in the fridge. Assemble the pie 4 hours before serving to let flavors meld. Leftovers? 3 days in the fridge—the filling actually improves overnight. For a make-ahead hack, freeze the unbaked pie (without topping) for up to 1 month. Just add fresh topping when ready to bake.
Why You'll Love This Recipe
- Few Ingredients, Big Payoff: I swear by this recipe because it’s that rare dessert where you only need five things—and they’re all pantry staples. No fancy gelatins or hard-to-find extracts here; just coconut milk, sugar, and a few yolks. That’s it. Honestly, I’ve made it with whatever was in my cupboard, and it still turns out creamy and dreamy.
- Creamy Without the Hassle: The magic happens when you whisk those yolks with sugar until they’re pale and fluffy, then slowly fold in the hot coconut milk. No custard pot? No problem. I’ve done it on the stovetop, in a double boiler, even in a slow cooker (yes, really). The result? That signature McDonald’s haupia texture—smooth, jiggly, and just set enough to hold its shape.
- Leftovers? More Like Second Dessert: This pie keeps beautifully in the fridge for days, and honestly, I’ve never met anyone who regrets having extra. The flavor actually gets richer as it sits, so the second (or third) slice is even better. Between us, I’ve reheated slices in the microwave with a splash of coconut milk and called it a “haupia latte”—no judgment.
- Budget-Friendly Luxury: Full-fat coconut milk and egg yolks might sound fancy, but they’re cheaper than most store-bought custard pies. A can of coconut milk and a carton of eggs stretch for multiple pies, and the sugar? Well, let’s not pretend we don’t already have that. It’s the kind of dessert that makes you feel indulgent without breaking the bank—or your willpower.
Step-by-step instructions for haupia pie McDonald's recipe
Here's how to recreate that iconic McDonald's haupia pie at home with a perfect coconut custard and crunchy oat crown.
Prepare the Coconut Custard Base
In a large saucepan, combine the 2 cans full-fat coconut milk, 1.5 cups granulated sugar, and 0.25 cup cornstarch. Stir over medium heat for 5 minutes until the sugar fully dissolves and the mixture thickens slightly—you'll see it transform from a thin liquid to a glossy, syrupy consistency. This step is crucial for preventing lumps later in the custard.
While still warm, gradually whisk in the 4 whole large egg yolks one at a time. I like to temper the eggs first by whisking a small amount of the warm coconut mixture into them before adding the rest—this prevents scrambling. Add the 1 tablespoon vanilla extract and 0.25 teaspoon salt, then stir constantly for 2-3 minutes until the mixture thickens to a pudding-like texture. You're aiming for a smooth, velvety consistency that coats the back of a spoon.
Assemble the Oat Crown Crunch
In a separate bowl, mix the 2 cups rolled oats, 0.75 cup light brown sugar, 0.5 teaspoon ground cinnamon, and 1 teaspoon vanilla bean paste. The cinnamon adds warmth that complements the coconut beautifully. Spread this mixture evenly over the bottom of a 9-inch pie dish and press down gently with your fingers to create an even layer. This will form the crunchy crown when baked.
Dot the oat mixture with the 0.5 cup unsalted butter, cubed and spread evenly. The butter will melt and create pockets of crispiness in the crown. Bake this oat layer at 350°F for 12-15 minutes until golden brown and fragrant. Keep an eye on it—you want it to toast but not burn. This step ensures that signature crunch you get from McDonald's version.
Pour and Bake the Coconut Custard
Pour the warm coconut custard mixture over the baked oat crown, spreading it evenly to the edges. The custard should cover the entire surface but not overflow the pie dish. Place the pie in a water bath by setting it inside a larger baking dish filled with hot water coming up about halfway up the sides of the pie dish. This creates steam that helps the custard set perfectly.
Bake at 350°F for 45-50 minutes until the custard is set but still slightly jiggly in the center. You'll know it's ready when the edges pull away from the pan and the center has a gentle wobble. Let it cool to room temperature before refrigerating for at least 4 hours—this chilling step is essential for that perfect, creamy texture that McDonald's version delivers.
Finish with Whipped Cream and Serve
Once fully chilled, run a knife around the edges of the pie to loosen it from the dish. Carefully invert onto a serving plate, letting the oat crown crown the top. Top with the 0.25 cup whipped heavy whipping cream just before serving. The contrast between the creamy custard, crunchy oat crown, and light whipped cream is what makes this pie so irresistible.
Slice into 8 equal pieces and serve immediately. Each bite should deliver that perfect balance of silky coconut custard, sweet crunch from the oat crown, and cool creaminess from the whipped topping. This pie tastes even better the next day, so make it ahead if you can—just be sure to refrigerate it properly to maintain that perfect texture.
Pro Tips For Making Haupia Pie Mcdonald'S
- Whisk Yolks Like a Pro: Beat those egg yolks until they’re pale and thick—about 3-4 minutes with a hand mixer. I learned this the hard way: under-whisked yolks make the haupia grainy, and overdoing it turns it rubbery. Aim for ribbon stage (when the whisk leaves a trail that holds for a second).
- Strain the Coconut Milk: Use a fine-mesh sieve to strain the full-fat coconut milk before mixing. The leftover pulp can make your haupia clumpy, and no one wants that texture. Takes 2 minutes but saves you from scraping gunk off your teeth later.
- Temper the Egg Yolks: Slowly mix the hot coconut-sugar mixture into the yolks, not the other way around. Dumping hot liquid into cold yolks curdles them faster than you can say “disaster.” Add a splash at a time until it thickens—patience here = silky haupia.
- Chill Before Baking: Let the haupia batter sit at room temp for 10-15 minutes after mixing. Cold batter bakes unevenly, and you’ll end up with a dense bottom layer. Room temp = even cooking and that perfect jiggly center we all crave.
Storing and reheating this dish
Fridge Storage Tips
Store your Haupia Pie in an airtight container with a tight-fitting lid at 40°F or below for up to 3 days. The custard actually improves overnight as flavors meld, but keep it refrigerated to prevent spoilage.
I use glass containers with silicone seals from Pyrex—they preserve moisture better than plastic. Always let the pie cool completely before storing to avoid condensation buildup. 🥥
Freezer Prep Hack
For long-term storage, freeze the unbaked pie (without the oat topping) in a freezer-safe plastic wrap for up to 1 month. Thaw in the fridge overnight before adding fresh topping and baking.
The custard base freezes beautifully, but the oat crown should always be added fresh for optimal crunch. Label your container with the date—1 month max for best texture. 🧊
Reheating Leftovers
Slice leftovers and reheat in the microwave for 20-30 seconds on medium power to warm through without overcooking. For stovetop reheating, place slices in a lightly greased skillet over low heat for 2-3 minutes with a splash of coconut milk to restore moisture.
Avoid high heat—it can make the custard grainy. 🔥
Reviving Crunch
If the oat crown loses crispiness after storage, pop the pie under a broiler for 1-2 minutes on high heat. Keep a close eye—it reheats fast!
For extra crunch, sprinkle toasted coconut flakes on top before serving. This trick works especially well for room-temperature servings where the contrast matters most. ✨
Portion Control
Use individual portion containers for easy grab-and-go servings. Each slice should be about 1.5 inches thick—this ensures the perfect balance of custard and crunch. I portion mine into single-serving glass jars with lids for meal prep.
Store these in the fridge for up to 2 days for quick dessert fixes. 🍽️
Texture Preservation
To maintain that silky coconut texture, avoid reheating slices more than once. The custard's delicate structure breaks down with repeated heating. If serving cold, let slices sit at room temperature for 5 minutes before eating—the contrast with the chilled custard is what makes it irresistible.
Always cover leftovers tightly to prevent drying. 💫
Nutrition facts
Frequently asked questions
What makes this Haupia Pie recipe taste like McDonald's?
The secret lies in the full-fat coconut milk and precise custard technique—constant stirring at medium heat prevents curdling while developing that signature velvety texture. The oat crown gets its signature crunch from baking rolled oats with brown sugar and butter until golden, then adding vanilla bean paste for depth. These details recreate that familiar restaurant experience at home.
Can I substitute light coconut milk for full-fat?
You can try, but expect a less rich texture. For best results, mix light coconut milk with 1 tablespoon coconut cream to mimic full-fat. The custard will still set, but the flavor won't be as vibrant. If you're short on time, this works in a pinch—but for that authentic McDonald's taste, full-fat is non-negotiable.
Why does my custard look grainy after baking?
Graininess usually means the custard wasn't stirred enough during cooking or the cornstarch wasn't dissolved properly. Always whisk constantly over medium heat until the mixture thickens to a pudding-like consistency. If it happens, blend briefly before pouring—just don't over-blend or it'll turn gluey.
How do I get the oat crown extra crispy?
Bake the oat mixture at 350°F for 15 minutes until deep golden brown, then broil for 1-2 minutes at the end. Press the oats firmly into the pie dish and spread butter cubes evenly for maximum crispiness. For extra crunch, toast the oats in a dry pan for 3 minutes before mixing with sugar.
Can I make this pie without eggs?
Yes, but the texture will differ. Replace the 4 egg yolks with 4 tablespoons cornstarch mixed with 4 tablespoons water. This creates a vegan-friendly version, though the custard may be slightly less rich. For binding, add 1 tablespoon aquafaba (chickpea brine) to help stabilize the mixture.