This Coconut Custard Cake is soft, creamy, and layered with pure coconut comfort. The cake bakes up tender and lightly golden, while a silky custard layer settles beautifully into the center. Every bite is moist, rich, and kissed with sweet coconut flavor.
I first made this for a spring brunch, and it quickly became one of those desserts everyone quietly goes back for seconds. It feels elegant, yet the steps are simple and approachable. If you love coconut desserts with a creamy twist, this one is going to win you over. Let's get baking.
Jump to:
Why You'll Love This Recipe
- Tender cake with a creamy custard layer
- Rich coconut flavor without being heavy
- Perfect make-ahead dessert
- Beautiful golden top with toasted coconut
- Great for holidays, brunch, or Sunday dinner
- Simple ingredients and easy steps
Ingredients
For the Cake Base
- 1 ½ cups (190 g) all-purpose flour
- 1 ½ teaspoons baking powder
- ¼ teaspoon salt
- ½ cup (113 g) unsalted butter, softened
- ¾ cup (150 g) granulated sugar
- 2 large eggs, room temperature
- 1 teaspoon vanilla extract
- ½ cup (120 ml) whole milk
- ½ cup (40 g) sweetened shredded coconut
For the Coconut Custard Layer
- 1 cup (240 ml) whole milk
- ½ cup (120 ml) heavy cream
- 2 large eggs
- ⅓ cup (65 g) granulated sugar
- 1 teaspoon vanilla extract
- ½ teaspoon coconut extract
- ½ cup (40 g) sweetened shredded coconut
For Topping
- ½ cup shredded coconut, lightly toasted
- Powdered sugar for dusting (optional)
Ingredient Notes & Substitutions
- Shredded coconut: Sweetened coconut gives the best flavor and moisture. Unsweetened works if you prefer less sweetness.
- Coconut extract: Just a small amount deepens the coconut flavor beautifully.
- Whole milk: Using whole milk creates a richer custard texture.
- Toasted coconut: Toast gently in a dry pan until lightly golden for a warm, nutty aroma.
Instructions
- Preheat your oven to 350°F. Grease and line an 8-inch square baking pan with parchment paper.
- In a bowl, whisk together flour, baking powder, and salt.
- In a large mixing bowl, cream butter and sugar until light and fluffy, about 2 minutes.
- Add eggs one at a time, mixing well after each addition. Stir in vanilla extract.
- Alternate adding dry ingredients and milk, mixing just until combined.
- Fold in shredded coconut gently. The batter should be smooth and slightly thick.
- Spread the cake batter evenly into the prepared pan.
- In a separate bowl, whisk together milk, heavy cream, eggs, sugar, vanilla, and coconut extract until smooth. Stir in shredded coconut.
- Slowly pour the custard mixture over the cake batter. It may look like a lot of liquid, but that is exactly what creates the creamy custard layer.
- Bake for 45 to 55 minutes. The top should be golden, and the center should have a gentle set with a slight jiggle.
- Allow the cake to cool completely before slicing. The custard will continue to firm as it cools.
- Sprinkle with toasted coconut and a light dusting of powdered sugar before serving.
Pro Tips for Success
- Pour the custard slowly and evenly for the best layered effect.
- Do not overbake. A slight jiggle in the center is perfect.
- Let the cake cool fully before slicing for clean edges.
- Use room temperature eggs for smoother blending.
- Toast coconut just until golden to avoid bitterness.
Storage and Reheating
Store Coconut Custard Cake in an airtight container in the refrigerator for up to 4 days.
Serve chilled or bring to room temperature for 15 minutes before enjoying.
Make Ahead & Freezing
This cake is wonderful made a day ahead. The custard sets beautifully overnight in the refrigerator.
Freezing is not recommended, as custard texture can change once thawed.
Tips and Variations
- Add a thin layer of raspberry jam between the cake and custard for a fruity twist.
- Use coconut milk in place of whole milk for extra coconut flavor.
- Top with whipped cream for an even softer finish.
- Add a pinch of lime zest to brighten the flavor.
- Serve with fresh berries for color and balance.
FAQs
As it bakes, the cake rises and the custard settles into layers naturally. This creates that creamy center.
Yes, substitute a 1:1 gluten-free flour blend. The texture may be slightly different but still delicious.
The edges should be set and golden, while the center still has a slight wobble. It will firm as it cools.
📖 Recipe
Coconut Custard Cake
- Prep Time: 60 minutes
- Cook Time: 30 minutes
- Total Time: 1 hour 30 minutes
- Yield: 12 slices 1x
- Category: Cake
- Method: baked
- Cuisine: American
Description
Coconut custard cake is made from moist coconut cake layers filled with silky coconut custard and frosted with tangy cream cheese frosting. Covered in shredded coconut, this is the ultimate coconut lover's dessert!
Ingredients
- For the cake:
- 1 ½ cups granulated sugar
- ½ cup vegetable oil
- 2 tablespoons unsalted butter, melted
- 2 large eggs
- 2 large egg whites
- ½ cup sour cream
- 2 ½ cups all-purpose flour
- 2 teaspoons baking powder
- 1 teaspoon baking soda
- 1 teaspoon salt
- 1 tablespoon coconut extract
- 1 teaspoon pure vanilla extract
- 1 ⅓ cup coconut milk
- For the filling:
- 1 ¼ cup heavy whipping cream, divided
- 4 teaspoons cornstarch
- ½ cup unsalted butter
- ¾ cup granulated sugar
- 2 ¼ cups shredded sweetened coconut
- ¼ teaspoon vanilla extract
- For the frosting:
- ½ cup unsalted butter, softened
- 12 oz cream cheese, softened
- 1 teaspoon vanilla extract
- 3 cups powdered sugar
- 2 cups shredded sweetened coconut, toasted
Instructions
- Preheat oven to 350°F. Line three 8-inch cake pans with parchment and grease sides.
- Beat sugar, oil, butter, eggs, egg whites, and sour cream until light and combined.
- In a separate bowl, mix dry ingredients.
- Alternate adding dry ingredients and coconut milk with extracts until just combined.
- Divide batter evenly between pans and bake 20-24 minutes until a toothpick comes out clean. Cool completely.
- Toast shredded coconut on a lined baking sheet at 350°F for 5-8 minutes. Cool completely.
- For filling, whisk cornstarch with 3 tablespoons heavy cream.
- In saucepan, melt butter and add remaining cream, sugar, and shredded coconut. Heat until nearly boiling.
- Add cornstarch mixture and cook until thickened. Stir in vanilla and cool completely.
- For frosting, beat butter and cream cheese until smooth.
- Add powdered sugar gradually, then vanilla. Beat until creamy.
- To assemble, place first cake layer on board and pipe frosting around edge.
- Spread half the coconut filling inside the dam.
- Repeat with second layer and remaining filling.
- Top with final layer and frost top and sides lightly.
- Press toasted coconut onto frosting to coat cake.
- Refrigerate at least 30 minutes before serving.
Notes
Filling and frosting can be made ahead and refrigerated. Let sit at room temperature before using. Store cake refrigerated in an airtight container due to custard filling and cream cheese frosting.
Serving Suggestions
Serve Coconut Custard Cake slightly chilled with a dollop of whipped cream and a sprinkle of toasted coconut. It pairs beautifully with coffee or tea for an afternoon treat.
If you love coconut desserts, you might also enjoy my Easter Bunny Coconut Tails for a no-bake option. And for another creamy classic, my Easter Egg Cheesecake Recipe makes a lovely holiday centerpiece.
Nutrition & Notes
Yield: 9 squares
Prep Time: 20 minutes
Bake Time: 50 minutes
Skill Level: Intermediate
I tested this recipe twice to balance the custard and cake layers perfectly. The slow cooling step makes all the difference in getting those clean, creamy slices.
Reader Reviews
"This cake was so moist and creamy. The coconut flavor was just right, and the texture was incredible."
If you make this Coconut Custard Cake, I would love to hear how it turned out for you. Did you toast the coconut extra golden or keep it light and soft?
Related Recipes
For more spring-inspired desserts, try my Easter Bunny Chow for a fun no-bake treat.
And if you love creamy layered cakes, my Apple Crumble Cheesecake is another comforting favorite.
Comments
No Comments