Quick Recipe Version (TL;DR)
Quick Ingredients
- 1 1/2 cups (150 g) graham cracker crumbs
- 1/2 cup (50 g) sweetened shredded coconut
- 2 tbsp (25 g) granulated sugar
- 6 tbsp (85 g) unsalted butter, melted
- 1 can (13.5 oz / 400 ml) full-fat coconut milk
- 1 1/4 cups (300 ml) whole milk
- 1/2 cup (100 g) granulated sugar
- 1/4 cup (32 g) cornstarch
- 1/4 tsp fine salt
- 5 large egg yolks
- 2 tbsp (28 g) unsalted butter
- 1 tsp vanilla extract
- 1 1/4 cups (105 g) sweetened shredded coconut (for custard)
- 2 large ripe mangos, thinly sliced (or 1 cup mango curd)
- 2 tbsp (12 g) toasted shredded coconut (for topping)
- 1 tsp lime zest (optional)
Do This
- 1. Heat oven to 350°F (177°C). Toast coconut for topping 5–7 minutes; cool.
- 2. Mix crumbs, coconut, sugar, and melted butter; press into a 9-inch pie plate.
- 3. Bake crust 10 minutes; cool 15 minutes.
- 4. Whisk coconut milk, whole milk, sugar, cornstarch, salt, and yolks; cook until thick and bubbling, 6–10 minutes.
- 5. Off heat, stir in butter, vanilla, and shredded coconut; pour into crust and press plastic wrap onto surface.
- 6. Chill until fully set, at least 6 hours (or overnight).
- 7. Top with mango slices (or mango curd), sprinkle toasted coconut, slice, and serve cold.
Why You’ll Love This Recipe
- Big tropical flavor without complicated techniques: a simple stovetop custard and an easy pressed crust.
- Creamy coconut filling sets up sliceable and lush, with just enough chew from shredded coconut.
- Mango adds bright, sunny freshness that balances the richness of the custard.
- Make-ahead friendly: it needs a long chill, so it’s perfect for entertaining.
Grocery List
- Produce: 2 large ripe mangos, 1 lime (optional for zest)
- Dairy: Unsalted butter, whole milk, large eggs
- Pantry: Graham crackers (or graham cracker crumbs), sweetened shredded coconut, full-fat coconut milk (1 can), granulated sugar, cornstarch, vanilla extract, fine salt
Full Ingredients
Graham-Coconut Crust
- 1 1/2 cups (150 g) graham cracker crumbs (from about 10–12 full graham sheets)
- 1/2 cup (50 g) sweetened shredded coconut
- 2 tbsp (25 g) granulated sugar
- 6 tbsp (85 g) unsalted butter, melted
- Pinch of fine salt
Coconut Custard Filling
- 1 can (13.5 oz / 400 ml) full-fat coconut milk
- 1 1/4 cups (300 ml) whole milk
- 1/2 cup (100 g) granulated sugar
- 1/4 cup (32 g) cornstarch
- 1/4 tsp fine salt
- 5 large egg yolks
- 2 tbsp (28 g) unsalted butter
- 1 tsp vanilla extract
- 1 1/4 cups (105 g) sweetened shredded coconut
Mango Topping
- 2 large ripe mangos (about 1 1/2 lb / 680 g total), peeled and thinly sliced
- 1 tsp finely grated lime zest (optional, for extra brightness)
To Finish
- 2 tbsp (12 g) sweetened shredded coconut, toasted
Optional: Mango Curd Layer (instead of mango slices)
- 1 cup (240 ml) mango purée (from about 2 ripe mangos, blended smooth)
- 1/3 cup (67 g) granulated sugar
- 3 large egg yolks
- 2 tbsp (30 ml) fresh lime juice
- 1/8 tsp fine salt
- 4 tbsp (57 g) unsalted butter, cut into pieces
Step-by-Step Instructions
Step 1: Toast the coconut for the topping
Preheat the oven to 350°F (177°C). Spread 2 tbsp (12 g) shredded coconut on a small rimmed baking sheet in an even layer. Bake for 5–7 minutes, stirring once halfway through, until lightly golden. Watch closely near the end; coconut can go from perfect to too dark quickly.
Set aside to cool. (It will crisp up as it cools.)
Step 2: Make and bake the graham-coconut crust
In a medium bowl, mix together 1 1/2 cups (150 g) graham cracker crumbs, 1/2 cup (50 g) shredded coconut, 2 tbsp (25 g) sugar, and a pinch of salt. Pour in 6 tbsp (85 g) melted butter and stir until the mixture resembles wet sand and holds together when pressed.
Press firmly into a 9-inch pie plate, packing the crumbs tightly across the bottom and up the sides. Bake at 350°F (177°C) for 10 minutes, until fragrant and slightly deeper in color. Cool the crust on a rack for 15 minutes while you make the filling.
Step 3: Whisk the custard base (before turning on the heat)
In a large saucepan (3-quart works well), whisk together 1 can coconut milk, 1 1/4 cups (300 ml) whole milk, 1/2 cup (100 g) sugar, 1/4 cup (32 g) cornstarch, and 1/4 tsp salt until smooth.
Add 5 egg yolks and whisk again until fully blended. Starting cold helps prevent lumps and makes the custard easier to thicken evenly.
Step 4: Cook the coconut custard until thick and glossy
Set the saucepan over medium heat. Whisk constantly, making sure to scrape the bottom and corners of the pan. After a few minutes, the mixture will start to steam, then thicken. Once you see slow bubbles (a gentle boil), keep whisking and cook for 1 full minute more to fully activate the cornstarch.
The custard is ready when it coats the back of a spoon and holds a visible whisk trail. If using an instant-read thermometer, aim for about 170–175°F (77–79°C).
Step 5: Finish the filling, then fill the crust
Remove the pan from the heat. Immediately whisk in 2 tbsp (28 g) butter until melted and smooth, then whisk in 1 tsp vanilla extract. Stir in 1 1/4 cups (105 g) shredded coconut.
Pour the hot custard into the cooled crust and smooth the top. Press a sheet of plastic wrap directly onto the surface of the custard (this prevents a skin from forming). Let it cool at room temperature for 30 minutes, then refrigerate until fully set, at least 6 hours (overnight is ideal for the cleanest slices).
Step 6: Prepare the mango topping (slices or curd)
For mango slices: Peel the mangos. Slice the cheeks off each mango, then cut into thin slices (about 1/8-inch thick). If you’d like extra pop, toss the slices with 1 tsp lime zest.
For mango curd (optional): In a small saucepan, whisk 1 cup mango purée, 1/3 cup (67 g) sugar, 3 egg yolks, 2 tbsp (30 ml) lime juice, and 1/8 tsp salt. Cook over medium-low heat, whisking constantly, until it thickens and reaches 170°F (77°C), about 6–10 minutes. Off heat, whisk in 4 tbsp (57 g) butter until smooth. Cool to room temp, then refrigerate until spreadable.
Step 7: Decorate, garnish, and serve
Once the pie is fully chilled and set, remove the plastic wrap. Arrange the mango slices on top in overlapping rows or a rosette pattern. If using mango curd, spread a thin, even layer (about 3/4 cup) over the custard, then add mango slices if you like.
Finish with the toasted coconut sprinkled over the top. Slice with a sharp knife wiped clean between cuts for the neatest servings. Serve cold.
Pro Tips
- Whisk before heat, whisk throughout: Combining the cornstarch and dairy while cold helps prevent lumps; constant whisking prevents scorching.
- Cook 1 minute after bubbling: Once the custard bubbles, keep it going for a full minute so the cornstarch sets properly (this helps avoid a runny slice later).
- Plastic wrap on the surface is your friend: Press it directly onto the custard to prevent a skin.
- Use ripe, fragrant mangos: If your mangos smell sweet at the stem end and give slightly to pressure, they’ll taste best on the pie.
- Clean slices: Dip your knife in hot water, wipe dry, slice, then wipe between cuts.
Variations
- Cookie crust swap: Use 1 1/2 cups (180 g) crushed vanilla wafers instead of graham crumbs for a more dessert-like, bakery vibe.
- Extra tang: Add 2 tsp lime juice to the custard off heat (after thickening) for a brighter coconut-lime filling.
- Banana-mango tropical: Add a thin layer of 1 sliced banana over the custard right before adding mango, then chill 30 minutes to set the fruit in place.
Storage & Make-Ahead
This pie is best served within 24 hours of topping with mango (the fruit stays freshest and doesn’t weep as much). Store the pie covered in the refrigerator for up to 3 days. For the cleanest presentation, you can make and chill the crust + coconut custard filling up to 2 days ahead, then add mango and toasted coconut 1–3 hours before serving. Freezing is not recommended; custard texture can become grainy after thawing and mango can turn watery.
Nutrition (per serving)
Approximate, per 1/10 pie: 420 calories, 25 g fat, 47 g carbs, 5 g protein, 2 g fiber, 32 g sugar, 220 mg sodium.
