This simple homemade coconut cake is moist, tender and bursting with genuine coconut flavor. It’s finished with a light coconut buttercream and a sprinkling of toasted coconut for extra texture and flavor.

This coconut cake is, quite honestly, one of the best coconut cakes you can make at home. The balance of flavor and texture makes it stand out: it’s tender, moist, and not overly sweet, with a pleasing coconut profile that carries through the cake and frosting.
- Soft, tender, and extra-moist crumb.
- Clear, natural coconut flavor—never overpowering.
- Finished with a fluffy coconut buttercream for a double dose of coconut.
- Topped with toasted coconut for crunch and visual appeal.
It’s a reliable crowd-pleaser and works well for family gatherings or special occasions.
Coconut Cake Recipe

The method is straightforward but a little particular so you get a light, even crumb. Key steps are separating the eggs and folding in whipped egg whites to add lift, and alternating dry and wet ingredients to keep the batter smooth.
- Whisk the dry ingredients together: cake flour, baking powder, baking soda, and salt.
- Separate the eggs. Whip the whites with a pinch of cream of tartar until stiff peaks form.
- Combine the sour cream and canned coconut milk in a small bowl or measuring cup.
- Cream the butter and sugar, then beat in the egg yolks, vanilla, and coconut extract.
- Add half of the coconut milk/sour cream mixture, then half of the dry ingredients. Repeat with the remaining coconut mixture and dry ingredients.
- Gently fold in the whipped egg whites in two additions so you keep as much air as possible in the batter.
Once mixed, the batter is ready to bake in a prepared pan until a toothpick comes out clean.

The frosting is a light coconut buttercream: softened butter beaten with powdered sugar, a little canned coconut milk for richness, a pinch of salt, and optional coconut extract for extra aroma. Keep the butter softened but not melted for the best texture. Spread the frosting over the cooled cake and finish with toasted coconut or regular shredded coconut and a few berries for color if desired.
Questions about Making this Coconut Cake
Do I have to use cake flour? Cake flour gives the most tender crumb. If you only have all-purpose flour, you can make a substitute: measure 2 1/2 cups of all-purpose flour, remove 1/3 cup, and replace it with 1/3 cup cornstarch. Whisk or sift the mix together several times. This won’t be identical to commercial cake flour but will improve tenderness.
Why separate the eggs? Beating egg whites separately incorporates air and volume. Folding them in at the end lightens the batter and creates a fluffier, softer cake texture than if whole eggs were used without whipping.
Which coconut milk should I use? Use full-fat canned coconut milk (not coconut water or pure coconut cream). Shake the can well before measuring so the liquid and solids are combined and you don’t end up with inconsistent measurements.
How do you toast coconut?
- Preheat the oven to 325°F (about 160°C).
- Spread flaked or shredded coconut in a thin layer on a baking sheet (line it if you prefer).
- Bake 5–10 minutes, checking every minute or two near the end, until golden brown. Coconut browns quickly, so watch closely to avoid burning.
Where do I find coconut extract? Coconut extract is sold in small bottles in the baking or spice aisle alongside vanilla extract. Use it sparingly—its flavor is concentrated.
Can this be made as a layer cake? Yes. Divide the batter between three 8-inch round pans lined with parchment and bake for about 20–25 minutes, or use two 8-inch pans and bake 25–30 minutes for a double-layer cake. If making layers, double the frosting recipe to ensure you have enough between and above the layers.


Coconut Cake with Coconut Frosting
Ingredients
Coconut Cake
- 2 1/2 cups cake flour
- 1 tsp baking powder
- 1/2 tsp baking soda
- 1/4 tsp salt
- 5 large eggs, separated
- 1/2 cup canned coconut milk, shaken
- 1/2 cup sour cream
- 3/4 cup unsalted butter, softened
- 1 1/2 cups granulated sugar
- 1 tsp coconut extract
- 1 tsp vanilla extract
Coconut Frosting
- 3/4 cup unsalted butter, softened
- 4–6 tbsp canned coconut milk
- 1/2–1 tsp coconut extract (optional)
- 1/4 tsp salt
- 3–3.5 cups powdered sugar
- 1/4 cup shredded coconut, toasted or not
Instructions
Coconut Cake
- Preheat the oven to 350°F and prepare a 9×13-inch pan by buttering and flouring it or lining with parchment.
- In a large bowl whisk together cake flour, baking powder, baking soda, and salt.
- In a separate bowl, beat the egg whites with a pinch of cream of tartar until stiff peaks form; set aside.
- Combine the coconut milk and sour cream in a small bowl or measuring cup and set aside.
- Cream the butter and sugar until light and fluffy. Add the egg yolks, coconut extract, and vanilla, mixing until combined.
- Add half of the coconut milk/sour cream mixture, then half of the dry ingredients. Repeat with the remaining coconut mixture and dry ingredients, mixing until just combined.
- Gently fold the whipped egg whites into the batter in two additions, keeping as much air in the mixture as possible.
- Pour the batter into the prepared pan and bake 30–35 minutes, or until a toothpick inserted in the center comes out clean.
- Allow the cake to cool completely before frosting.
Coconut Frosting
- Beat the softened butter until fluffy.
- Add 4 tablespoons coconut milk, coconut extract (if using), and salt; mix to combine.
- Beat in powdered sugar about 1 cup at a time until the frosting reaches your preferred sweetness and consistency, adding extra coconut milk as needed to adjust texture.
- Frost the cooled cake and sprinkle with toasted coconut and berries if desired.
Notes
