Fluffy Coconut Layer Cake with Toasted Coconut Frosting
This coconut layer cake is everything you want in a classic layer cake: tall, soft layers with real coconut flavor in every bite, stacked with a tangy cream cheese frosting that isn’t too sweet.

Three tender cake layers get a generous coating of fluffy frosting and a final press of golden, crispy toasted coconut. It’s special enough for a party but reliable enough that you can pull it off on a quiet weekend.
Why This Coconut Cake Works
The batter gets its moisture from a can of full-fat coconut milk and a handful of shredded coconut stirred right in. That combo keeps the crumb soft for days without turning the cake heavy or dense.
The cream cheese frosting is exactly what you want here: smooth, a little tangy, and just rich enough to balance the cake. Toasting the coconut flakes deepens their flavor and adds a light crunch that makes each slice look as good as it tastes.
I’ve made this for birthdays, holiday tables, and random Saturdays, and it always vanishes first. The layers bake flat and even, so stacking them is straightforward even if you don’t decorate cakes often.
Ingredients

- 2 1/2 cups all-purpose flour: spooned and leveled, not scooped straight from the bag.
- 2 1/2 tsp baking powder: helps the layers rise evenly.
- 1/2 tsp salt: fine sea salt or table salt.
- 3/4 cup unsalted butter, softened: at cool room temperature, about 65°F.
- 1 3/4 cups granulated sugar: no substitute, it keeps the cake light.
- 4 large eggs, room temperature: cold eggs can curdle the batter.
- 2 tsp vanilla extract: pure vanilla gives the best background flavor.
- 1 tsp coconut extract: this is the big coconut punch, don’t skip it.
- 1 cup full-fat canned coconut milk, well shaken: the thick kind in a can, not the boxed carton.
- 1 cup sweetened shredded coconut: the moist, sweetened kind adds texture and moisture.
For the Frosting and Coating
- 8 oz cream cheese, cold: straight from the fridge so it whips up thick.
- 1/2 cup unsalted butter, softened: at cool room temperature.
- 3 1/2 cups powdered sugar: sifted if it has lumps.
- 1 tsp vanilla extract: rounds out the tangy cream cheese.
- 1/4 tsp coconut extract: a whisper so the frosting matches the cake.
- 2 cups sweetened shredded coconut: for toasting and pressing onto the sides.
Variations / Substitutions
- Make it without coconut extract: double the vanilla for a milder coconut note from the milk and shredded coconut alone.
- Use unsweetened shredded coconut: works if you prefer less sweetness, but the cake will be slightly drier. Toast it the same way.
- Swap the frosting: a Swiss meringue buttercream works beautifully here if you want something less sweet, spread a thin layer and skip the thick coat.
- Dairy-free option: use plant-based butter sticks and a good dairy-free cream cheese. Make sure your coconut milk has no dairy additives.
If you love the flavors in this cake, a coconut cream pie is your next project.
How to Make Fluffy Coconut Layer Cake
Step 1: Cream the Butter and Sugar

Preheat the oven to 350°F (175°C) with a rack in the center position. Grease three 8-inch round cake pans, line the bottoms with parchment, and grease the parchment.
In a large bowl, beat the 3/4 cup softened butter and 1 3/4 cups granulated sugar with an electric mixer on medium speed for about 4 minutes, until the mixture looks pale, fluffy, and almost like frosting. Scrape down the sides of the bowl once halfway through. This step traps air that gives the cake its lift, so don’t rush it.
You’ll know you’re there when the butter and sugar feel light and grainy at the same time, no longer a dense paste. If you hold a little between your fingers, it should feel sandy but creamy.
A word of warning: if your butter is too warm and glossy, the creaming won’t work well and your cake can turn out dense. Keep things cool-ish here and you’ll be fine.
Step 2: Mix the Cake Batter

Add the 4 eggs one at a time, beating well after each on medium speed. Pause to scrape the bowl again so everything is even. Then beat in the 2 tsp vanilla and 1 tsp coconut extract. The mixture will look a little curdled right now, and that’s normal.
In a separate bowl, whisk together the 2 1/2 cups flour, 2 1/2 tsp baking powder, and 1/2 tsp salt. With the mixer on low, add the dry ingredients in three additions, alternating with the 1 cup coconut milk in two additions. So it goes: flour, milk, flour, milk, flour. Start and end with the dry mixture. Mix just until each addition disappears, no more than a few seconds each time.
Stop the mixer and fold in the 1 cup sweetened shredded coconut with a rubber spatula. The batter will be thick, speckled with coconut, and smell incredible. Overmixing at this stage makes the cake tough, so fold gently until you don’t see dry streaks.
Step 3: Bake the Layers

Divide the batter evenly among the prepared pans. An easy way is to weigh them or use a measuring cup. Smooth the tops with an offset spatula.
Bake for 22 to 25 minutes, until the tops are golden and spring back when you press them lightly in the center. A toothpick inserted in the middle should come out with a few moist crumbs, not wet batter.
The cakes will pull away slightly from the sides when they’re done. Let them cool in the pans on a wire rack for 10 minutes. Then run a thin knife around the edges, turn them out, peel off the parchment, and leave them to cool completely on the rack before you frost. Warm cake will melt your frosting, so patience here pays off.
Step 4: Whip the Cream Cheese Frosting

While the layers cool, make the frosting. In a large bowl, beat the 8 oz cold cream cheese and 1/2 cup softened butter together on medium speed until they’re totally smooth and combined, about 2 minutes. Scrape the bowl well.
Turn the mixer to low and gradually add the 3 1/2 cups powdered sugar. Once it’s mostly incorporated, bump the speed to medium and beat for 1 minute. Then add the 1 tsp vanilla and 1/4 tsp coconut extract. Beat another minute until the frosting is creamy and holds its shape, but stop before it gets too stiff.
Keep the frosting cool until you’re ready to use it. If your kitchen is warm, pop it in the fridge for 15 minutes once it’s mixed so it handles cleanly on the cake.
Step 5: Stack and Coat with Toasted Coconut

Place one cooled cake layer on a serving plate or cake stand. Spread about 3/4 cup frosting over the top with an offset spatula, going all the way to the edge. Set the second layer on and repeat with another 3/4 cup frosting. Top with the third layer. Spread a thin crumb coat of frosting over the entire cake, top and sides, and chill for 20 minutes. That traps the crumbs and makes the final layer smooth.
Spread the remaining frosting over the top and sides in a nice even layer. For a rustic look, just swoosh it around. You want enough frosting on the sides for the coconut to stick.
Toast the 2 cups shredded coconut in a dry skillet over medium heat, stirring often, for about 4 minutes, until most of it is golden and smells nutty. Let it cool for a minute, then press the toasted coconut gently onto the sides of the cake with your hands, and sprinkle a little on top. Slice it right there, or chill for 30 minutes for cleaner slices, and serve.
The cake will sit tall on the plate, coated in snowy frosting and flecked with golden, crunchy coconut. It’s ready for photos, candles, or just a fork.
Tips for the Best Coconut Cake
- Get the coconut milk right: use the canned, full-fat kind that you shake before opening. Light coconut milk or the refrigerated carton won’t give enough moisture.
- Toast your coconut with a watchful eye: it goes from toasted to burned in seconds. Stir constantly and pull it off the heat when about half the flakes are golden, the heat will finish the rest.
- Let the layers cool completely: if they’re even slightly warm, the frosting will slide off or weep. I often bake the layers in the morning and assemble after lunch.
- For perfectly flat layers: wrap the cooled layers in plastic and pop them in the freezer for 30 minutes before frosting. They’ll be easier to handle and won’t shed as many crumbs.
- Leftover frosting on the side: if you have extra, keep it in the fridge and dollop on slices as you serve. It never goes to waste.
Bake times by pan size:
| Pan Size | Approximate Bake Time |
|---|---|
| 3 (8-inch) rounds | 22 to 25 minutes |
| 2 (9-inch) rounds | 25 to 28 minutes |
Keeping the Cake Fresh
- Refrigerate: Cover leftover cake loosely with plastic wrap or store in a cake carrier in the fridge for up to 5 days. The cream cheese frosting needs to stay cold.
- Serve cold: This cake is great straight from the fridge. The frosting firms up and the coconut flavor seems to get stronger overnight.
Frequently Asked Questions
Can I use coconut cream instead of coconut milk?
Yes, but thin it with a little water to the consistency of heavy cream first. Straight coconut cream is too thick and can make the cake greasy.
How do I stop the cake from sticking to the pan?
Grease the pans with butter or nonstick spray, then add a round of parchment on the bottom, and grease that too. The parchment guarantees a clean release every time.
Can I make this gluten-free?
A good 1-to-1 gluten-free baking flour blend works here. The cake will be a touch more delicate but still moist, so handle the layers gently when stacking.
My frosting got too soft. Can I fix it?
Pop the bowl in the fridge for 20 minutes, then whip it again. If your kitchen is warm, work quickly and chill the cake between coats.

Fluffy Coconut Layer Cake with Toasted Coconut Frosting Recipe
Ingredients
Method
- Preheat oven to 350°F (175°C). Grease three 8-inch cake pans, line with parchment, and grease parchment. Cream 3/4 cup butter and sugar for 4 minutes until light and fluffy.
- Beat in eggs one at a time, then vanilla and coconut extract. Whisk flour, baking powder, and salt. Add dry ingredients in three additions alternating with coconut milk in two, mixing just until smooth. Fold in 1 cup shredded coconut.
- Divide batter among pans. Bake 22 to 25 minutes until golden and a toothpick comes out with moist crumbs. Cool 10 minutes in pans, then turn out and cool completely.
- Beat cold cream cheese and 1/2 cup butter until smooth. Gradually add powdered sugar, then vanilla and coconut extract, whipping until creamy.
- Place one layer on a plate, spread 3/4 cup frosting. Repeat with second and third layers. Apply a thin crumb coat and chill 20 minutes. Frost top and sides with remaining frosting. Toast 2 cups shredded coconut in a dry skillet for about 4 minutes until golden, stirring often. Press onto the sides of the cake and serve.
