Go Back
A beautifully frosted Creamy Coconut Cake topped with shredded coconut and a cherry, ready to be served.

Creamy Coconut Cake

This moist and tender coconut cake features delicate layers, a luscious creamy coconut filling, and a rich cream cheese coconut frosting, creating a truly irresistible tropical dessert experience.
Prep Time 1 hour
Cook Time 30 minutes
Total Time 1 hour 30 minutes
Servings: 12 slices
Course: Dessert
Cuisine: American, Tropical
Calories: 550

Ingredients
  

For the Coconut Cake
  • 2 1/4 cups All-purpose flour
  • 1 3/4 cups Granulated sugar
  • 1 tbsp Baking powder
  • 1/2 tsp Salt
  • 1/2 cup Unsalted butter softened, 1 stick
  • 3 Large eggs room temperature
  • 1 cup Full-fat canned coconut milk well-shaken, room temperature
  • 1 tsp Vanilla extract
  • 1/2 tsp Coconut extract optional, for extra flavor
For the Creamy Coconut Filling
  • 1 can Full-fat canned coconut milk 13.5 oz, well-shaken
  • 1/2 cup Granulated sugar
  • 3 tbsp Cornstarch
  • 2 Large egg yolks
  • 2 tbsp Unsalted butter cold, cut into small pieces
  • 1/2 tsp Vanilla extract
  • 1/2 cup Shredded sweetened coconut
For the Cream Cheese Coconut Frosting
  • 8 oz Cream cheese softened, 1 block
  • 1/2 cup Unsalted butter softened, 1 stick
  • 3-4 cups Powdered sugar sifted, to taste and consistency
  • 2 tbsp Full-fat coconut milk well-shaken
  • 1 tsp Vanilla extract
  • 1/2 tsp Coconut extract optional
  • 1 cup Toasted shredded coconut for garnish

Equipment

  • 2 (8-inch) round cake pans
  • Parchment Paper
  • Large Mixing Bowl
  • Medium Mixing Bowl
  • Electric mixer (stand or hand-held)
  • Wire cooling rack
  • Rubber Spatula
  • Offset spatula
  • Small saucepan
  • Whisk

Method
 

Prepare the Coconut Cake Layers
  1. Preheat your oven to 350°F (175°C). Grease and flour two 8-inch round cake pans, then line the bottoms with parchment paper. Set aside.
  2. In a large bowl, whisk together the flour, granulated sugar, baking powder, and salt. Make a well in the center.
  3. In a separate medium bowl, cream the softened butter with an electric mixer until light and fluffy. Beat in the eggs one at a time, mixing well after each addition. Stir in the coconut milk, vanilla extract, and coconut extract (if using) until just combined.
  4. Pour the wet ingredients into the dry ingredients and mix on low speed with the electric mixer, or by hand with a spatula, until just combined and no streaks of flour remain. Be careful not to overmix.
  5. Divide the batter evenly between the prepared cake pans. Bake for 25-30 minutes, or until a wooden skewer inserted into the center comes out clean. Let the cakes cool in the pans for 10-15 minutes before inverting them onto a wire rack to cool completely.
Make the Creamy Coconut Filling
  1. In a small saucepan, whisk together the full-fat coconut milk, granulated sugar, cornstarch, and egg yolks until smooth.
  2. Place the saucepan over medium heat and cook, whisking constantly, until the mixture thickens significantly and comes to a gentle boil. Continue to whisk for 1 minute more. Remove from heat.
  3. Stir in the cold butter pieces until melted and smooth. Add the vanilla extract and shredded sweetened coconut. Transfer the filling to a heatproof bowl, cover the surface directly with plastic wrap to prevent a skin from forming, and chill in the refrigerator until completely cold and firm (at least 1-2 hours).
Prepare the Cream Cheese Coconut Frosting
  1. In a large mixing bowl, beat the softened cream cheese and softened butter together with an electric mixer until smooth and creamy.
  2. Gradually add the sifted powdered sugar, 1 cup at a time, beating until combined. Add the coconut milk, vanilla extract, and coconut extract (if using), and beat on high speed until the frosting is light, fluffy, and smooth. If the frosting is too thick, add a little more coconut milk (1 tsp at a time); if too thin, add more powdered sugar.
Assemble the Creamy Coconut Cake
  1. Once the cake layers are completely cool and the filling is chilled, use a serrated knife to level the tops of the cake layers if necessary.
  2. Place one cake layer on your serving plate or cake stand. Spread the chilled coconut filling evenly over the top, leaving a small border around the edge.
  3. Carefully place the second cake layer on top of the filling.
  4. Apply a thin layer of cream cheese coconut frosting all over the cake (top and sides) to create a crumb coat. Chill the cake in the refrigerator for 15-20 minutes to set the crumb coat.
  5. Once the crumb coat is set, apply the remaining frosting to the top and sides of the cake, smoothing it with an offset spatula.
  6. Press the toasted shredded coconut gently onto the sides and/or top of the cake for garnish.
  7. Chill the cake in the refrigerator for at least 30 minutes before serving to allow the frosting to set. For best flavor, bring to room temperature for 15-20 minutes before serving.

Notes

For perfectly soft cake layers, ensure all cold ingredients (butter, eggs, coconut milk for cake) are at room temperature before mixing. To toast shredded coconut, spread it in a single layer on a baking sheet and bake at 325°F (160°C) for 5-10 minutes, stirring occasionally, until golden brown. Watch carefully as it can burn quickly.