I brought these coconut cream pie bars to a spring potluck recently, and they vanished in minutes. They have all the creamy, tropical flavor of the classic pie but in a format that’s wonderfully easy to slice and serve to a crowd. It’s a recipe I love for its balance of a crisp, buttery crust and a rich, smooth coconut custard.
What makes this recipe so reliable is the straightforward technique. The filling comes together in one saucepan, and the crust is a simple press-in affair. It’s an elegant dessert that doesn’t require a lot of fuss, making it perfect for holidays, gatherings, or anytime you need a truly special treat.
Perfecting the Crust
A great bar starts with a solid foundation. For the crust, make sure your graham cracker crumbs are thoroughly moistened with the melted butter. The mixture should feel like damp sand. When you press it into your baking dish, use the bottom of a measuring cup or a flat glass to compact it firmly and evenly. This simple step is the key to creating clean slices and preventing the base from crumbling apart when you serve it.
Toasting Coconut Like a Pro
Toasting the coconut is a small step that delivers a huge flavor payoff, adding a nutty depth that complements the creamy filling. The key is to watch it carefully, as shredded coconut can go from perfectly golden to burnt in under a minute. Spread it in a single, even layer on your baking sheet. I recommend setting a timer and stirring it halfway through to ensure every piece toasts evenly. Pull it from the oven as soon as it’s fragrant and light brown.
Achieving a Dreamy, Creamy Filling
The secret to a silky, luscious filling is proper technique on the stovetop. First, whisk your dry ingredients—sugar, cornstarch, and salt—together in the saucepan before adding any liquid. This prevents lumps. Then, cook over steady medium heat, not high, and stir constantly with a whisk. This allows the cornstarch to activate evenly without scorching the bottom, resulting in a thick, pudding-like consistency that sets up beautifully in the fridge.
Recipe Overview
- Prep Time: 20 minutes
- Cook Time: 15 minutes
- Total Time: 2 hours
- Servings: 12 bars
- Difficulty: Medium
Ingredients
For the Crust
- 150g (1 1/2 cups) graham cracker crumbs
- 85g (6 tablespoons) unsalted butter, melted
For the Filling
- 150g (3/4 cup) granulated sugar
- 40g (1/3 cup) cornstarch
- 1/4 tsp (1.5g) salt
- 480g (2 cups) whole milk
- 240g (1 cup) canned full-fat coconut milk
- 2 tsp vanilla extract
- 4 large egg yolks
For the Topping
- 100g (1 cup) sweetened shredded coconut
- 240g (1 cup) whipped cream
Step-By-Step Instructions
- Prepare the Crust
Preheat your oven to 350°F (175°C). In a small bowl, combine the graham cracker crumbs and melted butter, mixing until the crumbs are evenly moistened. Press the mixture firmly and evenly into the bottom of an 8×8-inch or 9×9-inch baking dish. Bake for 10 minutes, or until the crust is set and lightly golden. Set aside to cool completely.
- Toast the Coconut
While the crust bakes, spread the sweetened shredded coconut in a single layer on a baking sheet. Bake at 350°F (175°C) for 5–7 minutes, stirring once or twice, until the coconut is fragrant and golden brown. Watch it closely to prevent burning. Remove from the oven and set aside.
- Make the Coconut Filling
In a medium saucepan, whisk together the sugar, cornstarch, and salt. Gradually whisk in the whole milk and coconut milk until smooth. Stir in the vanilla extract and egg yolks. Cook over medium heat, whisking constantly, until the mixture thickens to a pudding-like consistency, about 5–7 minutes. Do not let it boil.
- Assemble and Chill
Pour the hot coconut filling over the cooled crust, spreading it into an even layer with a spatula. Press a piece of plastic wrap directly onto the surface of the filling to prevent a skin from forming. Refrigerate for at least 1 hour, or until the filling is completely firm and chilled.
- Garnish and Serve
Once the filling is set, remove the plastic wrap. Spread the whipped cream evenly over the top. Sprinkle generously with the toasted coconut. Slice into 12 bars and serve immediately.
Substitutions & Variations
- Different Crust: For a buttery, slightly different flavor, substitute the graham cracker crumbs with an equal amount of crushed digestive biscuits or vanilla wafers.
- Tropical Twist: Add the finely grated zest of one lime to the filling along with the milk for a bright, citrusy note that complements the coconut perfectly.
- Dairy-Free Option: Use a plant-based butter alternative for the crust, almond or oat milk instead of whole milk, and a dairy-free whipped topping to make this recipe dairy-free.
If you enjoy this dish, try our Chocolate Chip Cookie Bars for a perfect pairing or next-weeknight option.
Make-Ahead, Storage & Reheat
These bars are best served chilled. Store them in an airtight container in the refrigerator for up to 3 days. The crust will soften slightly over time. For best results, add the whipped cream and toasted coconut topping just before serving.
Nutrition
- Serving: 1 bar
- Calories: 280 kcal
- Protein: 4g
- Fat: 15g
- Carbohydrates: 30g
- Per 100g: 250 kcal, 3.5g protein, 13g fat, 27g carbs.
Estimates only.
FAQ
My cream filling seems too thin; how can I fix this before chilling?
The filling likely needs more time on the stove to properly thicken. Keep whisking over medium heat until it’s thick enough to coat a spoon, ensuring it sets up firmly.
How can I prevent the graham cracker crust from getting soggy later?
A tightly packed crust is key. Press the crumb mixture firmly and evenly into the pan and let it cool completely before you pour in the filling for a sturdier base.
Can I prepare these coconut cream bars a day or two ahead of time?
Absolutely. You can assemble the crust and filling and keep it refrigerated. For the best texture, add the whipped topping and toasted coconut just before you serve them.
What happens if I freeze these bars to store them for longer?
Freezing is not recommended because the dairy in the cream filling can separate upon thawing. This creates a watery, sometimes grainy texture that's best to avoid.
What is the best way to make these coconut cream bars gluten-free?
Simply swap the graham crackers with a gluten-free variety. The filling and topping ingredients are naturally gluten-free, but always check package labels to be certain.
Should I use sweetened or unsweetened shredded coconut for this recipe?
Either works well. Unsweetened coconut provides a more intense, nutty flavor, which is great for the topping. Sweetened coconut adds extra moisture and sweetness overall.
Can this recipe be doubled and baked in a larger 9×13-inch pan?
Yes, this recipe doubles nicely for a 9×13 pan. Just be aware the filling will take a bit longer to cook and thicken on the stovetop because of the larger volume.
Why did my graham cracker crust turn out greasy instead of firm?
This often happens if the butter-to-crumb ratio is slightly off. Measure your crumbs carefully and mix just until the texture resembles damp sand before pressing firmly.
Equipment
- 8×8 metal pan or 9×9 metal pan
- Small mixing bowl
- Measuring cup
- Spatula
- Saucepan
- Whisk
- Baking sheet
- Oven
- Plastic wrap
Ingredients
- For the Crust
- 150 g (1 1/2 cups) Graham cracker crumbs
- 85 g (6 tablespoons) Unsalted butter melted
- For the Filling
- 150 g (3/4 cup) Granulated sugar
- 40 g (1/3 cup) Cornstarch
- 1/4 tsp (1.5g) Salt
- 480 g (2 cups) Whole milk
- 240 g (1 cup) Canned full-fat coconut milk
- 2 tsp Vanilla extract
- 4 large Egg yolks
- For the Topping
- 100 g (1 cup) Sweetened shredded coconut
- 240 g (1 cup) Whipped cream
Instructions
- Preheat the oven to 350°F (175°C). Combine graham cracker crumbs and melted butter in a small bowl until evenly moistened. Press mixture firmly and evenly into the bottom of an 8×8 or 9×9 inch baking dish.
- Bake crust for 10 minutes or until set and lightly golden. Remove from oven and let cool completely.
- Spread sweetened shredded coconut in a single layer on a baking sheet. Bake at 350°F (175°C) for 5 to 7 minutes, stirring once or twice, until fragrant and golden brown. Watch carefully to avoid burning. Remove and set aside.
- In a medium saucepan, whisk together sugar, cornstarch, and salt. Gradually whisk in whole milk and coconut milk until smooth. Stir in vanilla extract and egg yolks.
- Cook over medium heat, whisking constantly, until the mixture thickens to a pudding-like consistency and does not boil, about 5 to 7 minutes.
- Pour hot coconut filling over cooled crust and spread into an even layer with a spatula. Press plastic wrap directly onto the surface to prevent skin forming.
- Refrigerate for at least 60 minutes or until filling is completely firm and chilled.
- Remove plastic wrap. Spread whipped cream evenly over the filling. Sprinkle toasted coconut on top.
- Slice into 12 bars and serve immediately.
