Let me tell you about my absolute favorite cake to bake—the coconut custard cake that takes me straight to tropical paradise with every bite. This isn't just any ordinary coconut cake, mind you. It's layers of moist, tender coconut cake sandwiching the creamiest custard filling you'll ever taste, all wrapped up in a dreamy cream cheese frosting that'll make you swoon. The first time I made this for a family gathering, my aunt declared it "the best dessert she'd ever eaten"—and trust me, she's eaten a lot of desserts!
What makes this coconut custard cake so special? It's that perfect balance of rich and refreshing. The coconut milk keeps every bite melt-in-your-mouth tender while the toasted coconut topping gives it that satisfying crunch. And let me tell you, when that luscious custard filling oozes just slightly when you cut into it? Pure magic. Whether it's for birthdays, holidays, or just because you deserve something sweet, this cake never fails to impress.
Why You’ll Love This Coconut Custard Cake
This isn't just another cake recipe—it's a tropical vacation on a plate! Here's why it'll become your new favorite:
- Unbelievably moist texture from coconut milk and sour cream (no dry crumbs here!)
- That dreamy coconut custard filling that makes every bite creamy perfection
- Surprisingly easy steps—no fancy techniques needed
- Tropical flavor that transports you with every forkful
- Cream cheese frosting that balances sweetness with just the right tang
Once you taste this coconut custard cake, there's no going back to ordinary desserts!
Ingredients for Coconut Custard Cake
Gathering the right ingredients is half the battle for this heavenly coconut custard cake. Here's everything you'll need, separated by component because trust me—you don't want to accidentally put the frosting ingredients in the cake batter (been there, done that)!
For the cake:
- 1 ½ cups (285g) granulated sugar (the sweet foundation)
- ½ cup (118 ml) vegetable oil (for that perfect moisture)
- 2 tablespoon (28g) unsalted butter, melted (because butter makes everything better)
- 2 large eggs + 2 egg whites (room temperature for best results)
- ½ cup (118 ml) sour cream (secret weapon for tenderness)
- 2 ½ cups (350g) all-purpose flour (measured correctly—no packing!)
- 2 teaspoon (7.5g) baking powder + 1 teaspoon (4.5g) baking soda (our rising heroes)
- 1 teaspoon (5g) salt (balances all that sweetness)
- 1 tablespoon (15ml) coconut extract (pure, not imitation!)
- 1 teaspoon (5ml) pure vanilla extract (the flavor booster)
- 1 ⅓ cup (315ml) coconut milk, well stirred (full-fat only—shake that can!)
For the dreamy custard filling:
- 1 ¼ cup (296ml) heavy whipping cream, divided (keep it cold until use)
- 4 teaspoons (13g) cornstarch (our thickening agent)
- ½ cup (114g) unsalted butter (softened, not melted)
- ¾ cup (142g) granulated sugar
- 2 ¼ cups (170g) shredded coconut, sweetened (plus extra for garnish)
- ¼ teaspoon vanilla extract (just a kiss of flavor)
For the luscious frosting:
- ½ cup (114g) unsalted butter, softened (yes, more butter!)
- 12 oz (339g) cream cheese, softened (block style, not whipped)
- 1 teaspoon (5ml) vanilla extract
- 3 cups (390g) powdered sugar (sifted to avoid lumps)
- 2 cups (151g) shredded sweetened coconut, toasted (for that golden crunch)
Equipment You’ll Need
Before we dive into baking this heavenly coconut custard cake, let's gather our tools (no fancy equipment needed—just the basics!):
- Two 9-inch round cake pans (light-colored metal works best)
- Electric mixer (hand or stand—your choice)
- Mixing bowls (one large, one medium)
- Wire rack (for cooling those perfect layers)
- Saucepan (for that dreamy custard filling)
- Spatulas (rubber and offset for frosting)
- Measuring cups and spoons (precision matters!)
That's it! Now we're ready to create magic.
How to Make Coconut Custard Cake
Ready to make this tropical dream come to life? Let's dive into the step-by-step magic of creating this coconut custard cake. I promise—it's easier than you think, and the results will have everyone begging for seconds!
Step 1: Prepare the Cake Batter
First things first—preheat that oven to 350°F (175°C) so it's nice and toasty when we're ready to bake. Now grab your biggest mixing bowl (I always use my grandma's old yellow one) and whisk together the sugar, oil, melted butter, eggs, egg whites, and sour cream until silky smooth. Don't rush this step—getting everything fully incorporated makes all the difference!
In another bowl, whisk together all your dry ingredients (flour, baking powder, baking soda, and salt). Now here's my trick—alternate adding the dry mix and coconut milk to your wet ingredients, starting and ending with flour. This keeps the batter from getting lumpy. Stir in the extracts last—that heavenly coconut aroma will tell you when you've got it just right!
Step 2: Bake the Cake Layers
While the oven finishes heating, grease and flour your cake pans really well—nothing's worse than your beautiful layers sticking! Divide the batter evenly between the pans (I use a kitchen scale to be precise) and give them a gentle tap on the counter to release any bubbles.
Bake for 25-30 minutes until the tops spring back when lightly pressed and a toothpick comes out with just a few moist crumbs. Don't overbake—we want these babies tender! Let them cool in the pans for 10 minutes before turning out onto wire racks to cool completely. Resist the urge to frost warm layers—patience makes perfect layers!
Step 3: Make the Coconut Custard Filling
Now for the star of the show—that luscious custard filling! Heat 1 cup of heavy cream in a saucepan over medium heat until it just starts to simmer. Meanwhile, whisk together the remaining ¼ cup cream with cornstarch until smooth. Slowly whisk this into the hot cream and keep stirring—you'll see it thicken beautifully within minutes!
Remove from heat and stir in the butter, sugar, shredded coconut, and vanilla. The mixture will continue thickening as it cools—give it about 30 minutes to reach that perfect spreadable consistency. Pro tip: Press plastic wrap directly on the surface to prevent a skin from forming!
Step 4: Assemble and Frost the Cake
The moment we've been waiting for—assembly! Place your first cake layer on a serving plate and spread all that glorious custard filling evenly over the top. Gently place the second layer on top—I sometimes refrigerate it for 10 minutes here to prevent sliding.

Now whip up that dreamy cream cheese frosting—beat the butter and cream cheese until fluffy, then gradually add powdered sugar and vanilla. Frost the entire cake generously, using an offset spatula for smooth sides. Finish with a shower of toasted coconut (toast it lightly in a dry skillet first for extra flavor). Chill for at least an hour before slicing—if you can wait that long!
Tips for the Perfect Coconut Custard Cake
After making this coconut custard cake more times than I can count, here are my foolproof tips for guaranteed success:
- Toast the coconut topping first—it brings out incredible flavor (watch closely—it burns fast!)
- Use full-fat coconut milk—the extra richness makes all the difference
- Chill the assembled cake for at least an hour—it makes slicing cleaner and flavors meld beautifully
- Measure flour correctly—fluff it first, then spoon into cups and level off
- Let eggs and dairy come to room temperature—they incorporate better into the batter
Follow these, and you'll have coconut custard cake perfection every time!
Variations and Substitutions
While I adore the classic version, this coconut custard cake is wonderfully adaptable. Need dairy-free? Swap the butter for coconut oil and use coconut cream instead of heavy cream—you'll get extra coconut flavor! Want a tropical twist? Fold in ½ cup crushed pineapple (well-drained) to the cake batter. Almond extract makes a lovely alternative if you run out of vanilla—just use half the amount since it's stronger. The texture might vary slightly with substitutions, but the deliciousness remains!
Serving and Storing Coconut Custard Cake
This coconut custard cake tastes best chilled—I always serve it straight from the fridge where that custard filling gets extra luscious! Store any leftovers in an airtight container (or covered with plastic wrap) in the refrigerator for up to 5 days. The flavors actually improve on day two! If you must reheat a slice, 10 seconds in the microwave takes off the chill without melting the frosting—just enough to make it taste freshly made again.
Coconut Custard Cake Nutritional Information
Each decadent slice of this coconut custard cake contains about 450 calories, with 25g fat (15g saturated), 50g carbs, and 5g protein. Remember—nutritional values can vary based on ingredient brands and exact measurements. Not that you'll be thinking about calories when you taste this tropical bliss!

FAQs About Coconut Custard Cake
Q1: Can I make this cake with coconut flour instead of all-purpose?
Oh honey, I wish! Coconut flour behaves completely differently—it's way more absorbent. If you swap it 1:1, you'll end up with a dry, crumbly mess. Stick with all-purpose here for that perfect tender crumb. Maybe someday I'll crack the coconut flour version, but for now, let's not risk ruining this beauty!
Q2: How long does this coconut custard cake stay fresh?
In our house? About 24 hours—because it disappears that fast! But seriously, stored properly in the fridge, it stays delicious for up to 5 days. The custard filling and cream cheese frosting mean it needs refrigeration. Pro tip: The flavors actually get better after a day as everything melds together!
Q3: Can I freeze leftover coconut custard cake?
You absolutely can! Wrap individual slices tightly in plastic wrap, then foil, and freeze for up to 3 months. Thaw overnight in the fridge when cravings strike. The texture changes slightly, but that coconutty goodness still shines through. Just don't freeze the whole frosted cake—assembled cakes never thaw as nicely.
Q4: My custard filling seems runny—what went wrong?
Happens to the best of us! Probably needed another minute of cooking or didn't cool enough before spreading. No worries—pop the assembled cake in the fridge for an extra hour to firm up. Next time, cook the custard until it coats the back of a spoon thickly, and let it cool completely. You've got this!
Ready to Bake Your Coconut Custard Cake?
Now that you've got all my secrets, I can't wait to hear how your coconut custard cake turns out! Tag me in your baking adventures—I love seeing those golden layers and creamy fillings. Happy baking, my fellow coconut lovers!
Print
Decadent Coconut Custard Cake Recipe That Will Wow Everyone
- Total Time: 1 hour
- Yield: 12 servings 1x
- Diet: Vegetarian
Description
A rich and moist coconut custard cake layered with creamy coconut filling and topped with cream cheese frosting.
Ingredients
- 1 ½ cups (285g) granulated sugar
- ½ cup (118 ml) vegetable oil
- 2 tablespoon (28g) unsalted butter, melted
- 2 large eggs
- 2 large egg whites
- ½ 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 ⅓ cup (315ml) coconut milk, well stirred
- 1 ¼ cup (296ml) heavy whipping cream, divided
- 4 teaspoons (13g) cornstarch
- ½ cup (114g) unsalted butter
- ¾ cup (142g) granulated sugar
- 2 ¼ cups (170g) shredded coconut, sweetened
- ¼ teaspoon vanilla extract
- ½ 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
- Preheat oven to 350°F (175°C). Grease and flour two 9-inch cake pans.
- In a large bowl, mix sugar, oil, melted butter, eggs, egg whites, and sour cream until smooth.
- Add flour, baking powder, baking soda, salt, coconut extract, and vanilla extract. Mix well.
- Gradually stir in coconut milk until batter is smooth.
- Divide batter evenly between the prepared pans. Bake for 25-30 minutes or until a toothpick comes out clean.
- Let cakes cool in pans for 10 minutes, then transfer to a wire rack to cool completely.
- For the filling, heat 1 cup of heavy cream in a saucepan over medium heat.
- In a small bowl, mix cornstarch with remaining ¼ cup cream. Add to the saucepan and stir until thickened.
- Add butter, sugar, shredded coconut, and vanilla extract. Cook until smooth. Let cool.
- For the icing, beat softened butter and cream cheese until smooth. Add vanilla extract and powdered sugar. Mix until creamy.
- Spread filling between cake layers. Frost the top and sides with cream cheese icing.
- Sprinkle toasted coconut on top. Serve chilled.
Notes
- Use full-fat coconut milk for best results.
- Toast coconut flakes for extra flavor.
- Chill cake before serving for easier slicing.
- Prep Time: 30 minutes
- Cook Time: 30 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 slice
- Calories: 450
- Sugar: 35g
- Sodium: 300mg
- Fat: 25g
- Saturated Fat: 15g
- Unsaturated Fat: 8g
- Trans Fat: 0g
- Carbohydrates: 50g
- Fiber: 2g
- Protein: 5g
- Cholesterol: 80mg
Keywords: coconut custard cake, coconut cake, cream cheese frosting, dessert recipe
Leave a Reply