The first time I made this Coconut Custard Cake, I knew it wasn’t going to be an everyday dessert. It’s the kind of cake that turns a regular Saturday into something worth lighting candles for. Thick, tender coconut cake layers. A silky, almost pudding-like coconut custard tucked between each tier. And that tangy cream cheese frosting? It pulls everything together in the most irresistible way.
When it’s chilling in the fridge, the scent of toasted coconut lingers in the kitchen—warm, nutty, slightly sweet. Every time I open the door to sneak a peek, I have to remind myself to wait. This Coconut Custard Cake is worth the patience.

Table of Contents
What Makes This Coconut Custard Cake So Special
There are coconut cakes… and then there’s this one.
This Coconut Custard Cake stands out because it doesn’t rely on just one layer of flavor. It builds. The cake itself is infused with coconut milk and coconut extract, giving it a soft, fragrant crumb. Then comes the custard—rich, creamy, and folded with shredded coconut for texture. Finally, a light coat of cream cheese frosting wraps around everything, finished with a generous handful of golden toasted coconut.
Layers That Actually Taste Like Coconut
Coconut can be subtle, almost shy. That’s why this recipe leans into it. Coconut milk adds depth and moisture, while coconut extract enhances that tropical flavor without overpowering it. The shredded coconut in the filling brings chew and contrast to the smooth custard.
Each bite of this Coconut Custard Cake feels layered in more ways than one—soft cake, creamy center, fluffy frosting, and a delicate crunch from the toasted topping.
The Ingredients That Bring This Cake to Life
Before diving into the process, let’s talk about what makes this Coconut Custard Cake unforgettable. These ingredients each play a specific role in building flavor and texture.
- Granulated sugar – sweetens the cake and custard while helping create a tender crumb.
- Vegetable oil – keeps the cake incredibly moist, even after refrigeration.
- Unsalted butter – adds richness to both the cake and the custard filling.
- Eggs and an extra egg white – provide structure while keeping the cake light and fluffy.
- Sour cream – adds moisture and a subtle tang that balances the sweetness.
- All-purpose flour – gives the cake body and stability for stacking.
- Baking powder and baking soda – help the layers rise evenly.
- Salt – enhances all the coconut flavors.
- Coconut extract – intensifies the coconut flavor throughout the cake.
- Vanilla extract – rounds out the sweetness in both the cake and filling.
- Coconut milk – adds richness and deep coconut flavor to the batter.
- Heavy whipping cream – forms the luxurious base of the custard.
- Cornstarch – thickens the custard without making it heavy.
- Shredded sweetened coconut – folded into the custard and pressed onto the frosting for texture and flavor.
- Cream cheese – gives the frosting its signature tang.
- Powdered sugar – sweetens and smooths out the frosting.
See the recipe card below for the full list of ingredients and measurements.
Baking the Coconut Cake Layers
Making the cake layers for this Coconut Custard Cake feels almost therapeutic. There’s something about creaming butter, oil, and sugar together until the mixture turns pale and fluffy that signals something good is about to happen.
Start by combining the sugar, oil, melted butter, eggs, egg white, and sour cream. Beat until the mixture lightens in color and looks smooth and slightly airy. Scrape down the sides of the bowl—don’t skip this. I’ve learned the hard way that pockets of unmixed butter can sneak in otherwise.
In a separate bowl, whisk together the dry ingredients. Gradually alternate adding the dry mixture and the coconut milk to the batter, mixing gently. Once everything is incorporated, stir from the bottom of the bowl upward to make sure no flour is hiding at the base.
Divide the batter evenly between prepared round pans. Slide them into a preheated oven and bake until the centers spring back lightly and a toothpick comes out clean. If your oven has hot spots like mine does, rotate the pans halfway through baking.
While the cakes bake, spread shredded coconut onto a lined baking sheet and toast it until lightly golden. Keep a close eye on it—it can go from perfect to overly brown in a flash. Let it cool completely.
When the cakes are done, allow them to cool fully before assembling. Patience here is key. Warm layers and custard do not mix well.
Creating the Silky Coconut Custard Filling
This custard is what truly transforms a coconut layer cake into a Coconut Custard Cake.
Thick, Creamy, and Just Set
Start by whisking a bit of heavy cream with cornstarch to form a smooth slurry. It should be thick but pourable—no lumps allowed.
In a saucepan, melt butter and add the remaining cream, sugar, and shredded coconut. Heat the mixture gently, stirring often, until it’s nearly boiling. Slowly whisk in the cornstarch mixture and continue cooking, stirring constantly, until the custard thickens noticeably.
Once thickened, remove it from the heat and stir in vanilla extract. At this stage, the custard may look slightly loose, but don’t worry. As it cools, it firms up into a luscious, spreadable filling.
Let it cool completely before using. If you make it ahead and refrigerate it, allow it to sit at room temperature for a bit before assembling. If it’s too firm, a few short seconds in the microwave will bring it back to a smooth, spreadable consistency.
Cream Cheese Frosting and Assembly
The frosting for this Coconut Custard Cake is intentionally softer than a traditional cream cheese frosting. It’s meant to act as a delicate coating rather than a thick, heavily piped decoration.
Beat softened butter and cream cheese together until smooth and creamy. Gradually add powdered sugar, mixing until combined. Finish with a splash of vanilla extract.
Stacking Without the Mess
To assemble:
- Place the first cake layer on a cake board or serving plate.
- Pipe a ring of frosting around the outer edge to create a barrier.
- Spoon half of the cooled coconut custard into the center and gently spread it evenly.
- Place the second cake layer on top and repeat the process.
- Add the final layer and apply a thin coat of cream cheese frosting over the top and sides.
This light layer acts as a crumb coat. It doesn’t need to be perfect—actually, a slightly rustic finish feels right for this cake.
Gently press the toasted coconut onto the frosting, covering the top and sides. The contrast between the creamy frosting and golden coconut is beautiful.
Refrigerate the assembled Coconut Custard Cake for at least half an hour before serving. This helps everything set and makes slicing much easier.
Tips for the Best Coconut Custard Cake
Keep the Layers Even
Flat cake layers make stacking easier and more stable. If your cakes dome slightly, trim them with a serrated knife once cooled.
Don’t Overfill
It’s tempting to pile on the custard, but too much can cause the layers to slide. A balanced layer ensures the cake holds its shape.
Make Components Ahead
Both the custard and frosting can be prepared in advance and refrigerated. Just let them soften slightly before assembling the Coconut Custard Cake.
Storing and Serving
Because of the custard filling and cream cheese frosting, this cake should be stored in the refrigerator. Keep it covered so it doesn’t dry out.
Before serving, let it sit at room temperature for about 20 to 30 minutes. That short rest makes a noticeable difference—the cake softens, the custard becomes silkier, and the flavors bloom.
Each slice reveals distinct layers: tender coconut cake, creamy custard, tangy frosting, and toasted coconut. It’s rich without being overwhelming, sweet but balanced, and deeply coconut-forward in the best possible way.
Conclusion
Once chilled and sliced, this Coconut Custard Cake reveals its soft, creamy layers like a little celebration on a plate. The toasted coconut adds that final nutty crunch against the silky custard and tender cake. It’s rich, yes—but in that balanced, can’t-stop-at-one-bite way. Serve it slightly cool with a hot cup of coffee, and watch how quickly the room goes quiet in the best possible way.
FAQs about Coconut Custard Cake
Can Coconut Custard Cake be made ahead of time?
Yes, and it actually benefits from a little rest. You can bake the cake layers, prepare the custard, and make the frosting a day in advance. Store everything separately in the refrigerator, then assemble the Coconut Custard Cake the next day. Let it sit at room temperature briefly before serving for the best texture.
How do I store Coconut Custard Cake properly?
Because of the custard filling and cream cheese frosting, this cake must be refrigerated. Keep it covered in an airtight container or cake carrier to prevent it from drying out. Before serving, let it sit out for 20–30 minutes so the layers soften and the custard becomes creamy again.
Can I freeze Coconut Custard Cake?
It’s not ideal to freeze the fully assembled cake. Custard fillings tend to separate once thawed, which can affect the texture. However, you can freeze the unfrosted cake layers tightly wrapped for up to three months. Thaw them in the refrigerator before assembling.
Can I substitute anything in this coconut custard cake recipe?
If you don’t have sour cream, full-fat Greek yogurt works well as a replacement. Make sure to use canned coconut milk, not coconut cream, for the proper consistency. For a thicker frosting suitable for piping, you can adjust the powdered sugar slightly while keeping the balance of flavor intact.
More Relevant Recipes
- Creme Brulee Cheesecake Cupcakes: These creamy cheesecake cupcakes bring the same luscious, custard-style richness that makes Coconut Custard Cake so irresistible. With their silky smooth centers and caramelized topping, they offer that indulgent contrast of creamy filling and tender base, perfect for anyone who loves layered, bakery-style desserts with a decadent texture.
- Cottage Cheese Cheesecake Recipe: This cheesecake delivers a smooth, custard-like consistency and a lightly tangy flavor profile, similar to the creamy filling found in Coconut Custard Cake. It’s a rich yet balanced dessert that highlights soft texture and subtle sweetness, making it a great option for those who enjoy thick, velvety layered cakes.
- Lemon Velvet Cake: Like Coconut Custard Cake, this velvet cake focuses on ultra-moist layers and a soft, tender crumb paired with a creamy frosting. While citrus-forward instead of coconut, it offers the same elegant layer-cake experience with a smooth finish and bakery-style presentation that feels special enough for celebrations.
Coconut Custard Cake
This Coconut Custard Cake features soft coconut-infused cake layers stacked with a rich, homemade custard and finished with a light cream cheese frosting and toasted coconut.
- Cook Time: 20-24 minutes
- Total Time: 36 minute
- Yield: 1 three-layer 8-inch cake 1x
- Category: Dessert
- Method: Baking
Ingredients
- 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 1/3 cups coconut milk, stirred well
- 1 ¼ cups heavy whipping cream, divided
- 4 teaspoons cornstarch
- ½ cup unsalted butter (for filling)
- ¾ cup granulated sugar (for filling)
- 2 ¼ cups sweetened shredded coconut (for filling)
- ¼ teaspoon vanilla extract (for filling)
- ½ cup unsalted butter, softened (for frosting)
- 12 oz cream cheese, softened
- 1 teaspoon vanilla extract (for frosting)
- 3 cups powdered sugar
- 2 cups sweetened shredded coconut, toasted
Instructions
- Heat the oven to 350°F. Line the bottoms of three 8-inch round pans with parchment and grease the sides.
- In a large bowl, beat together the sugar, oil, melted butter, eggs, egg whites, and sour cream until smooth and slightly pale.
- Whisk the flour, baking powder, baking soda, and salt in a separate bowl.
- Add half of the dry ingredients to the wet mixture, then pour in half of the coconut milk along with the coconut and vanilla extracts. Repeat with the remaining dry ingredients and coconut milk, mixing just until combined.
- Divide the batter evenly between the prepared pans. Bake for 20–24 minutes, rotating halfway through, until a toothpick inserted in the center comes out clean. Cool completely.
- Spread shredded coconut on a lined baking sheet and toast for 5–8 minutes until lightly golden. Transfer to a bowl and let cool.
- For the filling, whisk 3 tablespoons of the heavy cream with the cornstarch until smooth and pourable.
- In a saucepan over medium heat, melt the butter, then add the remaining heavy cream, sugar, and shredded coconut. Warm the mixture until it nearly reaches a boil, stirring frequently.
- Stir in the cornstarch mixture and cook, stirring constantly, until thickened. Remove from heat and mix in the vanilla extract. Let the custard cool fully.
- For the frosting, beat the softened butter and cream cheese until creamy. Gradually blend in the powdered sugar, then add the vanilla extract and mix until smooth.
- To assemble, place one cake layer on a serving board. Pipe a ring of frosting around the edge to create a border. Spread half of the cooled custard inside the border.
- Add the second cake layer and repeat the filling process. Place the final layer on top.
- Spread a thin layer of frosting over the top and sides of the cake. Press the toasted coconut onto the surface to coat.
- Refrigerate for at least 30 minutes before slicing and serving.
Notes
- The custard and frosting can be prepared in advance and refrigerated. Allow them to sit at room temperature before assembling.
- If the custard becomes too firm after chilling, warm it briefly in short intervals until spreadable, then cool slightly before using.
- This recipe yields slightly more filling and frosting than needed for three layers, so avoid overfilling.
- Store the finished cake covered in the refrigerator to maintain freshness.
Nutrition
- Serving Size: 1 slice
- Calories: 1061
- Sugar: 83g
- Sodium: 547mg
- Fat: 68g
- Carbohydrates: 109g
- Fiber: 2g
- Protein: 9.7g
- Cholesterol: 146mg
Keywords: Coconut Custard Cake, coconut layer cake, coconut dessert, custard filling cake, cream cheese frosting cake







