Coconut Cake with Buttercream Frosting
Coconut Cake with Buttercream Frosting is a soft, celebration-ready layer cake with rich coconut flavor, a tender airy crumb, and a smooth finish that makes it ideal for birthdays, holidays, and make-ahead dessert tables.
This is the kind of cake that feels special the moment you slice into it. The layers stay light and fluffy, but they still have enough richness to taste like a true bakery-style dessert.
What makes it work so well is the balance. You get coconut milk for depth, shredded coconut for texture, and egg whites for a softer, more delicate crumb that keeps the cake from feeling heavy.
The frosting pulls everything together with a creamy coconut-vanilla finish that spreads beautifully and holds the toasted coconut in place. It is a lovely choice when you want a classic coconut layer cake that looks impressive without being fussy.
Coconut Cake with Buttercream Frosting Ingredients
- Cake flour gives the layers their soft, fine-textured crumb and helps the cake stay tender rather than dense.
- Unsalted butter adds richness and structure to both the cake and the frosting, so everything tastes full and balanced.
- Granulated sugar sweetens the cake while also helping create a light, fluffy texture when beaten with the butter.
- Egg whites keep the crumb airy and pale, which is part of what gives this cake its elegant, soft interior.
- Canned coconut milk brings the strongest coconut flavor and a richer texture than a lighter refrigerated coconut drink.
- Sour cream adds moisture and keeps the layers soft, even after the cake has been chilled.
- Sweetened shredded coconut gives the batter extra coconut flavor and a little chew throughout the finished cake.
- Baking powder, baking soda, and salt help the cake rise evenly and keep the sweetness from tasting flat.
- Cream cheese makes the frosting extra smooth and slightly tangy, which balances the sweetness beautifully.
- Powdered sugar creates a spreadable buttercream-style frosting with enough body for layering and coating the cake.
- Toasted coconut adds aroma, color, and a delicate crunch that makes the outside of the cake feel finished and festive.
Step-by-Step Coconut Cake with Buttercream Frosting
STEP 1: Start by preparing three 9-inch cake pans and heating the oven. Whisk the dry ingredients together in one bowl so they are evenly distributed before they go into the batter.
STEP 2: Beat the butter and sugar until the mixture looks pale and creamy. Add the egg whites, then mix in the sour cream, vanilla, and coconut flavoring. Do not worry if the mixture looks a little curdled at this point because it smooths out once the flour and coconut milk are added.
STEP 3: Add the dry mixture and the canned coconut milk gradually, mixing on low just until the batter comes together. Fold in the shredded coconut by hand so it is evenly spread through the batter without overworking it.
STEP 4: Divide the batter between the pans and bake until the layers are lightly golden and a toothpick comes out clean. Let them cool fully in the pans on a rack so they stay delicate and do not break while warm.
STEP 5: For the frosting, beat the butter and cream cheese until smooth, then add the powdered sugar, coconut milk, vanilla, coconut flavoring, and salt. Beat again until the frosting turns light, creamy, and easy to spread. Adjust only if needed with a little more sugar or a small splash of coconut milk.
STEP 6: Level the cake layers if needed, then stack them with generous frosting between each one. Cover the top and sides, then finish with toasted coconut all over. Chill the assembled cake briefly before slicing so the layers hold neatly.
Perfect Pairings
- Fresh berries are a simple way to brighten each slice. Strawberries, raspberries, or blueberries add a fresh contrast to the sweet coconut frosting.
- Hot coffee or black tea works especially well with this cake because the bitterness balances the richness and keeps each bite from feeling too sweet.
- Pineapple or mango on the side gives the dessert a tropical feel without changing the cake itself. This is a great option for spring and summer gatherings.
Can I make this cake a day ahead?
Yes. In fact, it is a very good make-ahead cake because the layers stay soft and the frosting firms up nicely after chilling. You can bake, frost, and refrigerate it the day before serving, then let it sit out briefly before slicing.
Why should I use canned coconut milk instead of refrigerated coconut drink?
Canned coconut milk has more fat and much more flavor, which gives the cake a richer crumb and a more noticeable coconut taste. A thin refrigerated coconut beverage can make the batter less flavorful and may affect the final texture.
Can I toast the coconut in advance?
Yes, and it is a smart step to do early. Once cooled, toasted coconut can be kept in an airtight container until you are ready to decorate. Having it ready makes the final assembly much easier and helps the cake come together faster.
Does this cake need to stay refrigerated?
Because the frosting contains cream cheese, it should be refrigerated after assembly and between servings. The good news is that the cake still stays soft and fluffy when chilled, so you do not lose that tender texture by storing it cold.
Helpful Tips
- Toast the topping coconut until just lightly golden, not deep brown, so it stays fragrant and does not taste overly dark or bitter.
- Make sure the butter, cream cheese, sour cream, and egg whites are close to room temperature for a smoother batter and frosting.
- Chill the finished cake before cutting for cleaner slices, especially if you want neat layers for serving or photos.
How to Store & Reheat
Store leftover cake tightly covered in the refrigerator for up to 5 days. The frosting and cake both hold up well, and the crumb stays pleasantly soft rather than drying out.
For longer storage, you can freeze individual slices or whole unfrosted layers. Wrap them well, then freeze for up to 2 months. Thaw overnight in the refrigerator before serving or frosting.
This cake is best served cool to lightly room temperature. There is no real need to reheat it, but letting a slice sit on the counter for 15 to 20 minutes before eating will soften the frosting slightly and bring out the coconut flavor more clearly.
Coconut lovers tend to appreciate desserts that taste layered rather than one-note, and that is exactly what makes this cake so appealing. The coconut milk gives depth, the shredded coconut adds texture inside the crumb, and the toasted coconut on the outside brings a gentle nutty finish that keeps every bite interesting.
It is also a very dependable celebration cake. The layers are sturdy enough to stack, the frosting is forgiving to spread, and the short chill before slicing helps everything look polished without requiring advanced decorating skills. That makes it a great choice for a birthday cake, Easter dessert, holiday table, or any occasion where you want something classic and crowd-pleasing.
Another reason this cake stands out is the contrast between the soft interior and the textured finish. The crumb stays airy and tender, while the outside has that delicate toasted coconut coating that gives each slice a little extra character. It feels nostalgic and elegant at the same time.
When you want a homemade layer cake that tastes rich, slices cleanly, and brings real coconut flavor to the table, this one delivers beautifully. It is the kind of dessert that looks impressive on a stand, tastes even better after a short chill, and disappears quickly once the first slice is served.
Coconut Cake with Buttercream Frosting
Ingredients
For the cake:
- 3/4 cup unsalted butter softened to room temperature
- 1 cup sweetened shredded coconut
- 1 teaspoon fine salt
- 2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 5 large egg whites
- 1/2 cup full-fat sour cream
- 2 teaspoons vanilla essence
- 1 cup canned unsweetened coconut milk using the higher-fat variety rather than refrigerated coconut beverage
- 1 2/3 cups granulated sugar
- 2 1/2 cups cake flour preferably King Arthur for dependable texture
- 1 teaspoon coconut flavoring
For the frosting:
- 5 cups powdered sugar sifted
- 1 cup unsalted butter softened
- 8 ounces full-fat cream cheese softened
- 2 tablespoons canned coconut milk
- 1/8 teaspoon salt
- 1/2 teaspoon vanilla essence
- 1/2 teaspoon coconut flavoring preferably Schwartz
For the topping:
- 2 cups sweetened shredded coconut lightly toasted
Instructions
- Heat the oven to 350°F (177°C). Grease three 9-inch round cake pans, place parchment rounds in the bases, and lightly grease the parchment as well so the layers release cleanly after baking.
- In a medium bowl, whisk together the cake flour, baking powder, baking soda, and salt. Set the dry mixture aside.
- In a large mixing bowl, beat the softened butter with the granulated sugar on medium-high speed for about 2 minutes, until the mixture is pale and creamy. Scrape down the bowl as needed.
- Add the egg whites and beat just until incorporated. Mix in the sour cream, vanilla essence, and coconut flavoring. The batter may look slightly curdled at this stage, which is normal.
- With the mixer on low speed, add the dry ingredients and the coconut milk gradually, alternating as needed, and mix until combined. Fold in the shredded coconut by hand, making sure the batter is evenly blended and no pockets of butter remain. The finished batter should be somewhat thick.
- Divide the batter evenly among the prepared pans. Bake for 21 to 23 minutes, or until a toothpick inserted into the center comes out clean.
- Leave the cake layers in their pans to cool completely on a wire rack. Do not frost the cake until all layers are fully cooled.
- To make the frosting, beat the butter and cream cheese together on medium speed for about 2 minutes, until smooth and creamy.
- Add the sifted powdered sugar, coconut milk, vanilla essence, coconut flavoring, and salt with the mixer on low speed. Once incorporated, increase to high speed and beat for 3 minutes, until light and spreadable.
- Adjust the frosting only if needed. Add a little more powdered sugar if it seems too soft, or a small amount of coconut milk if it feels too firm. Taste and add a tiny extra pinch of salt if the sweetness needs balancing.
- If the cake layers have domed tops, level them carefully with a large serrated knife to create flat surfaces for stacking.
- Place the first cake layer on a serving plate or cake stand and spread about 1 1/2 cups of frosting over the top. Set the second layer over it and repeat with another layer of frosting. Add the final cake layer, then spread the remaining frosting over the top and sides of the cake.
- Scatter the toasted shredded coconut over the top and gently press additional coconut onto the sides so it adheres to the frosting.
- Refrigerate the finished cake for at least 20 minutes before slicing. This resting time helps the layers hold their shape neatly when served.