This creamy coconut milk custard cake is soft, silky, and full of sweet coconut flavor. It bakes into a tender dessert with a delicate cake layer on top and a smooth custard layer underneath, giving you two textures in every slice.
The batter looks thin when it goes into the pan, but that’s exactly what you want. As it bakes, the eggs, flour, butter, and coconut milk settle into a rich custard base with a light, sponge-like top. The edges turn golden, the center stays creamy, and the coconut gives the whole cake a sweet, cozy flavor without making it heavy.
This is a great dessert when you want something simple but a little different from a regular cake. It doesn’t need frosting. It doesn’t need a long list of decorations. A dusting of powdered sugar and a sprinkle of toasted coconut are enough to make it look beautiful on the plate.
CREAMY COCONUT MILK CUSTARD CAKE INGREDIENTS
This coconut custard cake uses simple baking ingredients, but each one has an important job. The eggs help the cake separate into soft layers, the coconut milk makes the custard rich and creamy, and the shredded coconut adds a little chew in the best way.
You’ll need:
¾ cup of granulated sugar
4 large eggs, separated and at room temperature
½ cup of unsalted butter, melted and cooled slightly
¾ cup of all-purpose flour, spooned and leveled
¼ teaspoon of salt
1½ cups of full-fat canned coconut milk, shaken well before measuring
½ cup of whole milk, warmed slightly
2 teaspoons of vanilla extract
½ teaspoon of coconut extract, optional
½ cup of sweetened shredded coconut
2 tablespoons of powdered sugar, for dusting
2 tablespoons of toasted shredded coconut, for garnish
WHAT KIND OF COCONUT MILK SHOULD I USE?
Full-fat canned coconut milk works best for this recipe. It gives the custard a rich texture and a deep coconut flavor. Make sure you shake the can well before opening it, since the thick cream and liquid can separate while it sits in the pantry.
Carton coconut milk is not the best choice here. It is thinner and usually has less fat, so the custard won’t be as creamy. You need that thick canned coconut milk to help the cake set with the right soft, smooth texture.
If your coconut milk still looks separated after shaking, pour it into a bowl and whisk it until smooth before measuring.
WHY THIS COCONUT CUSTARD CAKE WORKS
This cake is all about texture. The batter starts out loose, almost like a thin pancake batter with whipped egg whites folded in. While it bakes, the heavier ingredients settle toward the bottom and form the custard. The lighter egg whites rise toward the top and make a soft cake layer.
The result is a dessert that feels part cake, part pudding, and part custard. It’s creamy without being too rich, sweet without being too sugary, and coconut-flavored without tasting artificial.
The real trick is patience. The cake needs time to cool so the custard can set. If you cut into it too soon, the center will be too soft. Once chilled, it slices into neat squares with a smooth bottom and tender golden top.
HOW TO MAKE CREAMY COCONUT MILK CUSTARD CAKE
This recipe comes together with basic mixing steps, but the order matters. Take your time with the egg whites, fold gently, and don’t worry if the batter looks a little unusual before baking.
STEP ONE: Preheat the oven to 325°F. Line an 8×8-inch baking dish with parchment paper, leaving a little overhang on two sides. Lightly spray the parchment and the uncovered sides of the dish with nonstick baking spray.
STEP TWO: Separate the eggs, placing the yolks in one large mixing bowl and the whites in a second clean bowl. Let them sit at room temperature for about 15 minutes if they are cold from the fridge.
PRO TIP:
Egg whites whip better when there is no yolk in the bowl. Even a tiny bit of yolk can keep them from getting light and foamy.
STEP THREE: Beat the egg whites with a hand mixer on medium-high speed until stiff peaks form. This means the whites should stand up when you lift the beaters. Set the bowl aside.
STEP FOUR: Add the granulated sugar to the egg yolks. Beat for two to three minutes, or until the mixture turns pale yellow and slightly thick.
STEP FIVE: Pour in the melted butter and beat again until smooth. The butter should be melted but not hot. If it is too warm, it can scramble the egg yolks.
STEP SIX: Add the flour and salt to the egg yolk mixture. Mix on low speed until just combined. The batter will look thick at this point.
STEP SEVEN: Slowly pour in the coconut milk and warm whole milk while mixing on low speed. Add the vanilla extract and coconut extract, if using. The batter will become very thin. That is normal.
STEP EIGHT: Use a spatula to gently fold the whipped egg whites into the batter in three additions. The batter will not become completely smooth. You should still see some small white pieces floating on top.
PRO TIP:
Don’t stir too hard when adding the egg whites. Gentle folding keeps air in the batter, which helps create the soft cake layer on top.
STEP NINE: Fold in the sweetened shredded coconut. Pour the batter into the prepared baking dish. Smooth the top lightly, but don’t press down.
STEP TEN: Bake for 55 to 65 minutes. The top should be golden, and the center should have a slight jiggle when you gently move the pan. It should not look wet or loose.
STEP ELEVEN: Remove the cake from the oven and let it cool completely at room temperature. Once cooled, cover the dish and refrigerate for at least two hours before slicing.
STEP TWELVE: Lift the cake out using the parchment paper. Dust with powdered sugar and sprinkle with toasted coconut before serving.
HOW DO I KNOW WHEN THE CUSTARD CAKE IS DONE?
The top should be lightly golden and set. The center should still jiggle a little, but it should not ripple like liquid. Think of it like a baked custard or cheesecake. A small wobble is good.
If the top is browning too quickly but the center still looks too loose, loosely tent the pan with foil for the last 10 minutes of baking.
A toothpick test will not work the same way it does with a regular cake. Since the bottom layer is custard, the toothpick may come out slightly moist even when the cake is done.
COCONUT CUSTARD CAKE SUBSTITUTIONS AND ADDITIONS
COCONUT MILK: Use full-fat canned coconut milk for the creamiest custard. Light coconut milk can work, but the custard will be softer and less rich.
MILK: Whole milk gives the best texture. You can use 2% milk, but avoid skim milk for this recipe.
COCONUT EXTRACT: This is optional. If you want a stronger coconut flavor, add it. If you prefer a softer vanilla-coconut flavor, leave it out.
SHREDDED COCONUT: Sweetened shredded coconut adds sweetness and texture. Unsweetened coconut can be used, but the cake will taste less sweet.
CITRUS: Add one teaspoon of lime zest or lemon zest to the batter for a fresh flavor. Lime works especially well with coconut.
TOPPING: Whipped cream, fresh berries, mango slices, or pineapple chunks all taste delicious with this cake.
SPICE: A small pinch of nutmeg or cinnamon can be added to the batter for a warmer flavor.
BEST TIPS FOR COCONUT MILK CUSTARD CAKE
Use room temperature eggs. Cold eggs can make the butter firm up and can keep the batter from mixing evenly.
Shake the coconut milk well. You want the thick coconut cream and liquid mixed together before measuring.
Don’t skip cooling time. This cake needs time to set. It will taste better and slice cleaner once chilled.
Fold gently. The egg whites should stay light and airy. This helps the cake form its top layer.
Use parchment paper. Custard cakes are soft, and parchment makes it much easier to lift the cake from the pan.
Don’t overbake. The center should have a gentle jiggle. If it bakes until completely firm, the custard can turn rubbery.
Toast the coconut for garnish. It adds color, crunch, and a deeper coconut flavor.
WHY DID MY CAKE NOT FORM LAYERS?
There are a few reasons this can happen. The batter may have been overmixed after adding the egg whites, or the oven may have been too hot. If the cake bakes too quickly, the layers don’t have enough time to separate.
The batter also needs to be thin. It may look wrong when you pour it into the pan, but that loose texture is what helps the custard layer form.
Your cake will still taste good even if the layers are not perfectly even. It will be soft, creamy, and full of coconut flavor.
HOW TO SERVE COCONUT CUSTARD CAKE
This cake is best served chilled or slightly cool. The custard firms up in the fridge and gives you clean, creamy slices.
Serve each square with a dusting of powdered sugar and a little toasted coconut on top. For a pretty dessert plate, add fresh strawberries, raspberries, sliced mango, or pineapple.
If you want something extra creamy, add a spoonful of whipped cream. The light cream pairs nicely with the coconut custard without making the dessert feel too heavy.
This cake is a lovely choice for Easter, Mother’s Day, summer cookouts, Christmas dessert tables, or Sunday dinner. It also works well for potlucks because it can be made ahead and served cold.
WHAT TO SERVE WITH CREAMY COCONUT MILK CUSTARD CAKE
Fresh fruit is the easiest side for this dessert. Berries add brightness, while mango and pineapple bring out the tropical flavor of the coconut.
A hot cup of coffee also goes well with the creamy custard. The slight bitterness balances the sweetness of the cake.
For a bigger dessert spread, serve it with chocolate dipped strawberries, lemon bars, vanilla cupcakes, or a simple fruit salad. The coconut flavor pairs well with both chocolate and citrus.
HOW TO STORE COCONUT MILK CUSTARD CAKE
IN THE FRIDGE: Store leftover coconut custard cake in an airtight container in the refrigerator for up to four days. Keep it chilled until you are ready to serve.
IN THE FREEZER: This cake can be frozen, but the texture may change slightly after thawing. The custard can become a little softer. For best results, wrap individual slices in plastic wrap, place them in a freezer-safe container, and freeze for up to one month.
THAWING: Thaw frozen slices in the refrigerator overnight. Do not microwave the cake to thaw it, since the custard can separate.
MAKE AHEAD: This is a great make-ahead dessert. Bake it the day before, chill it overnight, and add powdered sugar right before serving.
PRO TIP:
Wait to dust the cake with powdered sugar until just before serving. Powdered sugar can melt into the top if the cake sits too long in the fridge.
CAN I MAKE THIS IN A 9×9-INCH PAN?
Yes, you can use a 9×9-inch pan. The cake will be a little thinner and may bake faster, so start checking it around 45 minutes.
An 8×8-inch pan gives thicker slices and a creamier custard layer. If you want that bakery-style square with a soft center, the smaller pan is the better choice.
CAN I DOUBLE THIS RECIPE?
Yes, you can double the recipe and bake it in a 9×13-inch pan. The baking time will be longer, usually around 65 to 75 minutes.
Watch the center closely. It should be set with a slight jiggle. Let the larger cake chill for at least three hours before slicing so the custard has time to firm up.
WHY IS MY CUSTARD CAKE WATERY?
The cake may be underbaked, or it may not have chilled long enough. Custard needs both baking time and cooling time to set properly.
Another common reason is using thin coconut milk. Full-fat canned coconut milk gives the best texture. Carton coconut milk can make the custard too loose.
If your cake seems soft after cooling, refrigerate it for a few more hours. It may firm up as it chills.
CREAMY COCONUT MILK CUSTARD CAKE FAQS
Can I use evaporated milk instead of whole milk?
Yes, you can use evaporated milk in place of the whole milk. It will make the custard a little richer.
Can I leave out the shredded coconut?
Yes, you can leave it out if you want a smoother custard. The cake will still have coconut flavor from the coconut milk.
Can I use coconut cream instead of coconut milk?
Coconut cream is thicker and richer than coconut milk. You can replace ½ cup of the coconut milk with coconut cream, but using all coconut cream may make the cake too heavy.
Can this cake be served warm?
It can be served slightly warm, but the slices will be softer. For clean squares and the best custard texture, chill it first.
Can I add fruit to the batter?
Small fruit pieces can add moisture and may affect how the custard sets. If you want fruit, it is best to serve it on top or on the side.
Can I make this gluten-free?
You can try using a 1:1 gluten-free baking flour blend in place of all-purpose flour. The texture may be slightly different, but it should still bake into a soft custard cake.
WHY YOU’LL LOVE THIS COCONUT CUSTARD CAKE
CREAMY TEXTURE: The custard layer is smooth, soft, and rich without feeling too heavy.
EASY INGREDIENTS: You only need basic baking staples plus canned coconut milk.
MAKE-AHEAD FRIENDLY: It tastes even better after chilling, which makes it perfect for planning ahead.
BEAUTIFUL SLICES: Once chilled, the cake cuts into pretty squares with a golden top and creamy center.
GREAT COCONUT FLAVOR: Coconut milk, shredded coconut, and a touch of coconut extract give this dessert a sweet, cozy flavor.
Creamy Coconut Milk Custard Cake
Ingredients
- ¾ cup granulated sugar
- 4 large eggs separated and at room temperature
- ½ cup unsalted butter melted and cooled slightly
- ¾ cup all-purpose flour spooned and leveled
- ¼ teaspoon salt
- 1½ cups full-fat canned coconut milk shaken well before measuring
- ½ cup whole milk warmed slightly
- 2 teaspoons vanilla extract
- ½ teaspoon coconut extract optional
- ½ cup sweetened shredded coconut
- 2 tablespoons powdered sugar for dusting
- 2 tablespoons toasted shredded coconut for garnish
Instructions
- Preheat the oven to 325°F. Line an 8×8-inch baking dish with parchment paper and lightly spray with nonstick baking spray.
- Separate the eggs, placing the yolks in a large mixing bowl and the whites in a separate clean bowl.
- Beat the egg whites with a hand mixer on medium-high speed until stiff peaks form. Set aside.
- Add the granulated sugar to the egg yolks and beat for two to three minutes, until pale and slightly thick.
- Pour in the melted butter and beat until smooth.
- Add the flour and salt. Mix on low speed until combined.
- Slowly pour in the coconut milk and warm whole milk while mixing on low speed. Add the vanilla extract and coconut extract, if using.
- Gently fold the whipped egg whites into the batter in three additions. The batter should look thin and slightly lumpy from the egg whites.
- Fold in the sweetened shredded coconut.
- Pour the batter into the prepared baking dish.
- Bake for 55 to 65 minutes, or until the top is golden and the center has a slight jiggle.
- Cool completely at room temperature, then cover and refrigerate for at least two hours.
- Dust with powdered sugar and garnish with toasted coconut before slicing and serving.
Notes
- Use full-fat canned coconut milk for the creamiest texture.
- The batter will be thin before baking. This is normal.
- Do not overmix after adding the egg whites.
- Chill the cake before slicing for the cleanest squares.
- Wait to add powdered sugar until just before serving.
