There are cakes, and then there’s this cake. This Coconut Cake with Coconut Frosting is the kind of dessert that makes people close their eyes when they take the first bite. It’s the cake you remember from childhood birthdays, the one your grandmother made, the one that always disappeared first at potlucks.
We’re talking about the most tender, buttery, incredibly moist white cake you’ve ever baked, infused with real coconut flavor in every single crumb.
And the frosting? It’s a silky, creamy, coconut-packed dream that’s then completely blanketed in fluffy, golden-toasted coconut. It’s a showstopper, it’s pure nostalgia, and yes, you can absolutely make it at home.
The Secret to an Incredibly Moist Cake with Real Coconut Flavor
Great coconut cake can sometimes be dry or artificial-tasting. Not this one. The secret to an incredibly moist crumb lies in a combination of buttermilk and cake flour. Buttermilk adds tenderness and a subtle tang that balances the sweetness, while cake flour’s lower protein content guarantees a soft, fine, delicate texture.
The real coconut flavor comes from two sources: coconut milk in the batter and coconut extract in both the cake and frosting. Using full-fat coconut milk adds richness and a deep, authentic coconut taste that canned frosting could never replicate.
And the final flourish? Toasting the shredded coconut for the exterior. This simple step transforms it from sweet and chewy to nutty, crunchy, and deeply flavorful—the perfect finishing touch for a truly unforgettable cake.
Instructions
Toast the Coconut (for Coating)
Preheat your oven to 325°F (160°C). Spread the 1 ½ cups of shredded coconut evenly on a baking sheet. Bake for 5-8 minutes, stirring once halfway through, until the coconut is golden brown and fragrant. Keep a close eye on it—it burns quickly! Remove from the oven and let it cool completely .
Preheat and Prep for Cake
Increase your oven temperature to 350°F (175°C). Grease an 8 or 9-inch round cake pan, line the bottom with a parchment paper round, and lightly flour the sides. This guarantees your cake will release perfectly .
Combine Dry Ingredients
In a medium bowl, whisk together the cake flour, baking powder, and salt until well combined. Set aside .
Cream Butter and Sugar
In a large bowl using a hand mixer or stand mixer with the paddle attachment, beat the softened butter on medium speed until creamy, about 1 minute. Gradually add the granulated sugar and beat on medium-high speed until light and fluffy, about 3-4 minutes. The mixture should look pale and aerated .
Add Egg Whites and Extracts
Add the egg whites one at a time, beating well after each addition until fully incorporated. Scrape down the sides of the bowl as needed. Beat in the coconut extract and vanilla extract .
Combine Coconut Milk and Buttermilk
In a small bowl or measuring cup, whisk together the full-fat coconut milk and buttermilk .
Alternate Dry and Wet Ingredients
With the mixer on low speed, add about one-third of the dry ingredients, mixing just until combined. Add half of the coconut milk mixture, mixing until incorporated.
Repeat with another third of the dry, the remaining coconut milk, and finally the last of the dry. Mix just until no streaks of flour remain—do not overmix. The batter will be thick, smooth, and luxurious .
Bake the Cake
Pour the batter into the prepared pan and spread it evenly. Bake for 30-35 minutes, or until a toothpick inserted into the center comes out clean or with a few moist crumbs. Let the cake cool in the pan for 15 minutes, then carefully turn it out onto a wire rack to cool completely .
Make the Coconut Frosting
In a large bowl, beat the softened butter on medium speed until creamy and smooth, about 2-3 minutes. Gradually add the sifted powdered sugar, one cup at a time, beating on low until combined.
Add the coconut milk, coconut extract, vanilla extract, and salt. Beat on medium-high speed for 2-3 minutes until the frosting is light, fluffy, and spreadable. If it’s too thick, add an extra teaspoon of coconut milk .
Frost the Cake
Once the cake is completely cool, spread the coconut frosting generously over the top and sides. An offset spatula makes this easy, but a butter knife works beautifully too .
Coat with Toasted Coconut
Working quickly while the frosting is still soft, gently press handfuls of the cooled toasted coconut onto the sides and top of the cake. Use your hands to pat it gently into place, covering every surface. The coconut will stick to the frosting and create that gorgeous, textured look .
Slice and Serve
For clean slices, use a sharp, thin-bladed knife, wiping it clean between each cut. Serve at room temperature for the best flavor and texture. Store leftovers in an airtight container in the refrigerator for up to 4 days .
Pro-Tips for Coconut Cake Greatness
- Use Cake Flour, Not All-Purpose: Cake flour has lower protein content, which guarantees a softer, more tender, fine-crumbed cake. It’s worth seeking out for this recipe .
- Room Temperature Ingredients are Non-Negotiable: Cold egg whites and buttermilk will not emulsify properly, resulting in a dense, uneven crumb. Leave them on the counter for an hour before baking .
- Shake Your Coconut Milk Well: Full-fat coconut milk separates in the can. Shake it vigorously before measuring to ensure you get the creamy, consistent liquid you need .
- Don’t Overbake: Check your cake a few minutes early. Overbaking dries it out, and we’re here for moist perfection .
- Toast Your Coconut: This step is non-negotiable. Toasting transforms shredded coconut from sweet and chewy to nutty, crunchy, and deeply flavorful. It’s the easiest way to add professional flair .
