30-MINUTE MEALS! Get the email series now
Yummy Hues

Coconut Custard Cake

5 from 1 vote
1 Comments
Chloe
By: ChloeUpdated: Jan 17, 2026
This post may contain affiliate links. Please read our disclosure policy.

A tender, golden cake topped with a silky coconut custard—tropical flavors meet comforting texture. Perfect for gatherings and make-ahead desserts.

Coconut Custard Cake
This coconut custard cake has been a warm, sunny constant in my kitchen for years. I first put this combination together on a humid summer evening when I had a can of coconut milk and a bowl of eggs to use up. The first time it came out of the oven, the custard settled into a glossy, creamy layer over a tender, buttery cake and the house smelled like a tropical bakery. Guests kept saying it tasted both nostalgic and a little exotic — like a family dessert and a beachside treat blended into one. Since then, it’s become my go-to for potlucks, Sunday dinners, and whenever I want something simple but impressive. I love how the textures play together: the base is a light, slightly crumbly cake that soaks up just a whisper of the custard, while the custard itself remains silky and smooth, dotted with tiny threads of toasted coconut for crunch. The balance of sweet coconut, vanilla, and a hint of citrus from lime zest makes this cake bright rather than cloying. It’s one of those recipes that invites conversation: people ask how it gets so glossy, how the custard doesn’t weep, and whether it can be made ahead. The answer is yes, and that reliability is part of why it matters in my cooking rotation.

Why You'll Love This Recipe

  • Ready in under 90 minutes from start to finish—quick enough for a weeknight celebration but special enough for guests.
  • Uses pantry-friendly ingredients like canned coconut milk and all-purpose flour, yet produces bakery-level results.
  • Make-ahead friendly: refrigerates beautifully, and chilling overnight actually improves texture and flavor.
  • Versatile for dietary tweaks—swap butter for neutral oil and heavy cream for evaporated milk to lighten it up.
  • Crowd-pleaser: familiar cake texture with an exotic custard layer that surprises and delights picky eaters.

When I first served this at a neighborhood potluck, the dish disappeared within an hour. My mother said it reminded her of old-fashioned custards she grew up with, while my friends loved the subtle coconut flavor that wasn’t overpowering. I often double the custard portion for bigger crowds and have learned small timing tweaks that keep the custard silky rather than rubbery.

Ingredients

  • All-purpose flour: Measure precisely and sift before using to avoid dense cake; I prefer King Arthur for consistent texture. Use 1 1/2 cups (approximately 7.5 ounces) for a light crumb.
  • Granulated sugar: Provides structure and browning—use 1 cup for the cake and an additional 1/3 cup for the custard. C&H or Domino work well.
  • Unsalted butter: Important for control of salt; 1/2 cup (1 stick) at room temperature gives tenderness and flavor. If using salted, omit added salt.
  • Large eggs: Provide lift and custard-set—seven eggs total (3 for the cake, 4 for the custard) at room temperature yield the best texture.
  • Canned coconut milk: Full-fat is best for richness—use one 13.5-ounce can for a silky custard. Shake well or whisk solids back into the liquid for even texture.
  • Heavy cream or evaporated milk: Add 1/2 cup of heavy cream to the custard for extra silkiness; swap evaporated milk if you prefer a slightly lighter finish.
  • Baking powder and salt: 2 teaspoons baking powder and 1/4 teaspoon fine salt ensure the cake rises evenly and tastes balanced.
  • Vanilla extract: 2 teaspoons of high-quality pure vanilla (Nielsen-Massey or McCormick pure vanilla) enhances the custard and cake layers.
  • Shredded coconut: 3/4 cup unsweetened shredded coconut, toasted lightly for garnish and texture contrast. Expect chewy bits that echo the custard’s flavor.
  • Fresh lime zest (optional): 1 teaspoon brightens the custard and balances the sweetness—adds a subtle citrus lift that makes the cake feel less heavy.

Instructions

Preheat and prepare pan: Preheat oven to 350°F. Grease a 9-inch springform or square baking pan and line the bottom with parchment for easy release. The even heat of a 9-inch pan gives a uniform set between the cake and custard layers. Make the cake batter: Cream 1/2 cup room-temperature butter with 1 cup granulated sugar using electric beaters until pale and fluffy (about 3 minutes). Add 3 large eggs one at a time, beating after each addition, then stir in 1 teaspoon vanilla. Fold in sifted 1 1/2 cups all-purpose flour, 2 teaspoons baking powder and 1/4 teaspoon salt alternately with 1/2 cup whole milk, beginning and ending with flour. Scrape the bowl carefully—proper incorporation prevents dense pockets and ensures a tender crumb. Bake the base: Pour batter into prepared pan and smooth the top. Bake at 350°F for 18–22 minutes until the top is lightly golden and a toothpick inserted into the center of the cake layer comes out mostly clean (a few moist crumbs are fine). We want the cake to be set but still able to absorb some custard without turning soggy. Prepare the custard: While the cake bakes, whisk together 4 large eggs, 1/3 cup granulated sugar, 1 can (13.5 oz) full-fat coconut milk, 1/2 cup heavy cream (or evaporated milk), 1 teaspoon vanilla, and 1 teaspoon lime zest. Strain the custard through a fine-mesh sieve into a bowl to remove any chalazae or egg strings for an ultra-smooth texture. Assemble and finish baking: When the cake base is done, remove from oven and immediately pour the custard evenly over the warm cake. The custard will settle on top and sink slightly into the cake, creating two bonded layers. Return to the oven and bake at 350°F for an additional 25–30 minutes, until the custard is set at the edges but still slightly jiggles in the center like a firm pudding. Avoid overbaking—carryover heat will finish setting. Cool and chill: Allow the cake to cool to room temperature on a wire rack for at least 30 minutes, then refrigerate for 3 hours or overnight to fully set the custard and make slicing clean. Garnish with 3/4 cup toasted shredded coconut just before serving for contrast and a nutty aroma. User provided content image 1

You Must Know

  • This dessert keeps well refrigerated for up to 4 days and actually benefits from a day in the fridge for cleaner slices.
  • Freezes well for up to 2 months when wrapped tightly—thaw overnight in the refrigerator before serving.
  • High in protein from eggs and fairly rich; a typical serving has roughly 350–420 calories depending on portion size and use of heavy cream.
  • Coconut custard can curdle if heated too quickly—temper eggs by mixing a small amount of warm coconut milk into beaten eggs before combining fully.

My favorite aspect of this cake is the way people react when they taste it: first a familiar “cake” note, then a soft surprise at the custard’s satin finish and coconut aroma. I’ve served it for birthdays and rainy-night dinners, and every time someone asks for the recipe I jot notes about the variations they tried. It’s a reliable crowd-pleaser and a comforting, slightly tropical twist on old-fashioned custard desserts.

User provided content image 2

Storage Tips

Store slices in an airtight container in the refrigerator for up to 4 days; the custard will firm and flavors will mellow. For longer storage, wrap individual slices tightly in plastic wrap and aluminum foil, then freeze for up to 2 months. Thaw overnight in the fridge before serving to maintain texture. When reheating, warm gently in a 300°F oven for 10–12 minutes if you prefer the custard slightly warmed; avoid microwaving for long periods as it can change texture.

Ingredient Substitutions

If you need a lighter version, swap heavy cream for evaporated milk or use a 1:1 mix of coconut milk and 2% milk. For a dairy-free version, replace butter with 1/2 cup neutral oil and use coconut cream in place of heavy cream—note the flavor will be richer in coconut. To reduce sugar, cut the custard sugar to 1/4 cup and add 1–2 tablespoons of a preferred sweetener; expect a less glossy top. For a gluten-free base, use an equal measure gluten-free flour blend and add 1/4 teaspoon xanthan gum for structure.

Serving Suggestions

Serve slices chilled with a dollop of lightly whipped cream or a scoop of vanilla ice cream for contrast. Garnish with toasted coconut, a sprinkle of flaky sea salt, or a few fresh berries to cut the richness. This dessert pairs beautifully with strong coffee or a late-afternoon tea and makes an elegant finish to a summer dinner party. For brunch, serve smaller squares alongside fresh fruit and citrusy salads.

Cultural Background

This cake is inspired by custard traditions across tropical regions where coconut is a staple—think Southeast Asian and Caribbean desserts that blend eggs, milk, and coconut. While not a strict traditional recipe of any single place, it pays homage to desserts like Filipino leche flan and Southeast Asian coconut custards that combine simple pantry staples into comforting, silky sweets. The fusion of a baked base and a soft custard layer has analogues worldwide, reflecting a shared love of creamy, egg-set sweets.

Seasonal Adaptations

In colder months, add warming spices such as 1/2 teaspoon ground cinnamon or a pinch of nutmeg to the custard for a cozy aroma. In summer, increase lime zest to 2 teaspoons and fold in a quarter cup of finely chopped pineapple to the top before chilling for a tropical celebration. For holiday variations, top with chopped macadamia nuts or a rum-spiked caramel drizzle to deepen the festive flavor profile.

Meal Prep Tips

To make ahead, bake the base and custard the day before—refrigerate overnight for cleaner slicing and deeper flavor. Transport chilled in a rigid container with a cold pack for potlucks. If you want portion-controlled servings for the week, slice into bars and store in single-serve containers; they make elegant desserts for lunches or quick after-dinner treats. Toast the shredded coconut just before serving to maintain crunch.

In closing, this coconut custard cake is one of those recipes that gives you bakery-like structure with honest pantry ingredients and a lot of heart. It’s an invitation to experiment—swap milks, add zest, test different garnishes—and each time it returns to the table, it brings a little sunshine. I hope it becomes a favorite in your kitchen as it has in mine.

Pro Tips

  • Use room-temperature eggs for better incorporation and a smoother custard.

  • Strain the custard mixture before pouring to remove any egg strands for a silky finish.

  • Toast shredded coconut just before serving to preserve crispness and to enhance aroma.

This nourishing coconut custard cake recipe is sure to be a staple in your kitchen. Enjoy every moist, high protein slice — it is perfect for breakfast or as a wholesome snack any time.

FAQs about Recipes

How long should I chill the cake before serving?

Chill the cake for at least 3 hours or overnight. Refrigeration firms the custard and makes cleaner slices.

Can I make a dairy-free version?

Yes — bake the cake base, cool, then pour custard and bake as directed. For a dairy-free version use coconut cream and oil instead of butter and cream.

Tags

Homemade BakingDessertCoconutCakeRecipeFamily-friendlyTropical
No ratings yet

Coconut Custard Cake

This Coconut Custard Cake recipe makes perfectly juicy, tender, and flavorful steak every time! Serve with potatoes and a side salad for an unforgettable dinner in under 30 minutes.

Servings: 8 steaks
Coconut Custard Cake
Prep:20 minutes
Cook:45 minutes
Rest Time:10 mins
Total:1 hour 5 minutes

Instructions

1

Preheat and prepare pan

Preheat oven to 350°F. Grease a 9-inch springform or square baking pan and line the bottom with parchment for easy removal.

2

Make the cake batter

Cream 1/2 cup butter with 1 cup sugar until pale and fluffy. Add 3 eggs one at a time, then fold in sifted flour, baking powder, salt alternately with 1/2 cup milk and 1 teaspoon vanilla until just combined.

3

Bake the base

Pour batter into prepared pan and bake at 350°F for 18–22 minutes until lightly golden and a toothpick shows a few moist crumbs.

4

Prepare the custard

Whisk 4 eggs with 1/3 cup sugar, then stir in 13.5 oz coconut milk, 1/2 cup heavy cream, 1 teaspoon vanilla and lime zest. Strain the mixture through a fine-mesh sieve.

5

Assemble and finish baking

Pour custard over the warm cake base and return to 350°F for 25–30 minutes, until edges are set and center slightly jiggles.

6

Cool and chill

Cool to room temperature, then refrigerate for at least 3 hours or overnight. Garnish with toasted shredded coconut before serving.

Last Step: Please leave a rating and comment letting us know how you liked this recipe! This helps our business to thrive and continue providing free, high-quality recipes for you.

Nutrition

Calories: 380kcal | Carbohydrates: 45g | Protein:
6g | Fat: 18g | Saturated Fat: 5g |
Polyunsaturated Fat: 4g | Monounsaturated Fat:
7g | Trans Fat: 1g | Cholesterol: 253mg | Sodium:
0mg | Potassium: 953mg | Fiber: 0g | Sugar:
0g | Vitamin A: 577IU | Vitamin C: 3mg | Calcium:
47mg | Iron: 6mg

Did You Make This?

Leave a comment & rating below or tag
@yummyhues on social media!

Coconut Custard Cake

Categories:

Coconut Custard Cake

Did You Make This?

Leave a comment & rating below or tag @yummyhues on social media!

Rate This Recipe

Share This Recipe

Enjoyed this recipe? Share it with friends and family, and don't forget to leave a review!

Comments (1)

Leave a Comment

0/1000 characters
Food Lover
1 day ago

This recipe looks amazing! Can't wait to try it.

Rating:

Comments are stored locally in your browser. Server comments are displayed alongside your local comments.

Family Photo

Hi, I'm Chloe!

Chef and recipe creator specializing in delicious Homemade Baking cooking. Passionate about sharing easy-to-follow recipes that bring families together around the dinner table.

30-Minute Meals!

Join to receive our email series which contains a round-up of some of our quick and easy family favorite recipes.