This Coconut Custard Cake is fluffy and sweet, with layers of soft cake and creamy coconut filling. It’s like a tropical vacation on your plate!
Every bite is a little piece of heaven that makes you smile. I love serving it at gatherings, and trust me, it disappears fast! Who doesn’t love a good cake with coconut? 🍰
Key Ingredients & Substitutions
All-Purpose Flour: Essential for structure and texture, all-purpose flour works best here. If you need gluten-free, try a 1:1 gluten-free flour blend.
Unsalted Butter: I love using unsalted butter as it gives complete control over the saltiness. If you want a dairy-free option, stick with a high-quality margarine or vegan butter.
Shredded Coconut: Sweetened shredded coconut is crucial for flavor. If you’re looking for less sugar, unsweetened coconut is a great substitute, but keep in mind it will change the cake’s sweetness.
Whole Milk: Whole milk adds richness; you can substitute with 2% milk or a non-dairy milk such as almond or oat milk for a lighter version. Just know that it might alter the creamy texture slightly.
Granulated Sugar: While standard sugar does the trick, you could use coconut sugar for a little caramel flavor in the cake. It may change the color slightly but won’t impact taste too much.
How Do I Ensure My Custard Fills Are Really Creamy?
Creating a silky custard filling is key. The trick lies in tempering the eggs with hot milk. Here’s a quick guide:
- Heat the milk, then reserve some to mix with cornstarch. This prevents it from clumping together.
- Always whisk the egg yolk mixture while gradually pouring in the hot milk. Doing this slowly stops the eggs from cooking too fast and scrambling.
- Cook the mixture gently and stir constantly until it thickens, usually 5-7 minutes. Patience is essential here!
- Adding butter and vanilla at the end gives it that extra creaminess and flavor; make sure to let it chill to set perfectly.
By following these steps, your custard should turn out smooth and delicious! Remember, practice makes perfect.

How to Make Coconut Custard Cake
Ingredients You’ll Need:
For the Cake:
- 2 ½ cups all-purpose flour
- 2 ½ tsp baking powder
- ½ tsp salt
- 1 cup unsalted butter, softened
- 1 ¾ cups granulated sugar
- 4 large eggs
- 1 tsp vanilla extract
- 1 ¼ cups whole milk
- 1 cup shredded sweetened coconut (plus extra for garnish)
For the Custard Filling:
- 2 cups whole milk
- ¾ cup granulated sugar
- 6 large egg yolks
- ⅓ cup cornstarch
- 2 tbsp unsalted butter
- 1 tsp vanilla extract
- ½ cup shredded sweetened coconut
For the Frosting:
- 1 cup unsalted butter, softened
- 4 cups powdered sugar, sifted
- 2-3 tbsp whole milk or cream
- 1 tsp vanilla extract
How Much Time Will You Need?
This Coconut Custard Cake will take about 1 hour to prepare, plus an additional time of 30-40 minutes to bake and about 1 hour to chill after assembly. So, you can expect a total of around 2-2.5 hours from start to finish for this delicious treat!
Step-by-Step Instructions:
1. Preheat Oven and Prepare Pans:
Start by preheating your oven to 350°F (175°C). While the oven is warming, grab two 9-inch round cake pans. Grease and flour the pans, then line the bottoms with parchment paper to ensure easy removal later. You’re on your way to a beautiful cake!
2. Make the Cake Batter:
In a medium bowl, whisk together the flour, baking powder, and salt. In a large mixing bowl, cream the softened butter and granulated sugar together until it’s light and fluffy—this usually takes about 3-5 minutes. Add the eggs one at a time, mixing well after each addition. Stir in the vanilla extract. Now, slowly mix in the flour mixture and milk in alternating batches, starting and ending with the flour. Be careful not to over-mix! Finally, gently fold in the shredded coconut, making sure it’s evenly distributed.
3. Bake the Cake:
Divide the prepared batter evenly between the two pans. Pop them into the preheated oven and bake for 30-35 minutes. To check if they’re done, insert a toothpick into the center—if it comes out clean, it’s ready! Let the cakes cool in the pans for about 10 minutes, then turn them out onto wire racks to cool completely.
4. Prepare the Custard Filling:
In a saucepan, heat the 2 cups of milk over medium heat until it just begins to boil. In a separate bowl, whisk together the egg yolks, sugar, and cornstarch with the reserved ½ cup of milk until there are no lumps. Slowly pour the hot milk into the egg mixture, whisking continuously to temper the eggs. Return this mixture to the saucepan and cook over medium heat, stirring constantly until it thickens—about 5-7 minutes. Once thickened, remove from the heat and stir in the butter, vanilla, and coconut. Transfer to a bowl, cover it with plastic wrap directly on the surface to avoid a skin forming, and let it chill in the fridge until set.
5. Prepare the Frosting:
In a mixing bowl, beat the softened butter until it’s creamy. Gradually add the sifted powdered sugar, mixing on low until it’s incorporated. Then, add the vanilla extract and milk or cream one tablespoon at a time until you reach your desired frosting consistency. Finally, beat the mixture on high speed for about 3-4 minutes until it’s light and fluffy—to die for!
6. Assemble the Cake:
Once your cakes have cooled completely, place one cake layer on your serving plate. Spread the chilled coconut custard evenly over the top of this layer. Then, gently place the second cake layer on top. Use your delicious buttercream frosting to frost the top and sides of the cake. Don’t forget to sprinkle the extra shredded coconut generously over the frosting for that wonderful garnishing!
7. Serve:
Chill the assembled cake in the refrigerator for at least an hour before serving. This allows everything to set nicely. When you’re ready to serve, slice into this beautifully moist Coconut Custard Cake and enjoy each delightful bite!
Can I Use a Different Type of Milk for This Cake?
Absolutely! While whole milk gives the best richness, you can use 2% milk or even non-dairy alternatives like almond or oat milk. Just remember that it may slightly alter the creaminess of the custard filling.
What Can I Substitute for Unsalted Butter?
If you need a substitute for unsalted butter, you can use margarine or a dairy-free butter alternative. For a healthier option, coconut oil can work well, but it might slightly change the flavor profile.
How Should I Store Leftover Coconut Custard Cake?
Store leftovers in an airtight container in the refrigerator for up to 3-4 days. For extended freshness, consider freezing the cake—just be sure to wrap it tightly in plastic wrap and then in aluminum foil before freezing to prevent freezer burn.
Can I Make This Cake Gluten-Free?
Yes, you can use a gluten-free 1:1 baking flour instead of all-purpose flour. Just be sure to check that your baking powder is also gluten-free to ensure the entire cake stays gluten-free!



