Coconut Layer Cake with Coconut Frosting

Transport yourself to a tropical breeze with coconut layer cake, a Southern classic built on tender white cake, creamy coconut filling, and a mountain of fluffy frosting buried under sweetened coconut flakes. Every bite delivers layered coconut flavor: coconut milk in the batter, coconut cream in the filling, and a snowy coating of shredded coconut on the outside. It is elegant enough for Easter or weddings and comforting enough for Sunday supper.

Many coconut cakes disappoint with dry crumb or faint flavor. This one solves both: the batter uses coconut milk for richness, a simple syrup soak guarantees moisture, and the frosting is a silky seven-minute style that stays soft for days. The result is intensely coconutty without being heavy.

Why This Coconut Layer Cake Works

Coconut flavor is fat-soluble, which means it shines brightest alongside rich ingredients. This recipe layers coconut into every component so the flavor builds instead of fading. Full-fat canned coconut milk in the batter adds both moisture and flavor that water or regular milk cannot match. A coconut syrup brushed onto the warm layers ensures not a single dry bite, and toasting half the coconut for the topping adds nutty depth against the sweet frosting.

Ingredients for Coconut Layer Cake

• 2 1/2 cups (315g) cake flour, sifted
• 1 3/4 cups (350g) granulated sugar
• 2 1/2 teaspoons baking powder
• 3/4 teaspoon fine salt
• 3/4 cup (170g) unsalted butter, softened
• 4 large egg whites, at room temperature
• 1 cup (240ml) full-fat canned coconut milk, well shaken
• 2 teaspoons coconut extract
• 1 teaspoon pure vanilla extract

For the coconut syrup soak:

• 1/2 cup (120ml) coconut milk
• 1/4 cup (50g) granulated sugar

For the frosting and coating:

• 1 1/2 cups (340g) unsalted butter, softened
• 4 cups (480g) powdered sugar, sifted
• 1/4 cup (60ml) coconut milk
• 1 teaspoon coconut extract
• 1/4 teaspoon fine salt
• 3 cups (270g) sweetened shredded coconut, divided (toast 1 cup for garnish)

Shake the coconut milk well. Canned coconut milk separates into cream and water. Shake vigorously or whisk smooth before measuring, or your batter’s liquid ratio will be off.

How to Make Coconut Layer Cake

1. Prep. Preheat the oven to 350°F (175°C). Grease three 8-inch round pans, line with parchment, and grease again.
2. Mix the batter. Whisk the cake flour, sugar, baking powder, and salt in a stand mixer bowl. Add the softened butter and mix on low until sandy. Whisk the egg whites, coconut milk, coconut extract, and vanilla; add half to the flour mixture and beat on medium for 1 minute, then add the rest and mix just until combined.
3. Bake. Divide among the pans and bake 22 to 26 minutes, until the tops spring back. Cool in pans 10 minutes, then turn out.
4. Soak. Heat the 1/2 cup coconut milk with the 1/4 cup sugar until the sugar dissolves. Brush generously over the warm layers.
5. Make the frosting. Beat the butter until fluffy. Add powdered sugar gradually, then the coconut milk, coconut extract, and salt. Beat 3 minutes until silky.
6. Assemble. Layer the cakes with frosting between each. Frost the top and sides, then press shredded coconut all over the outside. Sprinkle the toasted coconut over the top for contrast.

Tips for the Best Coconut Cake

Do not skip the soak. White cake dries out faster than you think, and the syrup is what keeps this cake luscious for days.

Toast coconut carefully. Spread it on a baking sheet and bake at 325°F for 5 to 8 minutes, stirring once. It goes from golden to burnt in under a minute, so watch closely.

Press, do not sprinkle. Cup your hand and gently press the shredded coconut onto the frosted sides so it adheres in an even, snowy coat.

Variations

Add a layer of pineapple curd or crushed pineapple between the cake layers for a piña colada twist. Fold 1 cup of mini chocolate chips into the batter for coconut-chocolate cake. For cupcakes, bake 18 to 20 minutes and dip the frosted tops in coconut.

Storage

Covered at room temperature, the cake keeps for 3 days; refrigerate up to 5 days in warm weather. Bring to room temperature before serving. Layers freeze well for 3 months before frosting.

This coconut layer cake is a celebration of one of baking’s most beloved flavors. Light, moist, and piled high with coconut, it is as beautiful as it is delicious.

Coconut Cake FAQs

Can I use coconut flour instead of cake flour?
No, coconut flour absorbs far more liquid and cannot be swapped one-to-one. It would require a completely reformulated recipe. Stick with cake flour and get coconut flavor from coconut milk, extract, and shredded coconut.

How do I toast shredded coconut?
Spread it in a single layer on a baking sheet and bake at 325°F for 5 to 8 minutes, stirring once halfway. Watch closely toward the end, as coconut goes from golden to burnt in under a minute.

Can I make this cake dairy-free?
Yes. Use a good vegan butter substitute in the cake and frosting, and ensure your coconut milk is full-fat canned. The results are excellent since coconut flavor already dominates.

Why is my coconut cake dry?
White cake dries quickly, which is why the syrup soak in this recipe is essential. Do not skip it. Also verify your oven temperature, as even 15 degrees too hot will dry out the crumb.