Coconut Custard Cake (Creamy & Moist)
Coconut Custard Cake is a soft, moist, and creamy dessert that blends the sweetness of coconut with the silky smoothness of custard. It is often layered, featuring a fluffy cake base topped or filled with a creamy custard mixture, then finished off with toasted coconut or whipped cream. This cake is known for its tropical flavor and comforting texture, making it a delightful treat for both everyday enjoyment and special occasions.

This dessert has been loved across different cultures, as coconuts are common in tropical regions. The custard layer makes it unique because it adds a creamy bite that balances out the fluffiness of the cake. It’s like enjoying two desserts in one custard and cake!
You Should Try the Coconut Custard Cake
If you love desserts that are sweet but not overwhelming, Coconut Custard Cake is for you. It’s a perfect combination of light and creamy. You can bake it for birthdays, family gatherings, or even just as a weekend treat. Not only does it taste amazing, but it also looks beautiful when served especially with a dusting of powdered sugar or shredded toasted coconut on top.
The best part? It doesn’t require any fancy baking skills. With simple ingredients and basic kitchen tools, anyone can prepare this cake at home. Even a beginner baker can whip up this delightful recipe and impress friends and family.
Table of Contents
Ingredients for Coconut Custard Cake
Here’s everything you’ll need to make this Coconut Custard Cake
- 2 cups all-purpose flour
- 1 ½ teaspoons baking powder
- ½ teaspoon salt
- 1 cup granulated sugar
- ½ cup unsalted butter, softened
- 3 large eggs
- 1 teaspoon vanilla extract
- 1 cup whole milk
- 1 cup shredded sweetened coconut
For the custard filling:
- 2 cups whole milk
- ½ cup sugar
- 3 tablespoons cornstarch
- 2 large egg yolks
- 1 teaspoon vanilla extract
- ½ cup shredded coconut
For topping optional:
- Whipped cream
- Extra toasted coconut flakes
How to Make Coconut Custard Cake
Step One
The first thing you need to do is prepare the cake batter: In a large mixing bowl, whisk together the flour, baking powder, and salt. In another bowl, beat the butter and sugar until smooth. Add the eggs one at a time, mixing well after each addition, then add the vanilla. Gradually add the dry mixture to the butter mixture, alternating with the milk, until smooth. Add the shredded coconut and stir.

Step Two
Now, let’s bake the cake: Preheat the oven to 175°C (350°F). Grease and flour two 9-inch round cake pans. Pour the batter evenly into the pans and bake for 25–30 minutes, or until a toothpick inserted in the center comes out clean. Let the cakes cool completely.
Step Three
Then make the custard filling: In a saucepan over medium heat, whisk together the milk, sugar, and cornstarch until smooth. Stir constantly while heating. In a small bowl, whisk the egg yolks, then gradually add a little of the hot mixture to the yolks to cool them. Pour the egg yolks into the saucepan and let it thicken. Remove from heat, add vanilla, and shredded coconut, then let it cool.

Step Four
Now, prepare the cake: Place one layer of cake on a plate, spread the custard evenly over it, then place the second layer on top. Spread the whipped cream over the cake, and sprinkle with toasted coconut flakes for decoration.

Step Five
Finally, chill the cake before serving: refrigerate for at least an hour to allow the custard to set and the flavors to blend.

Kitchen Equipment Needed :
Before you start cooking, gather the tools you’ll need:
- Mixing bowls
- Whisk
- Hand mixer or stand mixer
- Measuring cups and spoons
- Saucepan
- Wooden spoon or silicone spatula
- Two 9-inch cake pans
- Cooling rack
- Knife or cake spatula
Tips for the Best Coconut Custard Cake
Toast the coconut flakes before sprinkling on top for extra flavor.
Chill the custard completely before spreading it between cake layers.
Don’t overmix the batter, or your cake may turn out dense.
If you want more coconut flavor, use coconut milk instead of whole milk in the custard.
Serving Suggestions
I like to serve these cakes with various drinks such as fruit juice or smoothies. My friend always asks me for a milkshake with these cakes. Honestly, I even tried it and it was a great combination.

Frequently Asked Questions
Can I use coconut milk in the cake batter ?
Yes, substitute coconut milk for regular milk for extra flavor.
Can I freeze Coconut Custard Cake ?
Yes, freeze slices wrapped tightly for up to 2 months.
Can I make it gluten free ?
Yes, use a gluten-free all purpose flour blend.
Can I use a boxed cake mix ?
Yes, yellow or vanilla boxed cake mix works fine if you’re short on time.
Coconut Custard Cake
Course: DessertCuisine: American, Tropical-inspiredDifficulty: Medium10
servings25
minutes30
minutes340
kcal55
minutesCoconut Custard Cake is a soft, moist cake layered with creamy custard and topped with sweet coconut flakes. It’s tropical, light, and perfect for any celebration or family gathering.
Ingredients
2 cups all purpose flour
1 ½ teaspoons baking powder
½ teaspoon salt
1 cup granulated sugar
½ cup unsalted butter, softened
3 large eggs
1 teaspoon vanilla extract
1 cup whole milk
1 cup shredded sweetened coconut
2 cups whole milk
½ cup sugar
3 tablespoons cornstarch
2 large egg yolks
1 teaspoon vanilla extract
½ cup shredded coconut
Whipped cream
Extra toasted coconut flakes
Directions
- The first thing you need to do is prepare the cake batter: In a large mixing bowl, whisk together the flour, baking powder, and salt. In another bowl, beat the butter and sugar until smooth. Add the eggs one at a time, mixing well after each addition, then add the vanilla. Gradually add the dry mixture to the butter mixture, alternating with the milk, until smooth. Add the shredded coconut and stir.
- Now, let's bake the cake: Preheat the oven to 175°C (350°F). Grease and flour two 9-inch round cake pans. Pour the batter evenly into the pans and bake for 25–30 minutes, or until a toothpick inserted in the center comes out clean. Let the cakes cool completely.
- Then make the custard filling: In a saucepan over medium heat, whisk together the milk, sugar, and cornstarch until smooth. Stir constantly while heating. In a small bowl, whisk the egg yolks, then gradually add a little of the hot mixture to the yolks to cool them. Pour the egg yolks into the saucepan and let it thicken. Remove from heat, add vanilla, and shredded coconut, then let it cool.
- Now, prepare the cake: Place one layer of cake on a plate, spread the custard evenly over it, then place the second layer on top. Spread the whipped cream over the cake, and sprinkle with toasted coconut flakes for decoration.
- Finally, chill the cake before serving: refrigerate for at least an hour to allow the custard to set and the flavors to blend.
Notes
- Toast the coconut before adding it as a topping for extra crunch and flavor.
- Grease and line the pans with parchment paper to prevent sticking.
- Don’t overmix the batter stop once everything is combined to avoid a dense cake.
- Let the cake cool completely before spreading the custard to keep it firm.
You can add this post to your favorite Pinterest board!

