Coconut Birthday Cake

This coconut birthday cake is the one I make every year. Soft, buttery layers filled with real coconut flavor, all covered in a silky coconut buttercream.

If you’ve ever wanted a homemade birthday cake that actually tastes like coconut, not just a faint whisper, this is it. The secret is combining coconut milk, cream of coconut, and a generous pinch of salt.

What Makes This Coconut Cake So Good

The crumb is tender and moist, thanks to full-fat coconut milk in the batter. It stays soft for days, so you can bake it the night before the party.

The frosting uses cream of coconut, not just extract, which gives it a deep, almost fruity sweetness without being heavy. A little salt keeps everything in check.

I love that every bite has that distinct coconut flavor, like the birthday cakes from a good bakery, but made with ingredients you can pronounce.

Ingredients

• 2 1/2 cups all-purpose flour: spoon and level, don’t pack it
• 2 tsp baking powder
• 1/2 tsp salt
• 1 cup unsalted butter, softened: room temperature is key
• 1 3/4 cups granulated sugar
• 4 large eggs: at room temperature
• 2 tsp vanilla extract
• 1 cup full-fat coconut milk: shake the can well before measuring
• 1/2 cup cream of coconut: the sweetened syrup, not coconut cream
• 1 cup unsalted butter, softened (for frosting)
• 1/2 cup cream of coconut (for frosting)
• 4 cups powdered sugar
• 1 tsp vanilla extract (for frosting)
• Pinch of salt (for frosting)
• 1 to 2 cups sweetened shredded coconut: for decorating

Variations / Substitutions

• Dairy-free: Swap the butter for a good vegan butter stick, and the cake and frosting will still be rich and smooth.
• Gluten-free: Use a 1:1 gluten-free flour blend that contains xanthan gum. The cake will be a bit more delicate, but still delicious.
• Coconut extract: If you want an even stronger coconut punch, add 1/2 tsp coconut extract to the batter and another 1/2 tsp to the frosting.
• Lime: Add the zest of 2 limes to the batter for a coconut-lime twist.
• Toasted topping: Toast the shredded coconut in a dry skillet until golden before decorating for a nuttier flavor and extra crunch.

If you love coconut, try my Coconut Cream Pie.

How to Make Coconut Birthday Cake

Step 1: Mix the Cake Batter

Preheat the oven to 350°F. Grease two 8-inch round cake pans and line the bottoms with parchment. In a medium bowl, whisk together the 2 1/2 cups flour, 2 tsp baking powder, and 1/2 tsp salt. In a large bowl, beat the 1 cup softened butter and 1 3/4 cups sugar on medium-high until pale and fluffy, about 3 minutes.

Add the 4 eggs one at a time, beating well after each, then mix in the 2 tsp vanilla. With the mixer on low, add the flour mixture in three additions, alternating with the 1 cup coconut milk and 1/2 cup cream of coconut, beginning and ending with the flour. Beat just until no streaks remain, about 30 seconds.

The batter will be thick and creamy, with a gentle coconut fragrance. Don’t overmix, or the cake can turn out dense.

Step 2: Bake the Layers

Divide the batter evenly between the prepared pans. Bake at 350°F for 25 to 28 minutes, until the tops spring back when lightly pressed and a toothpick inserted in the center comes out clean or with a few moist crumbs.

Let the cakes cool in the pans on a wire rack for 10 minutes, then turn them out onto the rack to cool completely, about 1 hour. The cakes will have a pale golden top and the sides will pull away slightly from the pan.

Cooling them completely is important. If the cakes are still warm, the frosting will melt and slide right off.

Step 3: Whip the Frosting

In a large bowl, beat the 1 cup softened butter on medium speed until creamy, about 2 minutes. Pour in the 1/2 cup cream of coconut and beat until combined, scraping down the bowl as needed.

With the mixer on low, gradually add the 4 cups powdered sugar, then the 1 tsp vanilla and a pinch of salt. Once the sugar is mostly incorporated, increase the speed to medium-high and beat for 3 to 4 minutes, until the frosting is light and fluffy. If it feels too thick, add a tablespoon of coconut milk; if too thin, add a little more powdered sugar.

This frosting spreads like a dream and holds its shape well, so you don’t need to stress over a perfect finish.

Step 4: Fill and Stack the Layers

Place one cooled cake layer on a serving plate or cake stand. Spoon about 1 cup of frosting onto the center and spread it evenly to the edges. Place the second layer on top, flat side up.

Apply a thin crumb coat of frosting over the entire cake, just enough to lock in the crumbs. Chill the cake for 20 minutes, until the frosting is firm. This makes the final layer go on smooth and clean.

Don’t skip the crumb coat. It’s the secret to a bakery-looking cake, and the extra chill time is worth it.

Step 5: Frost and Decorate with Toasted Coconut

Spread the remaining frosting generously over the top and sides of the chilled cake. Work from the top down, using an offset spatula to smooth the surface. If you like, create swirls or peaks for texture.

Press the shredded coconut onto the sides and top. I usually hold the plate over a baking sheet to catch the excess. For extra flavor, toast the coconut in a dry skillet over medium heat for 3 to 4 minutes, stirring constantly, until golden and fragrant.

Slice and serve the cake once the frosting has had a few minutes to soften at room temperature. The inside is snowy and moist, with that unmistakable coconut sweetness.

How to Get a Moist Coconut Cake

• Use real cream of coconut, not coconut cream. Cream of coconut is sweetened and syrupy, like Coco Lopez, and it gives the frosting and batter their signature flavor.
• Bring all the cold ingredients to room temperature before you start. This might sound fussy, but it’s the easiest way to avoid a curdled batter or lumpy frosting.
• If you have a kitchen scale, weigh your flour. 2 1/2 cups of all-purpose flour is about 315 grams, and weighing eliminates the guesswork.
• For the fluffiest frosting, beat it until it’s almost white and doubled in volume. This can take longer than you think, so be patient.
• Press the shredded coconut onto the frosting while it’s still slightly soft and tacky, so the flakes stick. If the icing has crusted, a light spray of water helps it adhere.

Bake times by pan size:

Storing Leftover Cake

• Refrigerate: Cover the cake tightly with plastic wrap or store in a cake carrier. It will keep in the fridge for up to 5 days. Bring slices to room temperature before serving for the best texture.
• Freeze: You can freeze the unfrosted cake layers for up to 2 months. Wrap them well in plastic and foil. Thaw overnight in the fridge, then frost as directed. The assembled cake can also be frozen tightly wrapped for up to a month. Thaw in the fridge, still wrapped, overnight.

Frequently Asked Questions

Can I make this cake without a stand mixer?

Yes, a large bowl and a sturdy hand mixer work just fine. You’ll just need a little more patience when creaming the butter and sugar.

Why is my frosting grainy?

This usually happens when the butter is too cold or the powdered sugar isn’t fully incorporated. Make sure all your ingredients are at room temperature and beat the frosting until it’s completely smooth and fluffy.

Can I use light coconut milk?

You can, but the cake won’t be as moist or rich. Full-fat coconut milk gives the best texture and flavor, so I’d stick with it if you can.

My cake layers domed. How do I fix that?

Trim the dome off the top of each layer with a serrated knife once the cakes are cool. It’s an easy fix, and you get to snack on the scraps.

Can I color the frosting for a birthday theme?

Absolutely, gel food coloring works best and won’t thin out the frosting. Add it a drop at a time while beating, until you get the shade you want.

Coconut Birthday Cake Recipe

Print Recipe Pin Recipe

Prep Time 30 minutes mins

Cook Time 28 minutes mins

Total Time 58 minutes mins

Servings: 12 servings

Calories: 650

Ingredients Method Notes

Ingredients

  

• 2 1/2 cups all-purpose flour
• 2 tsp baking powder
• 1/2 tsp salt
• 1 cup unsalted butter, softened
• 1 3/4 cups granulated sugar
• 4 large eggs, room temperature
• 2 tsp vanilla extract
• 1 cup full-fat coconut milk
• 1/2 cup cream of coconut
• 1 cup unsalted butter, softened (for frosting)
• 1/2 cup cream of coconut (for frosting)
• 4 cups powdered sugar
• 1 tsp vanilla extract (for frosting)
• Pinch of salt (for frosting)
• 1 to 2 cups sweetened shredded coconut

Method

 

1. Preheat oven to 350°F. Grease two 8-inch cake pans and line with parchment. Whisk flour, baking powder, and salt together. Beat 1 cup butter and sugar until fluffy, about 3 minutes. Add eggs one at a time, then vanilla. On low, add flour mixture in three additions, alternating with coconut milk and 1/2 cup cream of coconut, mixing just until combined.
2. Divide batter between pans. Bake 25-28 minutes until a toothpick comes out clean. Cool in pans 10 minutes, then turn out to cool completely.
3. For frosting, beat 1 cup butter until creamy. Mix in 1/2 cup cream of coconut. Gradually beat in powdered sugar, vanilla, and salt. Whip on medium-high 3-4 minutes until fluffy.
4. Place one cooled layer on plate; spread 1 cup frosting. Top with second layer. Apply thin crumb coat, chill 20 minutes.
5. Frost cake with remaining frosting, then press shredded coconut onto sides and top. Serve at room temperature.

Notes

Cooling time is not included in prep. For the best texture, make sure all cold ingredients are at room temperature before you start. The cake layers can be baked a day ahead and stored tightly wrapped.