Creamy, Tropical Dessert Bliss
If you’re craving a soft, creamy dessert that feels like a tropical escape, this coconut custard cake is pure comfort on a plate. With its tender coconut cake base and silky custard layer, it’s the perfect make-ahead dessert for family gatherings, holidays, or a simple weekend treat. This easy coconut dessert recipe uses pantry staples and delivers bakery-style results without complicated steps. The rich coconut flavor paired with smooth custard makes every bite melt in your mouth. Best of all, it’s simple enough for beginner bakers and busy schedules!
⏱️ Time Breakdown
- Prep Time: 20 minutes
- Cook Time: 45 minutes
- Total Time: 1 hour 5 minutes
- Servings: 10 slices
📝 Ingredients
For the Cake Batter:
- 1 cup granulated sugar
- ½ cup unsalted butter, softened
- 2 large eggs
- 1 teaspoon vanilla extract
- 1 cup whole milk
- 1 ½ cups all-purpose flour
- 2 teaspoons baking powder
- ¼ teaspoon salt
- 1 cup sweetened shredded coconut
For the Custard Layer:
- 1 can (14 oz) sweetened condensed milk
- 1 cup coconut milk
- 2 large eggs
- ½ cup heavy cream
Topping (Optional):
- ½ cup toasted shredded coconut
- Powdered sugar for dusting
✨ Kitchen Tools You’ll Need
This recipe doesn’t require fancy gadgets, just a few reliable kitchen basics to keep everything simple and stress-free.
- Mixing bowls
- Electric mixer or whisk
- Measuring cups & spoons
- 9-inch baking dish
- Spatula
- Cooling rack
- Small saucepan (for toasting coconut)
👩🍳 Step-by-Step Instructions
1️⃣ Preheat & Prepare
Preheat your oven to 350°F (175°C). Lightly grease a 9-inch baking dish and set aside.
2️⃣ Make the Cake Batter
In a large bowl, cream the butter and sugar together until light and fluffy (about 2–3 minutes). Add eggs one at a time, mixing well after each. Stir in vanilla extract.
In a separate bowl, whisk flour, baking powder, and salt. Gradually add dry ingredients to the wet mixture, alternating with milk. Fold in shredded coconut gently 🥥.
3️⃣ Pour & Set the Base
Pour the batter evenly into the prepared baking dish. Smooth the top with a spatula.
4️⃣ Prepare the Custard
In a medium bowl, whisk together sweetened condensed milk, coconut milk, eggs, and heavy cream until smooth and fully combined.
5️⃣ Layer the Custard
Slowly pour the custard mixture over the cake batter. Don’t worry if it looks separated—during baking, it magically forms layers ✨.
6️⃣ Bake to Perfection
Bake for 45–50 minutes or until the top is lightly golden and the center is just set. The custard should be slightly jiggly but not liquid.
7️⃣ Cool & Serve
Allow the cake to cool completely before slicing. The custard firms up as it cools. Sprinkle toasted coconut on top for extra flavor and crunch 😍.
💡 Pro Tips
- Chill Before Serving: Refrigerate for 2 hours for cleaner slices and a firmer custard texture.
- Storage: Store covered in the refrigerator for up to 4 days.
- Extra Coconut Flavor: Add ½ teaspoon coconut extract to the batter.
- Make It Lighter: Substitute half-and-half for heavy cream if preferred.
🔄 Variations
- Pineapple Coconut Twist: Add ½ cup crushed pineapple (drained well) to the batter.
- Chocolate Coconut Version: Sprinkle mini chocolate chips over the custard before baking.
- Gluten-Free Option: Use a 1:1 gluten-free flour blend.
- Toasted Almond Coconut Cake: Add ¼ cup sliced almonds to the topping.
❓ FAQ
Why did my custard sink?
It’s normal for layers to shift slightly. Pour the custard gently and avoid overmixing the batter.
Can I make this ahead of time?
Yes! It actually tastes better the next day once fully chilled.
Can I freeze coconut custard cake?
Freezing isn’t recommended as the custard texture may change once thawed.
How do I know it’s done baking?
The edges should be set, the top lightly golden, and the center slightly firm with a gentle jiggle.