This moist and decadent coconut custard cake is made from fluffy homemade coconut cake layered with a rich and creamy custard, decorated with tangy cream cheese frosting, and golden toasted coconut.
If you love creamy coconut desserts, my coconut cream pie, a personal favorite, or this coconut custard pie, which uses a similar custard filling as this recipe.

Today’s coconut custard cake is a to-die-for combination of silky coconut filling layered between fluffy and moist coconut cake. The whole thing is finished off with sweet-tangy cream cheese frosting and covered with toasted coconut.
The cake that inspired today’s coconut custard cake is actually from Croissant Bakery in Myrtle Beach, South Carolina. Heidi, the owner, wrote a wonderful cookbook, and the original coconut custard cake was so good, I couldn’t resist making my own version! This coconut cream cake looks impressive, and it’s more than worth the effort.
What Makes This a Stand-Out Coconut Custard Cake
- Ultra-silky custard. I’ve seen recipes that use coconut cream or milk to make the custard filling, but I like to stick with good, old-fashioned heavy cream. It makes the texture SO silky in contrast to the shredded coconut that gets folded in.
- (Literally) layers of flavor. With coconut milk and coconut extract in the cake layers, combined with the creamy coconut filling, tangy cream cheese frosting, and crunchy toasted coconut, there’s plenty of layered flavor and texture in this cake. It’s definitely a cake for coconut lovers!
- Make-ahead for extra convenience. I’ll sometimes prepare the coconut custard filling and buttercream frosting a day or two before, so these components are ready to go when it’s time to bake and assemble the cake. You can even bake the cake layers in advance, and store or freeze them for later. It’s an easy way to get a head start on this cake during the holidays.

Ingredient Notes
I’ve included notes on the important ingredients you’ll need to make this thick and luscious, coconut custard-filled cake. You’ll find the full recipe details in the printable recipe card below the post.
For the Coconut Cake
- Oil and Butter – Oil brings more moisture to the cake crumb than butter would alone, while melted unsalted butter adds richness and flavor.
- Egg and Egg White – The egg helps bind the ingredients, while the addition of an extra egg white makes the cake’s texture extra fluffy.
- Coconut Extract – Despite it being an extract, coconut isn’t a very strong flavor, so I amp up the amount in this recipe.
- Sour Cream – Sour cream brings loads of added moisture to cakes, and it’s especially helpful in this recipe since this cake is refrigerated. If you don’t have sour cream, substitute Greek yogurt instead.
- Coconut Milk – You’ll find cans of coconut milk in the Asian food section of your local supermarket. Make sure you’re buying coconut milk, and not coconut cream. You’ll notice that the fat separates from the liquid, so make sure to stir it well.
For the Custard Filling
- Heavy Cream – Full-fat heavy whipping cream will yield the richest, creamiest coconut custard.
- Shredded Coconut – Rather than flavoring the filling with coconut milk or extract like I do with the cake, I keep it simple with shredded coconut and vanilla extract, adding subtle flavor and contrasting texture. You could use toasted coconut here, too.
- Cornstarch – You’ll combine the cornstarch with the cream, which thickens the custard without making it grainy.
To Make the Cream Cheese Frosting
- Butter and Cream Cheese – I recommend using unsalted butter and the cream cheese (full-fat) that comes in blocks (versus the tub kind). Take both ingredients out of the fridge ahead of time so that they can soften to room temperature.
- Toasted Coconut – For decorating. Don’t forget to check out the section layer on with more decorating tips and ideas!

First, Prepare the Coconut Cake Layers
There are a few steps involved in making this cake, but never fear! We’ll start with the homemade coconut cake layers, which are thick and stable, and perfect for stacking. While the oven preheats, grease and then line three 8” round baking pans. Then, follow the steps below. This is an overview, so scroll to the recipe card for the printable instructions.
- Combine the wet ingredients. In a large bowl, cream together the sugar, butter, oil, and wet ingredients.
- Combine the dry ingredients. In a separate bowl, whisk together the dry ingredients. After, add the dry ingredients to the wet ingredients a little at a time, alternating with the coconut milk until just combined.
- Divide and bake. Distribute the batter between the prepared baking pans. Bake the cakes at 350ºF for 20-24 minutes. If you have hot spots in your oven, I recommend rotating the pans in the oven halfway through baking for more evenly baked cake layers.
- Toast the coconut. For some forward-thinking, it’s worthwhile to toast the coconut you’ll use to decorate your cakes while the oven is hot! Spread shredded coconut out across a lined baking sheet, and pop it into the oven for 5 minutes, until the coconut is lightly toasted and golden. Set the toasted coconut aside to cool while you prepare the filling and frosting.

How to Make the Custard
- Make a slurry. Whisk together the cornstarch with the heavy whipping cream. You want the mixture to thicken but stay at a liquid consistency to avoid any clumps.
- Heat the ingredients. Combine the remaining heavy cream with melted butter, sugar, and shredded coconut in a saucepan. Bring the mixture almost to a boil, stirring along the way.
- Combine. Add the cornstarch slurry to the saucepan, and continue to cook and stir until thickened. Lastly, whisk in the vanilla extract.
- Cool. Set the custard aside to cool completely. When I took my custard off the stove, the consistency was thick but still a bit liquid. This is fine, as the custard continues to thicken to a spreadable consistency as it cools.
Make It Ahead
I sometimes like to make the custard filling ahead of time and refrigerate it overnight, to really let the flavors develop. However, it does tend to thicken in the fridge. Take the custard out of the fridge about 30 minutes to 1 hour before you plan to use it.
If the filling still seems too thick to spread once it’s been out of the fridge for a while, pop it in the microwave for just a few seconds at a time. The consistency should be spreadable but not melting.
Easy Cream Cheese Frosting
I opted to stay as close as possible to Heidi’s original cream cheese frosting recipe. It’s just perfect for covering this cake in a light layer. This is not a traditional cream cheese frosting, it’s much thinner than I would normally make.
- Beat the butter and cream cheese. In a large bowl, beat the cream cheese with butter until smooth.
- Combine. Add the powdered sugar one cup at a time, and finally, beat in the vanilla extract until the frosting is evenly combined.
Try These Other Frosting Ideas
The original cream cheese frosting for this cake is on the thinner side, ideal for doing a rough crumb coat that I finish off with toasted coconut. If you’d prefer a thicker frosting for piping and decorating, you may wish to use my recipe for traditional cream cheese frosting instead. Or, if you’d like to trade the cream cheese frosting for your own recipe, go right ahead! You can also try my mascarpone whipped cream or any of the ideas you see here.
How to Make a Coconut Custard Cake
Now, it’s time to assemble this coconut custard layer cake! This three-tier cake is easy enough to fill and stack and then decorate with a simple crumb coat, topped with toasted coconut. If you’re new to baking layer cakes, have a look through my step-by-step tutorial on how to make a layer cake for more information.
- Prepare the first layer. First, divide the coconut filling in half, and have your bottom cake layer ready on a cake board.
- Fill and repeat. Pipe a border of frosting around the outside edge of the cake (see how to use piping tips), then fill it with custard. This frosting “dam” keeps the custard from oozing out of the sides. Afterward, place the second layer gently on top. Repeat with the third and final layer.
- Frost the cake. Give the top and sides of the cake a light coating with cream cheese frosting. It doesn’t have to be a thick layer, as we’re going for more of a crumb coat. Finally, pat the shredded toasted coconut from earlier in an even layer on top of the frosting.
- Chill. Place the frosted coconut custard cake, covered, into the fridge for at least half an hour before serving.

Helpful Notes
- Make sure to evenly mix the cake batter. Remember to scrape down the sides of the bowl as needed, and give the batter a good stir from bottom to top.
- Start with flat, even cake layers before filling. This helps make a stable cake. I like to use bake-even strips as these prevent the cakes from “doming” too much as they bake. You can also use a bread knife to trim off the domes, as needed.
- Get a head start on your cake. Both the frosting and the filling can be prepared ahead of time and kept in the refrigerator. The cream cheese frosting is usually still spreadable after sitting in the fridge overnight, though you can soften it up by letting it sit out with the filling before assembling the cake.
- You will have leftovers. This recipe was originally a 4-layer cake that I turned into a 3-layer cake. Be careful not to overfill your layers. Turn the leftover batter into coconut cupcakes!
- Add sprinkles. Top your coconut custard cake with your favorite colored sprinkles, nonpareils, or sanding sugar (in place of or in addition to toasted coconut.
- Garnish with fruit. Citrusy lime and coconut are a zesty pair. Top your cake with lime wedges or lime zest for a pop of color and zing. Or, make a pineapple coconut cake with a garnish of fresh chopped pineapple.

How to Store
- Refrigerate. Due to the custard filling and cream cheese frosting, you’ll want to keep your finished coconut custard cake refrigerated. Store the cake in an airtight container (such as a cake carrier) or wrap the entire cake with plastic wrap to keep it from drying out. Remove the cake from the fridge approximately 20-30 minutes before serving to take the chill off.
- Freeze. I don’t recommend freezing cakes with custard or cream fillings, as the filling tends to separate once thawed and turns the cake soggy. If you’d like to prepare the cake layers in advance, however, you can freeze the individual cakes. It’s easy to wrap the cooled cake layers tightly in plastic wrap and then freeze them for up to 3 months. Thaw the cakes in the fridge, prepare your filling and frosting, and assemble the cake as usual.
More Coconut Desserts

Coconut Custard Cake
- Prep Time: 60 minutes
- Cook Time: 30 minutes
- Total Time: 1 hour 30 minutes
- Yield: 12 slices
- 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. Cover this cake with shredded coconut for the ultimate coconut lover’s dessert!
Ingredients
For the cake:
- 1 ½ cups (285g) granulated sugar
- ½ cup (118 ml) vegetable oil
- 2 tablespoon (28g) unsalted butter, melted
- 2 large egg
- 2 large egg white
- ½ cup (118 ml) sour cream
- 2 ½ cups (350g) all-purpose flour
- 2 teaspoon (7.5g) baking powder
- 1 teaspoon (4.5g) baking soda
- 1 teaspoon (5g) salt
- 1 tablespoon (15ml) coconut extract
- 1 teaspoon (5ml) pure vanilla extract
- 1 1/3 cup (315ml) coconut milk, well stirred
For the filling:
- 1 ¼ cup (296ml) heavy whipping cream, divided
- 4 teaspoons (13g) cornstarch
- 1/2 cup (114g) unsalted butter
- ¾ cup (142g) granulated sugar
- 2 ¼ cups (170g) shredded coconut, sweetened
- ¼ teaspoon vanilla extract
For the icing:
- 1/2 cup (114g) unsalted butter, softened
- 12 oz (339g) cream cheese, softened
- 1 teaspoon (5ml) vanilla extract
- 3 cups (390g) powdered sugar
- 2 cups (151g) shredded sweetened coconut, toasted
Instructions
For the cake:
- Preheat the oven to 350°F. Prepare three 8-inch round baking pans, line the bottom with parchment paper, and grease the sides. Prepare your bake even stripes if desired.
- In a large mixing bowl, combine the sugar, vegetable oil, butter, eggs, and sour cream. Beat on medium speed until well incorporated and the batter is lighter in color, about 2 minutes. Scrape down the bowl as needed.
- In a separate bowl, combine the remaining dry ingredients. Alternate adding half the dry ingredients, the extracts, and half the coconut milk at a time and mix just until the flour starts to incorporate. Repeat until all ingredients have been added. Use a spatula to scrape down the sides of the bowl and stir the batter from the bottom to the top to ensure it’s well mixed.
- Divide the batter evenly between the three pans, about 1 2/3 cups of batter per pan. Bake at 350°F for 20-24 minutes and rotate your pans in the oven halfway through.
- Test the cake for doneness by inserting a toothpick into the center of the cake. If the toothpick comes out clean, your cake is done. Remove from the oven and allow to cool completely.
- Toast the coconut in the preheated oven. Line a baking sheet with parchment paper, and spread the coconut evenly on the pan. Bake for 5-8 minutes, or until the desired color is reached. Transfer to a bowl or plate to stop the cooking process. Cool completely.
For the filling:
- In a small bowl, combine 3 tablespoons of heavy whipping cream and cornstarch and whisk until thickened. Add additional heavy cream if necessary to get a liquid consistency.
- In a medium saucepan, melt the butter over medium heat and add the remaining heavy whipping cream, sugar, and shredded coconut. Heat the mixture, stirring occasionally, just until the mixture is nearly boiling.
- Lastly, add the cornstarch mixture and continue to heat over medium-high heat until the mixture is thickened, stirring constantly. Whisk in the vanilla extract last. Set the mixture aside and allow it to cool completely.
For the frosting:
- Once the cake and filling have cooled, prepare the frosting. In a large mixing bowl, combine the butter and cream cheese and beat on medium-high speed using the paddle attachment. Beat until smooth and creamy.
- Gradually add the powdered sugar, one cup at a time. As the mixture thickens, add the vanilla extract.
To assemble the cake:
- Divide the coconut filling in half. Place the bottom layer of cake on an 8 or 10-inch cake board. Pipe a dam of frosting around the outside edge of the cake using a large round piping tip.
- Fill the center with the coconut filling and gently spread evenly. Place the second layer of cake and repeat the above steps. Place the final layer of cake on top. Ice the top and sides of the cake with the cream cheese icing, you don’t need a very thick layer.
- Use your hands to gently pat the shredded coconut into the frosting, covering the cake as thoroughly as possible.
- Refrigerate the cake for at least 30 minutes before serving. Keep covered in an airtight container to prevent the cake from drying out.
Notes
- Recipe adapted from Bonjour Y’all. If you are looking for the original recipe you can download it here.
- Both the frosting and the filling can be made ahead of time and refrigerated. Let them sit out at room temperature for 30 minutes before using. The coconut filling might still be too firm to spread, and if so, pop it into the microwave for 15-25 seconds until it’s a spreadable consistency. Make sure to let it cool completely.
- You will have a little bit of leftover frosting and filling since this was originally a 4-layer cake and I turned it into a 3-layer cake. Don’t overfill your layers.
- Storing: Due to the custard filling and cream cheese frosting, you’ll want to keep your finished coconut custard cake refrigerated. Store the cake in an airtight container.
Nutrition
- Serving Size: 1 slice
- Calories: 1061
- Sugar: 83g
- Sodium: 547mg
- Fat: 68g
- Carbohydrates: 109g
- Fiber: 2g
- Protein: 9.7g
- Cholesterol: 146mg
I have been so impressed with how clear the instructions are with this recipe and how everything is turning out. Thank you for the clarity and exact measurements. Wonderful!
Hi Vita, that’s wonderful to hear, thank you for sharing!
This cake was delicious!! One thing I noticed in the recipe was the 2 egg whites. Normally the egg whites are whipped and then folded into the batter right at the end, which is what I did. The recipe says “add eggs”. It doesn’t give clear instructions about the egg whites. Just my 2 cents worth. Everyone loved the cake!
Hi Jan, thank you for the feedback. There is no whipping egg whites for this recipe (otherwise it would be included as a step), but if it’s not clear to add the egg whites with the regular eggs, I can review that to make it more clear.
One of the best cakes I’ve ever made…making again tomorrow, but going to attempt a 9×13!
Amazing Linda! I have not made it as a sheet cake, I’d love to see it!
I am a life-long baker, and have made them all! BUT, this cake is BY FAR the best cake I’ve ever made! It is beyond delicious, it’s dreamy! There is a little more work, due to the cream in between the layers, but please don’t skip that part! It was so worth it! The cake itself is very, very good. But when you add that layer of cream between, then add the cream cheese frosting, it goes to another level.
Last Christmas I sprung, for family fun, the Tom Cruise cake, which was wonderful. But this cake is a thousand times better!
It’s nice to know that when you click on a recipe–for me it was via Instagram–that the trouble you go through to make the recipe will be worth it. Sometimes it’s not, but oh well. This one is a keeper! I’m putting it in my family recipe book and giving copies to my kids for their family cookbooks.
You have no idea how happy that makes me! Thank you!
Made it last week for a birthday. Rave reviews!
I love that Bonnie! Thank you!
I made this yesterday! Impressive! I didn’t have coconut milk so thought mm. I have coconut cream so put the contents in a measuring cup and added heavy whipping cream to achieve 1-1/4c stir to well combined and smooth. Proceed with the filling recipe. Filling is coconutty and so good!
Thanks for sharing! I am glad that worked out for you!
I made this for my birthday. There are a lot of steps and as I was making it I was thinking I’m never going to be making this again. As I was eating it I was thinking I can’t wait till my next birthday. I baked it in 3 9” pans and it makes a beautiful tall cake. It is just fantastic and everyone I shared it with raved. Well worth the time. It’s not a cake you make every day but I might not wait a year before making it again.
Amazing Carolyn! Thank you for the feedback. It is additional steps between the different layers and elements, but I am glad you stuck it out. The results are well worth it in my opinion!
How tall was your cake using a 9 inch? Instead of a of 8 inch? Was there enough cake better ? Darla
I would expect the layers to be about 1/2″ tall, so quite a bit thinner than the 8-inch which are about 3/4″ tall
I made this as written. Absolutely delicious! Now my favorite cake!
Amazing! Thank you so much!!
Made two layer 1/4 sheet cake. Doubled the recipe. But made just one recipe of the filling and icing. I did not toast the coconut,only because the people just wanted coconut.
It was really good! I want to post a pic but I don’t see how.
That sounds amazing Gina! Now I’d like to try making it the same way!
Would it be fine to use 3 or 4 six inch pans? Would the filling and frosting be too soft, so a tall cake would not be stable if its taller?
Yes 3 6inch pans would yield taller layers. For 4 layers you may want to use a thicker and more stable cream cheese frosting. Or consider using dowels
I made this cake for my mom’s 90th birthday this week, it was amazing!! Everyone loved it❤️
I made it the night before, my tip if you make it is to be sure the filling is completely cool. Mine was still somewhat warm and it ran, so I put it in the fridge overnight and my cake was leaning. We all laughed because we told my mom the leaning cake was the stepping stones of her life😂😂. She absolutely loved it and I was asked for the recipe. Definitely a keeper!!!
Thank you Donna! Yes, this is very important to allow the filling to cool completely, but sounds like you made the best of it!
Was hard for me to make because I have parkinson but I did get it done was pretty sad looking but it was all gone after a family gathering,
every one should try it the taste was amazing. Thanks for printing it.
Hi Brenda, wow, thank you for trying my recipe. There are quite a few steps, so I can imagine this was quite the undertaking. Thank you for sharing my recipe with you family. Take care.
If I want to make this as a two layer cake, should I cut the recipe in half?
Thank!
Two 8 inch pans would make nice and thick layers. Two 9 inch pans would probably produce more of a dome on top and when trimmed, the cake layers would be thinner. But a half recipe would not be enough for either of those, so you would still need a full cake recipe. I would cut the filling and frosting in half.
Can you use two 9 inch pans. Thank you
You could but I think they would be quite tall for a 2 inch pan, so you may have to cut off the dome of the cake a bit.
One of the best coconut cakes ever….and I LOVE coconut! My husband asked for a coconut cake for his birthday and I am so happy I came across your recipe. Kiddos have already requested it for their birthdays too!
Amazing Kim! So happy you found this recipe!
Recently tried Coconut Cake for the first time and it was love at first bite, Found this recipe and made this and that was it. Family loved it and now I know it will be requested. Delicious cake!
YES Annemarie! thank you so much! I am so happy you found this recipe as well!
Is it possible to make the cake in a Bundt pan and just ice it?
I have not tested that.
I made this a few months ago. I always look for moist cakes before anything else. I think 80% of cakes are dry. But people just always say “this cake is delicious”cause of flavor! And flavor yes, your putting same ingredients in as all do. BUT, they don’t care or notice! it is DRY! Who cares if it tastes good! Geeez, moistness is key to a recipe, I look up so many bakers and ingredients.and sorry, all bakers cakes on here aren’t that great cause of the dry crumb…. I’m not even a baker really, I like decorating….but when I do it looks GREAT, doesn’t mean it’s a great cake. But your cakes are so moist. There is prob only 3-4 bakers on Pinterest that are extremely moist. Thank you for all your recipes!
Wow Kim, thank you for saying that! I think sometimes people tend to think my cakes are “too dense” but truly it’s because they are so moist and that can be difficult to achieve with a light and airy cake.
I never make layer cakes but I’d like to try this recipe in a 9 x 13 pan instead. Any suggestions on how I could use the custard in this configuration ?
Hi Yvonne. You can make the cake itself in a 9×13 inch pan, 25-32 minutes is what I would estimate for the baking time. Make the custard as is and spread it overtop of the cake. You may have some leftovers. Then top with the frosting, which you will probably only need about half of.
I haven’t made the coconut fluffy cake yet but being a lover of coconut, this is my next project.
Yeah! I hope you give it a try
I love your recipe
Thank you!