Back to blog Cakes

Soft, Creamy & Golden Coconut Custard Cake You Must Try

Arooj Fatima
April 24, 2026
No comments
Jump to Recipe

Do you ever want a dessert that is soft, creamy, and a little different from the usual chocolate cakes? Something that feels light but still rich and satisfying?

You’re not alone.

Many people try custard cakes, but they end up too watery, too dense, or lacking flavor.

But here’s the good news…

This coconut custard cake recipe is simple, easy, and gives you a perfectly soft, creamy, and slightly golden dessert every time.

It’s smooth, rich, and full of coconut flavor—yet light enough to enjoy anytime.

One bite… and you’ll want another.

What Is This Recipe?

Coconut custard cake is a soft dessert that forms its own layers while baking.

The bottom becomes slightly firm like a cake, while the top stays creamy like custard.

What makes it special is this magic texture. You mix everything in one batter, but it bakes into two beautiful layers.

It’s simple, unique, and so satisfying.

Why You Will Love This Recipe

  • Soft and creamy texture that melts in your mouth
  • Light dessert that doesn’t feel too heavy
  • Easy one-bowl recipe with simple steps
  • Budget-friendly ingredients you already have
  • Perfect for tea time or dessert cravings
  • Naturally sweet coconut flavor
  • Great make-ahead dessert

Here’s where most people get this wrong… They expect it to be like a regular cake and overbake it.

Ingredients

  • 1/2 cup all-purpose flour – gives structure to the base layer while keeping it soft
  • 1 cup sugar – adds sweetness and helps create that custard texture
  • 1 cup shredded coconut – gives flavor and a slightly chewy texture
  • 4 large eggs – very important for the custard structure and richness
  • 1/2 cup melted butter – adds flavor and smoothness (you can use oil as a substitute)
  • 2 cups milk – creates the custard layer, use full-fat for best results
  • 1 teaspoon vanilla extract – enhances overall flavor
  • 1/4 teaspoon salt – balances sweetness and brings out coconut taste

Tip: You can use coconut milk instead of regular milk for a stronger coconut flavor.

How To Make (Step-by-Step)

1. Prepare the Batter

Start by preheating your oven to 170°C. Grease a baking dish lightly so the cake does not stick. In a large bowl, crack the eggs and whisk them well until they look light and slightly foamy. Add sugar and mix until it becomes smooth and slightly thick. Now pour in melted butter and vanilla extract. Mix gently so everything blends well. Slowly add flour and salt, stirring until there are no lumps. Now comes the important part—add milk gradually while mixing. The batter will become very thin, almost like liquid. This is completely normal. Finally, add shredded coconut and mix lightly. The batter should look smooth, slightly grainy from coconut, and very runny. Do not worry—this is what creates the custard layer later.

2. Bake the Cake

Pour the thin batter into your prepared baking dish. Place it carefully in the oven. Bake for about 45–55 minutes. As it bakes, something magical happens. The bottom layer becomes soft and slightly firm, while the top turns creamy and custard-like. The surface should look lightly golden and set, but still soft in the center. Do not overbake, or the custard layer will disappear. If you shake the pan gently, the center should have a slight jiggle. This small trick makes a huge difference… knowing when to stop baking keeps the texture perfect.

3. Cool and Set

Remove the cake from the oven and let it cool at room temperature. This step is very important. As it cools, the custard layer will firm up slightly and become smooth and creamy. Do not cut it while it is hot, or it will fall apart. Once cooled, place it in the fridge for at least 2–3 hours. This helps the layers set properly. When ready, slice gently. You will see a soft base and a creamy top layer. The texture should be smooth, rich, and slightly wobbly in the best way.

Pro Tips

  • Always use room temperature eggs so they mix smoothly and create a better texture.
  • Do not skip the resting time after baking, as it helps the custard set properly.
  • Use full-fat milk for a richer and creamier result.
  • Avoid overmixing once flour is added to keep the texture soft.
  • Bake at a slightly lower temperature for even cooking.
  • If the top browns too quickly, cover lightly with foil.
  • Use a glass or light-colored pan to prevent overbaking.
  • Chill before serving for clean slices and better taste.
  • Taste your batter for sweetness before baking and adjust if needed.

Common Mistakes To Avoid

Using cold ingredients can affect mixing and texture. Overbaking is the most common mistake and removes the custard layer. Not measuring milk properly can make it too watery or too thick. Skipping the chilling step leads to messy slices. Mixing too fast can create air bubbles. Using low-quality coconut reduces flavor. Not greasing the pan causes sticking. Cutting too early breaks the structure. Baking at high heat cooks unevenly. Adding too much flour makes it dense. Ignoring the slight jiggle test leads to overcooking.

Variations / Customization Ideas

Now let’s make it even better…

  • Use coconut milk for extra rich coconut flavor
  • Add a caramel layer at the bottom for sweetness
  • Make it dairy-free using plant-based milk and oil
  • Add pineapple pieces for a tropical twist
  • Make mini cups for quick serving desserts

Serving Ideas

Serve chilled for the best creamy texture. Sprinkle powdered sugar on top for a simple finish. Add fresh fruits like mango or berries for extra flavor. Perfect with tea, coffee, or as a light dessert after dinner.

Storage & Reheating

Store in the fridge for up to 4 days in an airtight container. Do not keep at room temperature for long. No reheating needed—this cake tastes best cold.

Nutrition Facts (Approximate)

  • Calories: 280 per slice
  • Carbs: 35g
  • Fat: 14g
  • Protein: 6g

Quick Summary

  • Easy coconut custard cake recipe
  • Soft base with creamy custard top
  • Simple ingredients and steps
  • Perfect for tea time or dessert

When To Eat This

This cake is perfect for afternoon tea when you want something light and sweet. It’s great after dinner when you don’t want a heavy dessert. Enjoy it during snack cravings or even late at night when you want something creamy and comforting.

Coconut Custard Cake Recipe

Recipe by Arooj Fatima
Servings

4

servings
Prep time

30

minutes
Cooking time

40

minutes
Calories

300

kcal

Ingredients

  • 1/2 cup all-purpose flour – gives structure to the base layer while keeping it soft

  • 1 cup sugar – adds sweetness and helps create that custard texture

  • 1 cup shredded coconut – gives flavor and a slightly chewy texture

  • 4 large eggs – very important for the custard structure and richness

  • 1/2 cup melted butter – adds flavor and smoothness (you can use oil as a substitute)

  • 2 cups milk – creates the custard layer, use full-fat for best results

  • 1 teaspoon vanilla extract – enhances overall flavor

  • 1/4 teaspoon salt – balances sweetness and brings out coconut taste

  • Tip: You can use coconut milk instead of regular milk for a stronger coconut flavor.

Directions

  • Prepare the Batter
    Start by preheating your oven to 170°C. Grease a baking dish lightly so the cake does not stick. In a large bowl, crack the eggs and whisk them well until they look light and slightly foamy. Add sugar and mix until it becomes smooth and slightly thick. Now pour in melted butter and vanilla extract. Mix gently so everything blends well. Slowly add flour and salt, stirring until there are no lumps. Now comes the important part—add milk gradually while mixing. The batter will become very thin, almost like liquid. This is completely normal. Finally, add shredded coconut and mix lightly. The batter should look smooth, slightly grainy from coconut, and very runny. Do not worry—this is what creates the custard layer later.
  • Bake the Cake
    Pour the thin batter into your prepared baking dish. Place it carefully in the oven. Bake for about 45–55 minutes. As it bakes, something magical happens. The bottom layer becomes soft and slightly firm, while the top turns creamy and custard-like. The surface should look lightly golden and set, but still soft in the center. Do not overbake, or the custard layer will disappear. If you shake the pan gently, the center should have a slight jiggle. This small trick makes a huge difference… knowing when to stop baking keeps the texture perfect.
  • Cool and Set
    Remove the cake from the oven and let it cool at room temperature. This step is very important. As it cools, the custard layer will firm up slightly and become smooth and creamy. Do not cut it while it is hot, or it will fall apart. Once cooled, place it in the fridge for at least 2–3 hours. This helps the layers set properly. When ready, slice gently. You will see a soft base and a creamy top layer. The texture should be smooth, rich, and slightly wobbly in the best way.

Notes

  • Use full-fat milk for a richer and creamier result.
  • Bake at a slightly lower temperature for even cooking.

About

Written By

Arooj Fatima

Read full bio

Join the Inner Circle

Get exclusive DIY tips, free printables, and weekly inspiration delivered straight to your inbox. No spam, just love.

Your email address Subscribe
Unsubscribe at any time. * Replace this mock form with your preferred form plugin

Leave a Comment