Fluffy coconut cake with a tall, snowy finish has a way of disappearing fast. The crumb stays soft and tender, the coconut flavor runs through every layer, and that toasted coconut coating gives each slice a little crunch before it melts into the cream cheese frosting. It looks like a celebration cake, but the method is straightforward enough to pull off on an ordinary baking day.
The trick is keeping the cake batter light while still packing in coconut flavor. Coconut milk adds richness without making the crumb heavy, and folding in shredded coconut gives the layers little flecks of texture instead of a dense, uniform bite. The frosting leans tangy and sweet, which keeps the whole cake from tasting flat or overly sugary. Toasted coconut on the outside does more than decorate — it gives the cake that cloud-like look and a deeper, nuttier finish.
Below, I’ll walk through the part that matters most: how to keep the layers tender, how to frost without dragging crumbs everywhere, and how to get that coconut coating to stick in a clean, even layer.
The cake stayed unbelievably soft for two days, and the toasted coconut on the outside gave every bite the best little crunch. I was worried the frosting would be too sweet, but the cream cheese kept it balanced perfectly.
Like this coconut cloud cake? Save it to Pinterest for the days when you want a tall, fluffy coconut layer cake with a toasted coconut finish.
The Cake That Stays Tall Instead of Settling Dense
Most coconut layer cakes go wrong in one of two places: the batter gets overmixed and tight, or the frosting gets too soft before the cake is fully assembled. This version avoids both. The butter and sugar need to beat until the mixture looks pale and almost mousse-like, because that’s where the lift starts. If the base stays heavy, the finished cake will taste fine but lose that airy, cloud-like crumb.
The coconut milk adds body and keeps the crumb moist, but it also means the batter can look slightly thick. That’s normal. Alternate the dry ingredients with the coconut milk in a few additions and stop mixing as soon as the flour disappears. Overworking the batter after the flour goes in is the fastest way to end up with a tight cake instead of a soft one.
- Butter — Use softened, not melted, butter for the cake and frosting. Softened butter traps air when it’s beaten with sugar, which is what gives the layers their lift.
- Coconut milk — Use canned coconut milk for the richest texture. Shake the can first, and if it’s separated, stir it smooth before measuring.
- Shredded coconut — Fold it in gently at the end so it stays evenly distributed. Sweetened shredded coconut gives the cake texture without drying it out.
- Cream cheese — Full-fat cream cheese is worth it here. Low-fat versions can turn loose and grainy, especially once the powdered sugar goes in.
What Each Ingredient Is Actually Doing in This Cake
- All-purpose flour — This gives the cake enough structure to hold tall layers without turning chewy. Cake flour can work for an even finer crumb, but all-purpose keeps the texture sturdy enough for frosting and stacking.
- Baking powder — This is the main lift in the cake, so fresh baking powder matters. If your container has been open a long time, the cake may bake up flatter than it should.
- Coconut extract — This is what makes the coconut flavor read clearly instead of just faintly sweet. A small amount goes a long way; too much can taste artificial.
- Cream cheese and butter frosting — The combination gives you a frosting that spreads smoothly but still holds the coconut coating. If the frosting feels loose, chill it for 10 to 15 minutes before assembling.
- Toasted shredded coconut — Toast it until the edges are deep golden, not pale blond. That extra color gives the outside of the cake its nutty aroma and keeps the coating from tasting flat.
Building the Layers Without Beating the Batter Flat
Start With a Properly Aerated Base
Beat the butter and sugar until the mixture looks fluffy and a shade lighter, not just combined. That step takes a few minutes, and it matters because the air you whip in now helps the cake rise evenly in the oven. Add the eggs one at a time so the batter stays smooth; if you dump them in together, the mixture can look curdled and won’t emulsify as cleanly.
Alternate Dry Ingredients and Coconut Milk
Add the flour mixture and coconut milk in alternating additions, beginning and ending with the dry ingredients. That keeps the batter from breaking or getting greasy, which can happen if all the liquid goes in at once. Stop mixing as soon as the last streaks of flour disappear. The batter should look thick and creamy, not whipped and loose.
Bake Until the Center Springs Back
Divide the batter evenly so the layers bake at the same speed. Pull them when the tops are set, the edges are just starting to pull away from the pans, and a toothpick comes out clean or with a few moist crumbs. If the middle still looks shiny, give it a few more minutes; underbaked coconut cake can sink as it cools. Cool the layers completely before frosting or the cream cheese frosting will slide right off.
Frost, Then Press on the Coconut Immediately
Spread the frosting generously between the layers and around the outside, then work quickly with the toasted coconut. Press it onto the sides and top while the frosting is still soft enough to grab. If you wait too long, the frosting will set and the coconut will fall off in patches. A cake scraper or clean hands both work; just keep a tray under the cake to catch the loose flakes.
How to Adapt This Cake Without Losing the Cloud-Like Texture
Gluten-Free Version
Swap the all-purpose flour for a 1:1 gluten-free baking blend that includes xanthan gum. The cake will still be tender, but it may bake a touch faster and the crumb will be a little more delicate, so start checking early.
Less Sweet Coconut Cake
Cut the frosting sugar by about 1/2 cup if you want a sharper cream cheese flavor. The frosting will be a little softer, so chill it briefly before using and expect a slightly less fluffy finish on the outside.
Toasted Coconut Cake With Extra Crunch
Toast a little extra coconut and tuck a thin layer into the filling between the cake layers. That gives each slice more texture, but don’t overdo it or the layers can start to slide when you cut them.
Storage and Reheating
- Refrigerator: Store covered for up to 5 days. The frosting stays firm, and the coconut coating softens slightly but still tastes great.
- Freezer: Freeze unfrosted cake layers tightly wrapped for up to 2 months. The finished frosted cake doesn’t freeze as cleanly because the cream cheese frosting can change texture.
- Reheating: Let slices sit at room temperature for 20 to 30 minutes before serving. Cold cream cheese frosting tastes dense, and the cake’s texture opens back up once it loses the chill.
Answers to the Questions Worth Asking
Coconut Cloud Cake
Ingredients
Equipment
Method
- Preheat oven to 350°F, then grease three 8-inch (or two 9-inch) round cake pans and line with parchment for easy release.
- Beat softened butter and granulated sugar until very fluffy, creating a lighter batter base for a cloud-like crumb.
- Add eggs one at a time, mixing well after each addition to fully incorporate.
- Mix in vanilla extract and coconut extract until the batter looks smooth and evenly flavored.
- Alternately add the flour mixture and coconut milk, mixing just until combined to avoid overworking the batter.
- Fold in sweetened shredded coconut until evenly distributed.
- Divide batter between pans, then bake 25-30 minutes until a toothpick comes out clean.
- Cool the cake completely before frosting so the frosting stays smooth and doesn’t melt.
- Beat softened cream cheese and butter until smooth and lump-free.
- Add powdered sugar and coconut extract, then beat until fluffy with a spreadable, billowy texture.
- Fill and frost the cake generously with coconut cream cheese frosting so there’s plenty of surface for the coating.
- Immediately press toasted coconut flakes firmly all over the outside and top of the cake until fully coated for the signature toasted, golden look.