Coconut Custard Cake

As seen in: Desserts That Transform Moments

This show-stopping coconut custard cake features three moist coconut-infused cake layers filled with a homemade coconut custard. The cake is frosted with tangy cream cheese frosting and completely covered with toasted coconut flakes for incredible texture and flavor.

The cake itself uses coconut milk and extract for authentic flavor, while the custard filling combines shredded coconut with heavy cream for a rich texture. After assembling, the entire cake gets a generous coating of toasted coconut flakes pressed into the frosting, creating a dessert that's as beautiful as it is delicious.

Sarah Crisp
Contributed By Sarah Crisp
Last modified on Tue, 29 Apr 2025 04:09:05 GMT
A slice of coconut custard cake. Save This
A slice of coconut custard cake. | cookrisp.com

This coconut custard cake transforms any ordinary gathering into something truly special. The combination of moist coconut-infused cake layers, silky homemade custard filling, and tangy cream cheese frosting creates a dessert that coconut lovers will remember long after the last crumb disappears.

I first made this for my sister's birthday after she requested "something with coconut" and it's become our family's most requested celebration cake. The combination of textures from fluffy cake to creamy filling to toasted coconut exterior makes everyone swoon.

Ingredients

  • For the cake
  • Coconut milk: Provides authentic coconut flavor throughout the cake while keeping it incredibly moist
  • Coconut extract: Enhances the tropical flavor profile without overpowering use pure not artificial for best results
  • Sour cream: Creates tenderness in the crumb that makes each bite melt in your mouth
  • Vegetable oil and butter combination: The oil keeps the cake moist for days while butter adds rich flavor
  • For the filling
  • Heavy whipping cream: Creates the luxurious custard base that sets up perfectly between layers
  • Shredded sweetened coconut: Adds delightful texture and concentrated coconut flavor to the filling
  • Cornstarch: The secret to a perfectly set custard that won't run out when you slice the cake
  • For the frosting
  • Cream cheese: Provides tanginess that balances the sweetness of the cake and filling
  • Toasted coconut: The golden exterior not only looks beautiful but adds a nutty flavor dimension

Step-by-Step Instructions

Prepare the cake pans:
Line three 8inch round pans with parchment circles and grease the sides generously. This ensures clean release every time. If you have cake strips, soak them in cold water and wrap around the pans for perfectly level layers.
Mix wet ingredients:
Combine sugar, oil, butter, eggs, egg whites and sour cream in your mixing bowl. Beat for a full two minutes until the mixture becomes noticeably lighter in color. This incorporates air into the batter for a lighter texture.
Add dry ingredients alternating with liquids:
Combine flour, baking powder, baking soda and salt in a separate bowl. Add to the wet mixture alternating with coconut milk and extracts, beginning and ending with dry ingredients. Mix just until combined after each addition to prevent tough cake layers.
Bake with care:
Divide batter evenly between pans, about 1 2/3 cups per pan. Bake at 350°F for 20 to 24 minutes, rotating pans halfway through. The cake is done when a toothpick inserted in the center comes out clean or with a few moist crumbs.
Toast the coconut:
Spread coconut evenly on a parchment lined baking sheet. Toast in the already heated oven for 5 to 8 minutes, watching closely and stirring once or twice until golden brown. Transfer immediately to a cool plate to stop the toasting process.
Create coconut custard filling:
Start by whisking cornstarch with a small amount of cold cream until smooth. This prevents lumps in your custard. Heat remaining cream with butter, sugar and coconut until nearly boiling, then add cornstarch mixture. Cook until thickened, stirring constantly, then add vanilla. Cool completely before using.
Make cream cheese frosting:
Beat softened butter and cream cheese until completely smooth and free of lumps. Add powdered sugar gradually, mixing thoroughly between additions. Add vanilla extract for flavor depth. The frosting should be smooth and spreadable but still hold its shape.
Assemble the cake:
Pipe a thick dam of frosting around the edge of each cake layer before adding custard filling in the center. This prevents the filling from squeezing out. After adding the final layer, frost the entire cake with a thin layer of cream cheese frosting, then press toasted coconut onto the sides and top.
A slice of coconut custard cake. Save This
A slice of coconut custard cake. | cookrisp.com

My grandmother used to make a version of this cake for Easter every year, but her secret was adding a splash of dark rum to the custard filling. The first time I followed her recipe as an adult, the familiar aroma transported me right back to her sunny yellow kitchen where shed let me help press the toasted coconut onto the sides.

Storing Your Coconut Cake

This cake requires refrigeration due to both the custard filling and cream cheese frosting. Store it in an airtight container or cover loosely with plastic wrap to prevent it from absorbing refrigerator odors. The cake tastes best when allowed to sit at room temperature for about 30 minutes before serving, which allows the frosting to soften slightly and flavors to fully bloom.

Make Ahead Options

Both the cake layers and components can be prepared in advance, making this ideal for busy celebrations. The cake layers can be baked up to two days ahead and wrapped tightly in plastic wrap. The custard filling and frosting can be refrigerated for up to three days. When ready to assemble, let the components come to room temperature for about 30 minutes. If the custard filling becomes too firm, microwave it in 15second intervals, stirring between each, until it reaches a spreadable consistency.

Flavor Variations

While this classic version is perfect for coconut lovers, you can easily customize this cake to create different flavor profiles. Add a layer of fresh mango or pineapple between the cake layers for a tropical twist. For chocolate coconut lovers, fold 1/2 cup mini chocolate chips into the custard filling or drizzle the assembled cake with chocolate ganache. During the holidays, add 1/4 teaspoon of almond extract to the cake batter and decorate the top with sugared cranberries for a festive presentation.

Common Queries

→ Can I make this coconut custard cake in advance?

Yes! Both the frosting and filling can be prepared 1-2 days ahead and refrigerated. Let them sit at room temperature for 30 minutes before assembling. The completed cake can be made a day ahead and stored in the refrigerator. For best results, remove it from the refrigerator 30 minutes before serving.

→ How should I store leftover cake?

Due to the custard filling and cream cheese frosting, store leftover cake in an airtight container in the refrigerator. It will keep well for 3-4 days while maintaining its moisture and flavor.

→ Can I substitute the coconut milk in this cake?

While coconut milk provides the best authentic flavor, you can substitute with whole milk mixed with 1-2 teaspoons additional coconut extract. The texture may vary slightly, but the cake will still be delicious.

→ What's the best way to toast coconut for the exterior?

Spread sweetened shredded coconut evenly on a parchment-lined baking sheet and bake at 350°F for 5-8 minutes, stirring once halfway through. Watch carefully as coconut can burn quickly. Immediately transfer to a plate when it reaches golden brown to stop the cooking process.

→ Can I use unsweetened coconut instead of sweetened?

Yes, but it will affect the overall sweetness and texture. If using unsweetened coconut, you may want to increase the sugar slightly in the filling. Unsweetened coconut is also drier than sweetened, so the texture of the filling and exterior coating will be slightly different.

→ Why do I need to pipe a frosting dam before adding the filling?

The frosting dam creates a barrier that prevents the softer coconut custard filling from squeezing out the sides of the cake when the layers are stacked. This ensures your cake maintains its structure and looks neat when sliced.

Coconut Custard Cake

Layered coconut cake with silky custard filling and cream cheese frosting, covered in toasted coconut for the ultimate dessert.

Preparation Time
60 Minutes Required
Cooking Duration
30 Minutes Required
Overall Time
90 Minutes Required
Contributed By: Sarah Crisp

Recipe Type: Sweet Comfort

Skill Level: Advanced

Cuisine Type: American

Serving Size: 12 Number of Servings (12 slices)

Dietary Preferences: Suitable for Vegetarians

What You’ll Need

→ Cake

01 285g granulated sugar
02 118ml vegetable oil
03 28g unsalted butter, melted
04 2 large eggs
05 2 large egg whites
06 118ml sour cream
07 350g all-purpose flour
08 7.5g baking powder
09 4.5g baking soda
10 5g salt
11 15ml coconut extract
12 5ml pure vanilla extract
13 315ml coconut milk, well stirred

→ Filling

14 296ml heavy whipping cream, divided
15 13g cornstarch
16 114g unsalted butter
17 142g granulated sugar
18 170g shredded coconut, sweetened
19 0.25 teaspoon vanilla extract

→ Icing

20 114g unsalted butter, softened
21 339g cream cheese, softened
22 5ml vanilla extract
23 390g powdered sugar
24 151g shredded sweetened coconut, toasted

Steps to Follow

Step 01

Preheat oven to 175°C. Prepare three 8-inch round baking pans, line with parchment paper, and grease sides. Optional: prepare bake even stripes. In a large bowl, beat sugar, oil, butter, eggs, and sour cream until light, about 2 minutes. In a separate bowl, mix dry ingredients. Alternate adding half the dry ingredients, extracts, and coconut milk until incorporated. Use a spatula to ensure even mixing.

Step 02

Divide batter evenly between pans (about 400ml per pan). Bake at 175°C for 20-24 minutes, rotating halfway. Check doneness with a toothpick. If clean, remove and cool completely.

Step 03

Spread shredded coconut on a parchment-lined baking sheet. Bake in the preheated oven for 5-8 minutes until desired color is achieved. Transfer to cool.

Step 04

Whisk 3 tablespoons heavy cream with cornstarch until thickened. Heat butter, rest of heavy cream, sugar, and shredded coconut in a saucepan over medium heat, stirring until nearly boiling. Add cornstarch mixture, stir until thickened. Stir in vanilla extract. Cool completely.

Step 05

Beat softened butter and cream cheese on medium-high speed until smooth. Gradually add powdered sugar, 1 cup at a time, until combined. Stir in vanilla extract.

Step 06

Place bottom cake layer on a cake board. Pipe a dam of frosting around the edge and fill center with half the filling. Repeat with second layer. Place final layer on top. Frost cake with cream cheese icing and press toasted coconut onto frosting to cover completely. Refrigerate for at least 30 minutes before serving.

Additional Notes

  1. Store cake in an airtight container to prevent drying out.
  2. Frosting and filling can be made ahead and refrigerated. Let them sit at room temperature before using.

Tools to Have

  • 8-inch round baking pans
  • Mixing bowls
  • Hand or stand mixer
  • Spatula
  • Saucepan
  • Parchment paper
  • Baking sheet

Allergen Information

Double-check ingredients for allergens, and seek medical guidance if necessary.
  • Contains eggs
  • Contains dairy (cream cheese, butter, heavy cream)
  • Contains gluten (all-purpose flour)
  • Contains coconut

Nutrition Info (Per Serving)

These figures are estimates and shouldn’t replace professional health advice.
  • Calories Per Serving: 1061
  • Fat Content: 68 grams
  • Carbohydrates: 109 grams
  • Protein Amount: 9.7 grams