Coconut Custard Recipe (from scratch) | Sugar Geek Show (2024)

Published: · Modified: by Elizabeth Marek · This post may contain affiliate links · 16 Comments

Jump to Recipe Print Recipe

Coconut custard makes a great filling for coconut cake or pairing with fresh berries

This is a rich and creamy coconut custard that is made from scratch using real coconut milk! A delicious filling for my coconut cake, cupcakes, a filling for pies or for serving with fresh fruits and berries on top of your breakfast pancakes.

Coconut Custard Recipe (from scratch) | Sugar Geek Show (1)

The base of coconut custard is pastry cream which is just cream thickened with egg yolks like you would a lemon curd. I don't love the taste of pastry cream all on its own so I usually cut it with some whipped cream. This gives you Chantilly Cream or Diplomat which is what I use for my cream tart recipe.

How to make coconut custard

Making coconut custard is pretty easy if you follow these simple steps

  1. Heat your coconut milk in a sauce pan until simmering. Whisk constantly to prevent burning
  2. Whisk together your eggs, sugar, milk and cornstarch in a large heat proof bowl and set aside.
  3. Pour ⅓ of your hot milk into the egg mixture and whisk to combine.
  4. Slowly pour in the rest of your hot milk and whisk to combine. Add in your extracts.
  5. Return mixture to the saucepan over medium-high heat, whisking constantly until mixture thickens.
  6. Pour into a heat-proof container and cover with plastic wrap (make sure plastic is touching the surface of the custard) and place in the fridge to cool overnight before using.

Coconut Custard Recipe (from scratch) | Sugar Geek Show (2)

Easy coconut custard recipe

If you aren't interested in making your custard from scratch, I have an easy recipe for you. You can buy a box of coconut instant pudding mix and it's basically the same thing. Whip up ¼ cup of heavy whipping cream with a few tablespoons of powdered sugar (to your taste) and throw in a teaspoon of vanilla. Fold the heavy whipping cream into the completely cooled vanilla pudding and you have yourself an easy version of this recipe.


Coconut Custard Recipe (from scratch) | Sugar Geek Show (3)

Coconut Custard Recipe

Coconut custard is a great filling to use in your cakes, cupcakes, pie fillings or simply paired with some fresh fruits and berries

Print Recipe Pin Recipe Rate Recipe

Prep Time: 5 minutes minutes

Cook Time: 10 minutes minutes

Total Time: 15 minutes minutes

Course: Dessert

Cuisine: American

Servings: 16 oz

Calories: 597kcal

Author: Elizabeth Marek


  • 13.5 oz unsweetened coconut milk Ours comes in a can
  • 2 oz Whole milk or water for dairy free option
  • 1 teaspoon vanilla extract
  • 2 teaspoon coconut extract
  • 5 large egg yolks room temperature
  • 3 oz sugar
  • 3 tablespoon cornstarch


  • Pour coconut milk into a saucepan and bring to a simmer over medium-high heat, whisking constantly so it doesn't burn.

  • Whisk together the yolks, sugar, milk and cornstarch in a large bowl and set aside.

  • Add ⅓ of your hot milk to the egg mixture and whisk to combine. Don't add all the milk or you could curdle the eggs.

    Slowly whisk the rest of the warm milk into the egg mixture then return the mixture to the pot over medium heat and bring to a simmer, whisking constantly, until thickened.

  • Scrape the mixture into a bowl and whisk in coconut and vanilla extract. Whisk to combine.

  • Cover with plastic wrap and refrigerate until cold, at least 2 hours.

  • Optional: Fold in ¼ cup stabilized whipped cream for a lighter texture once mixture is cooled.


Serving: 4oz | Calories: 597kcal | Carbohydrates: 65g | Protein: 10g | Fat: 32g | Saturated Fat: 22g | Cholesterol: 377mg | Sodium: 67mg | Potassium: 373mg | Fiber: 1g | Sugar: 52g | Vitamin A: 630IU | Vitamin C: 2.4mg | Calcium: 154mg | Iron: 2.3mg

Tried this recipe?Let us know how it was!

Coconut Custard Recipe (from scratch) | Sugar Geek Show (4)

More Recipe

  • Windowpane Test For Bread
  • Orange Creamsicle Cake
  • Eggless Chocolate Cake
  • Cinnamon Coffee Crumb Cake

Reader Interactions


  1. Maria says

    Looks yummy! I’ll have to give this a try, for sure! Question: can I substitute coconut emulsion for the extract? That’s what I have on hand.


  2. Vivika H. says

    Coconut Custard Recipe (from scratch) | Sugar Geek Show (9)
    amazing if you enjoy coconut, a little bit bland, but you could easily put ginger or blackberry in it <3


  3. Spicyshadycakes says

    Would love to try this out


    • The Sugar Geek Show says

      Yes! You can totally use tapioca starch too


  4. Sharon says

    Can this be frozen? I am looking to use it as part of a trifle and if it can be frozen I can make this element well in advance.


    • The Sugar Geek Show says

      Corn starch becomes a bit grainy after it is frozen so it's best to refrigerate if you make it ahead


  5. Thomas says

    Potato starch is a good option too 🙂


  6. Ariel says

    Coconut Custard Recipe (from scratch) | Sugar Geek Show (10)
    It's delicious- I was looking for a dairy free substitute for custard filled moon cakes and this is perfect. I omitted the 2 oz water/milk so it would get extra thick as a filling.


  7. Roya A. says

    Coconut Custard Recipe (from scratch) | Sugar Geek Show (11)
    This was fantastic; Thank you


  8. Thearla Kozy says

    How to store leftovers...and how long will it keep?


    • Elizabeth Marek says

      Store the leftovers in the fridge, it will keep for a few days


  9. Robin Schick says

    Why wouldn't you just use Coconut Milk instead of Whole Milk?


    • Sugar Geek Show says

      you can if you want, I just like the flavor with whole milk better.


  10. Donmonique Slaughter says

    This looks good! can I use homemade coconut milk instead of can? Will it still come out creamy?


    • Elizabeth Marek says

      I don't see why it wouldn't work just as well


Leave a Reply

Coconut Custard Recipe (from scratch) | Sugar Geek Show (2024)
Top Articles
Latest Posts
Article information

Author: Mrs. Angelic Larkin

Last Updated:

Views: 5638

Rating: 4.7 / 5 (47 voted)

Reviews: 86% of readers found this page helpful

Author information

Name: Mrs. Angelic Larkin

Birthday: 1992-06-28

Address: Apt. 413 8275 Mueller Overpass, South Magnolia, IA 99527-6023

Phone: +6824704719725

Job: District Real-Estate Facilitator

Hobby: Letterboxing, Vacation, Poi, Homebrewing, Mountain biking, Slacklining, Cabaret

Introduction: My name is Mrs. Angelic Larkin, I am a cute, charming, funny, determined, inexpensive, joyous, cheerful person who loves writing and wants to share my knowledge and understanding with you.