Coconut Custard Cake

This post may contain affiliate sales links. Please read my disclosure policy.

This Coconut Custard Cake is made with layers of moist coconut cake, a creamy coconut custard and coconut cream cheese frosting! It’s absolutely delicious and a dream cake for any coconut lover!

This post is sponsored by Challenge Butter, but all opinions are my own.

full image of coconut custard cake on wood and marble cake stand

Coconut Custard Cake

This cake is seriously dreamy. The coconut cake layers are tender and moist and made with coconut milk and coconut extract for lots of great flavor. The coconut custard is rich and creamy and easily my favorite part of this cake. And the cream cheese frosting compliments everything perfectly.

So let’s talk about the custard filling a bit. This filling is just so darn good you’ll want to eat it on it’s own. Typically a custard is going to be made with eggs, but not all “custards” use eggs. This filling definitely uses eggs and is therefore cooked over the stove to heat the eggs. If you ever do a taste comparison of custards with and without eggs, you will notice a HUGE difference in flavor. The eggs don’t make it eggy, but instead add richness. It’s kind of like the difference between a no bake cheesecake and a baked cheesecake. The richness of the baked cheesecake comes from the addition of eggs and it applies here too.

This cake is truly a winner. It’d be a hit for Easter or any occasion. It’s full of flavor and texture, and for as yummy as it is, it’s not hard to make.

cake slice on a plate with two packages of challenge butter behind it

Ingredients

Most of the ingredients used in this cake are pretty straight forward, you’ll just need some coconut things. Have plenty of coconut extract on hand, along with coconut milk and shredded coconut.

For the Coconut Cake Layers

  • All-Purpose Flour
  • Baking Powder: No baking soda here.
  • Salt: If you only have salted butter on hand, just leave out the salt the recipe calls for.
  • Unsalted Butter: It should be room temperature. And of course I used my favorite butter here, Challenge Butter. Challenge Butter is a high quality, creamy butter that goes from farm to fridge in just two days, ensuring that it’s nice and fresh. It has no added hormones, artificial flavors or fillings, so you can feel good about feeding it to your family. If you haven’t tried it before, you definitely need to. It will definitely elevate your baking and cooking.
  • Vegetable Oil: For extra moisture.
  • Sugar
  • Coconut Extract: For coconut flavor.
  • Vanilla Extract: Be sure to use pure vanilla extract.
  • Large Eggs
  • Coconut Milk: For more coconut flavor. Be sure to use coconut milk and not cream of coconut.

For the Coconut Custard Filling

  • Egg Yolks: These help thicken the filling, but also add that classic custard-y flavor.
  • Sugar
  • Cornstarch: Also helps to thicken the filling.
  • Milk: I’d recommend whole milk or 2%. The higher fat content helps make the filling extra creamy.
  • Shredded Coconut: I use sweetened coconut, but unsweetened would be fine.
  • Butter: Again, I’m using Challenge Butter here for superior flavor.
  • Coconut Extract: Bring on the coconut flavor!
  • Vanilla Extract

For the Coconut Cream Cheese Frosting

  • Cream Cheese: Should be room temperature. And Challenge Cream Cheese is definitely the way to go. It’s made with real milk, cream and natural ingredients for amazing flavor and creaminess.
  • Butter: Room temperature, as well. And again, Challenge Butter is the best!
  • Powdered Sugar: You’ll find a decent amount of powdered sugar in the cream cheese frosting, which adds both volume and stability so that it stays in place on your cake.
  • Coconut Extract: For even more coconut flavor!
  • Vanilla Extract
  • Shredded Coconut: I toasted mine, but you could leave it un-toasted, if you prefer.
two packages of challenge butter stacked in front of cake
coconut custard cake slice with a bite taken on teal napkin

How to Make Coconut Custard Cake

For the Cake

  1. Prep For Baking: Prepare three 8 inch cake pans with parchment paper circles in the bottom and grease the sides. Preheat oven to 350°F.
  2. Combine Dry Ingredients: Add all dry ingredients to a large bowl and whisk together.
  3. Cream Butter, Oil, Sugar and Extracts: Add the butter, oil, sugar and extract to a large mixer bowl and cream them together for about 2-3 minutes. You’ll notice the mixture lighten in color and get a nice, creamy texture to it when it’s ready.
  4. Add Eggs: Add the eggs one at a time and mix until mostly combined after each.
  5. Start adding dry ingredients: Add about half of the dry ingredients first and mix that until mostly combined.
  6. Add coconut milk.
  7. More Dry Ingredients: Add the remaining dry ingredients and mix until well combined. Don’t over mix.
  8. Bake: Divide the batter evenly between cakes pans and bake.
  9. Let Cool: Remove cakes from oven and allow to cool for a few minutes, then remove to cooling racks to cool completely. The cakes will be nice and tender.

For the Filling

  1. Prep Egg Yolks: Put the egg yolks in a medium sized bowl and gently beat them together so they are ready for when you need them.
  2. Heat Sugar, Cornstarch and Milk: Add the sugar, cornstarch and milk to a large saucepan and whisk until smooth. Cook over medium heat, stirring continuously, until mixture begins to thicken and bubble. You don’t want to turn up the heat to make this happen faster. The mixture needs time to thicken properly. You also don’t want to over heat it or you could actually break down the cornstarch.
  3. Temper the eggs: Remove the pan from the heat and add a little bit of milk mixture to the egg yolks and whisk together, then add egg mixture to milk mixture. This process slowly heats the eggs, ensuring that you don’t scramble them.
  4. Boil Lightly: Place everything back in the pan and the pan back on the heat. Stir in the shredded coconut. Bring the mixture to a light boil. Allow to boil for 1 minute or so, stirring continuously, until thickened. Keep in mind that it will continue to thicken as it cools. Don’t boil for longer than 2 minutes, or you can overcook it and it’ll actually break down, rather than get thicker.
  5. Add Flavorings and Cool: Remove from heat and add the butter and extracts. Stir until smooth, then pour into a bowl and cover with clear wrap pressed against the top so that it doesn’t get a film on top. Set in the fridge to cool completely.

For the Frosting

  1. Butter and Cream Cheese: Beat the butter and cream cheese together in a stand mixer until smooth.
  2. Add the sugar: Slowly add about half of the powdered sugar and mix until smooth.
  3. Flavorings: Add vanilla and coconut extract and mix until smooth.
  4. More sugar: Add the remaining powdered sugar and mix until smooth.

Build the Cake

Time to layer everything together! See my tips on how to fill and stack a cake.

  1. Assemble Cake: To put the cake together, each layer must be completely cooled. Place the first cake on a serving plate or a cardboard cake round. Pipe a dam of frosting around the outer edge of the cake to hold the filling in place and fill it with half of the coconut custard filling. Top with the second layer of cake and another layer of coconut filling.
  2. Add Final Layer & Decorate: Add the final layer of cake on top and frost the cake with the remaining frosting. Press the toasted coconut onto the sides of the cake. You’ll want to do this right after frosting it so that the coconut will stick. Pipe a border around the top edge of the cake using the remaining frosting.
  3. Serve or Store: Store the cake in the fridge until you’re ready to serve it.
two slices of coconut cake with a bowl of toasted coconut

Tips for Success

This cake isn’t terribly hard to make, but here are some tips to make sure it turns out perfectly.

  • Level the Cakes for Easy Layering: I recommend using a large serrated knife to remove the domes from the top of the cakes so that they’re flat. These cakes don’t have a large dome, but I like to make sure they’re completely flat for layering purposes. Particularly with a softer filling like this one, it’s nice to be sure things won’t slip around. I have a handy tutorial to show you how to do this: How to Level and Torte a Cake.
  • Don’t Skimp on the Creaming Time: Make sure you fully cream the butter, sugar, oil and vanilla for your cake batter. The mixture is ready when the color lightens and texture gets fluffy and light.
  • Don’t rush making the custard: Heating the mixture too quickly can keep it from thickening properly and so can over cooking the mixture. Take your time and remove the finished custard before it’s too thick, because it will thicken more as it cools.

How to Store Coconut Custard Cake

This cake lasts in the fridge for 3-4 days. Store in an airtight container if you have one. If you’d like, you can make the cake layers and filling a day in advance. Let the cake layers cool and store them in an air tight container or wrap each one in plastic wrap and store them in the fridge overnight. Store the filling in the fridge. When you’re ready to put it together, make the cream cheese frosting, assemble and enjoy!

More Great Coconut Recipes

Coconut Cream Pie
Coconut Cream Pie Cupcakes
Easy Coconut Cheesecake
Coconut Poke Cake
Key Lime Coconut Cupcakes

Watch The Video

Read Transcript

Print
clock clock icon cutlery cutlery icon flag flag icon folder folder icon instagram instagram icon pinterest pinterest icon facebook facebook icon print print icon squares squares icon
slice of coconut custard cake on a white plate with teal napkin
Recipe

Coconut Custard Cake

  • Author: Lindsay
  • Prep Time: 1 hour 25 minutes
  • Cook Time: 45 minutes
  • Total Time: 2 hours 10 minutes
  • Yield: 12-14 slices
  • Category: Dessert
  • Method: Oven
  • Cuisine: American

Description

This Coconut Custard Cake is made with layers of moist coconut cake, a creamy coconut custard and coconut cream cheese frosting! It’s absolutely delicious and a dream cake for any coconut lover!


Ingredients

Coconut Cake Layers

  • 2 1/2 cups (325g) all purpose flour
  • 2 1/2 tsp baking powder
  • 1/2 tsp salt
  • 3/4 cup (168g) unsalted Challenge Butter, room temperature
  • 1 1/2 cups (310g) sugar
  • 1/4 cup (60ml) vegetable oil
  • 2 tsp coconut extract
  • 1/2 tsp vanilla extract
  • 4 large eggs
  • 1 1/4 cups (300ml) coconut milk

Coconut Custard

  • 2 egg yolks
  • 6 tbsp (78g) sugar
  • 2 tbsp cornstarch
  • 1 1/2 cups (360ml) milk (whole or 2%)
  • 1 cup (75g) shredded coconut, sweetened
  • 1 tbsp (7g) salted Challenge Butter
  • 1/4 tsp coconut extract
  • 1/4 tsp vanilla extract

Coconut Cream Cheese Frosting

  • 16 oz (452g) Challenge Cream Cheese, room temperature
  • 1 cup (224g) unsalted Challenge Butter, room temperature
  • 11 cups (1265g) powdered sugar
  • 2 tsp coconut extract
  • 1/2 tsp vanilla extract
  • 1 1/2 cups (113g) shredded coconut, sweetened, toasted

Instructions

FOR THE CAKE:

  1. Prepare three 8 inch cake pans with parchment paper circles in the bottom and grease the sides. Preheat oven to 350°F (176°C).
  2. Combine the flour, baking powder and salt in a medium sized bowl and set aside.
  3. Add the butter, sugar, oil and extracts to a large mixer bowl and beat together until light in color and fluffy, about 3-4 minutes. Do not skimp on the creaming time.
  4. Add the eggs one at a time, mixing until mostly combined after each. Scrape down the sides of the bowl as needed to be sure all ingredients are well incorporated.
  5. Add half of the dry ingredients to the batter and mix until mostly combined.
  6. Add the coconut milk and mix until well combined. The batter may look a little curdled, but that’s ok.
  7. Add the remaining dry ingredients and mix until well combined and smooth. Scrape down the sides of the bowl as needed to be sure all ingredients are well incorporated. Do not over mix the batter.
  8. Divide the batter evenly between the cakes pans and bake for 20-25 minutes, or until a toothpick comes out with a few crumbs.
  9. Remove the cakes from the oven and allow to cool for about 2-3 minutes, then remove to cooling racks to cool completely.

FOR THE CUSTARD:

  1.  To make the custard, put the egg yolks in a medium sized bowl and gently beat them together. Set aside.
  2. Add the sugar, cornstarch and milk to a large saucepan and whisk until smooth. Cook over medium heat, stirring continuously, until mixture begins to thicken and bubble. You don’t want to turn up the heat to make this happen faster. The mixture needs time to thicken properly.
  3. Remove the pan from the heat and add a little bit of milk mixture to the egg yolks and whisk together, then add egg mixture to milk mixture. This process tempers the eggs and ensures that you don’t scramble them.
  4. Place everything back in the pan and the pan back on the heat. Stir in the shredded coconut. Bring the mixture to a light boil. Allow to boil for 1 minute or so, stirring continuously, until thickened. Keep in mind that it will continue to thicken as it cools. Don’t boil for longer than 2 minutes, or you can overcook it and it’ll actually break down, rather than get thicker.
  5. Remove from heat and add the butter and extracts. Stir until smooth, then pour into a bowl and cover with clear wrap pressed against the top so that it doesn’t get a film on top. Set in the fridge to cool completely.

FOR THE FROSTING:

  1. To make the cream cheese frosting, beat the cream cheese and butter together until smooth.
  2. Add half of the powdered sugar and mix until well combined and smooth.
  3. Add the coconut extract and vanilla extract mix until well combined.
  4. Slowly add the remaining powdered sugar and mix until well combined.

TO BUILD THE CAKE:

  1.  To assemble the cake, use a large serrated knife to remove the domes from the top of the cakes.
  2. Place the first layer of cake on a serving plate or a cardboard cake round. Pipe a dam of frosting around the outside of the cake. I use Ateco tip 808 for the dam so that it’s tall.
  3. Spread half of the coconut custard evenly on top of the cake layer, inside the dam.
  4. Add the second layer of cake, another dam of frosting and the remaining coconut custard.
  5. Add the final layer of cake on top, then frost the outside of the cake.
  6. Press the toasted coconut onto the sides and top of the cake, covering it fully. Do this immediately after frosting it. The frosting will “crust” as it sits and the coconut will not stick if you try to add it later.
  7. Pipe shells or swirls of frosting onto the top of the cake. Note that it’s a little tricky for the frosting to stick to the coconut, so you may want to pipe the frosting onto the cake prior to adding the coconut. It just depends on the look you want.
  8. Refrigerate well covered until ready to serve. Cake should be eaten within 3-4 days.

Nutrition

  • Serving Size: 1 slice
  • Calories: 1081
  • Sugar: 129.1 g
  • Sodium: 271.1 mg
  • Fat: 51.3 g
  • Carbohydrates: 151.8 g
  • Protein: 8.5 g
  • Cholesterol: 175.9 mg

Categories

cake slice on a plate and full image of cake on cake stand

Share a Comment

Have a question? Use the form below to submit your question or comment. I love hearing from you and seeing what you made!

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

80 Comments
    1. Lindsay

      I haven’t ever tried it to be able to say for sure. I’d like to say that I think it’d be fine, but I really don’t use coconut oil much. Worth a try though!

    1. Lindsay

      You can freeze the individual layers, but not the full cake. There’s cornstarch in the filling, so it doesn’t freeze/thaw well.

  1. Mary Beth Christie

    This was the best coconut cake I have ever had. Made it exactly the way the recipe says and it turned out wonderful






  2. Tim

    I made this today for a birthday cake , the flavour was extremely good ; but the cake was super dense . Don’t know if it normal for this recipe

    1. Lindsay

      It shouldn’t be super dense. It sounds like something was off. Could be that an ingredient wasn’t measured properly or that the butter, oil and sugar weren’t fully creamed together.

  3. Maria D.

    I would like to make this as a 3 layer loaf cake. Do you think half a recipe would do it? If I wanted to add a hint of lime, do you think putting zest in the batter and in the frosting would do it? TIA

    1. Lindsay

      I’ve never made a loaf cake like that, so I’m not sure. Lime zest should be fine. Just depends on how strong you want the flavor.

  4. fanny

    Hi Lindsay
    Can I make this recipe in to cupcakes .I need to make 24 cupcakes.
    I see your coconut cupcakes recipe is for 12-14 cupcakes.
    what do you recommend?
    thanks so much for all your recipes.

  5. Thirlwell

    This cake is amazing! I baked it today for a friend’s birthday and everyone raved how delicious it tastes and how moist and light it is. Thanks Lindsay for another delicious recipe






  6. LJ

    I made this cake and it was flavorful. However, all three of my layers significantly dropped in the middle. I used sweetened condensed coconut milk. Should I have not used this. I really did not know which coconut milk to use. Also, can I make it without the custard? If so, would this cause additional modifications to the recipe?

    1. Lindsay

      It’s just regular coconut milk in a can. Not sweetened condensed milk or sweetened condensed coconut milk. That would probably be why your cake layers didn’t bake correctly. You don’t have to use the custard filling but then you may want to make a little additional frosting to use to fill the cake.

      Here’s an example of canned coconut milk -https://www.amazon.com/Thai-Kitchen-Gluten-Unsweetened-Coconut/dp/B000SRKCGM/ref=asc_df_B000SRKCGM/

      1. Lindsay

        No. The coconut milk shouldn’t be super hard. It should be easily stirrable without heating it up.

      1. Lindsay

        If you used the correct coconut milk, then that shouldn’t be an issue. I would check that your baking powder is still good and be sure that you didn’t over or under cream the butter and sugar.

Lindsay
About Lindsay

I’m the baker, recipe developer and photographer behind Life, Love and Sugar. I love sharing trusted recipes with helpful tips to give you great results.

Scripture I’m Loving

“Come to me, all you who are weary and burdened, and I will give you rest. Take my yoke upon you and learn from me, for I am gentle and humble in heart, and you will find rest for your souls.” Matthew 11:28-29