Print

The Ultimate Moist & Fluffy Homemade Layered Coconut Cake with Creamy Coconut Cream Cheese Frosting

A tall, decadent slice of homemade coconut cake recipe with four layers of cake and frosting, topped with toasted coconut flakes.

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Create a bakery-style coconut cake from scratch that is incredibly moist and fluffy. This recipe features coconut-infused layers and a rich, tangy coconut cream cheese frosting, perfect for any celebration.

Ingredients

Scale
  • For the Cake:
  • 1 3/4 cups all-purpose flour
  • 1 3/4 cups granulated sugar
  • 1 tablespoon baking powder
  • 1/2 teaspoon salt
  • 1 cup unsalted butter, softened
  • 4 large eggs, room temperature
  • 1 cup whole milk
  • 1/2 cup full-fat coconut milk (canned, unshaken)
  • 1 tablespoon pure vanilla extract
  • 1 teaspoon coconut extract
  • 1 cup sweetened shredded coconut
  • For the Coconut Cream Cheese Frosting:
  • 8 ounces cream cheese, softened
  • 1/2 cup (1 stick) unsalted butter, softened
  • 4 cups powdered sugar, sifted
  • 1/2 cup full-fat coconut milk (canned, unshaken)
  • 1 teaspoon coconut extract
  • 1/4 teaspoon salt
  • 1 1/2 cups sweetened shredded coconut, lightly toasted (optional, for coating)

Instructions

  1. Preheat your oven to 350°F (175°C). Grease and flour two 9-inch round cake pans. Line the bottoms with parchment paper circles.
  2. In a large bowl, whisk together the flour, sugar, baking powder, and salt.
  3. Add the softened butter to the dry ingredients. Beat with an electric mixer on low speed until the mixture resembles coarse sand.
  4. In a separate bowl, whisk together the eggs, whole milk, canned coconut milk, vanilla extract, and coconut extract until combined.
  5. With the mixer on low, gradually add half of the wet ingredients to the dry mixture, mixing until just combined. Scrape down the sides of the bowl.
  6. Add the remaining wet ingredients and mix on medium speed for about 1 minute until the batter is smooth. Do not overmix.
  7. Gently fold in the 1 cup of shredded coconut by hand.
  8. Divide the batter evenly between the prepared cake pans.
  9. Bake for 30 to 35 minutes, or until a wooden pick inserted into the center comes out clean.
  10. Let the cakes cool in the pans for 10 minutes before inverting them onto a wire rack to cool completely.
  11. To make the frosting, beat the softened cream cheese and butter together until smooth and creamy.
  12. Gradually add the sifted powdered sugar, beating until fully incorporated.
  13. Beat in the 1/2 cup coconut milk, coconut extract, and salt until the frosting is light and fluffy.
  14. If toasting coconut, spread the 1 1/2 cups of coconut in a single layer on a baking sheet. Bake at 350°F (175°C) for 5 to 8 minutes, watching closely until golden brown. Cool completely.
  15. Once cakes are completely cool, place one layer on a serving plate. Spread about 1 cup of frosting evenly over the top.
  16. Place the second layer on top. Frost the top and sides of the entire cake with the remaining frosting.
  17. Press the lightly toasted shredded coconut onto the top and sides of the cake.

Notes

  • For the most intense coconut flavor, use full-fat canned coconut milk for both the cake batter and the frosting. Do not substitute with refrigerated coconut beverage.
  • Lightly toasting the shredded coconut before adding it to the frosting coating adds depth and a beautiful color contrast.
  • If you want a slightly tangier frosting, you can substitute 2 tablespoons of the coconut milk with fresh lime juice.

Nutrition