Homemade Coconut Cake

Homemade Coconut Cake is a soft, moist, and wonderfully tender dessert filled with rich coconut flavor. Made with coconut milk, shredded coconut, and a creamy coconut frosting, this classic cake is perfect for birthdays, holidays, afternoon tea, family gatherings, and special celebrations.

Every bite has a delicate buttery crumb, sweet coconut flavor, and a creamy frosting covered with fluffy shredded coconut. If you love coconut desserts, this easy Homemade Coconut Cake recipe is one you’ll want to make again and again.

Why You’ll Love This Homemade Coconut Cake

Soft and moist texture
Rich coconut flavor
Creamy coconut frosting
Easy homemade recipe
Perfect for celebrations
Beautiful presentation
Made with simple ingredients
Delicious served chilled or at room temperature

Ingredients

For the Coconut Cake

2½ cups all-purpose flour
2 teaspoons baking powder
½ teaspoon baking soda
½ teaspoon salt
¾ cup unsalted butter, softened
1½ cups granulated sugar
4 large eggs
2 teaspoons vanilla extract
1 teaspoon coconut extract
1 cup canned coconut milk
1 cup sweetened shredded coconut

For the Coconut Frosting

1 cup unsalted butter, softened
4 cups powdered sugar
½ cup coconut milk
1 teaspoon vanilla extract
½ teaspoon coconut extract
Pinch of salt

For Decorating

1½ cups sweetened shredded coconut
Toasted coconut, optional
Chopped pecans or almonds, optional

How to Make Homemade Coconut Cake

Step 1: Prepare the Cake Pans

Preheat your oven to 350°F (175°C).

Grease two 9-inch round cake pans.

Line the bottoms with parchment paper.

Lightly flour the sides of the pans or use baking spray.

Set the prepared pans aside.

Step 2: Prepare the Dry Ingredients

In a medium bowl, whisk together:

All-purpose flour
Baking powder
Baking soda
Salt

Mix until everything is evenly distributed.

Set aside.

Step 3: Cream the Butter and Sugar

Place the softened butter in a large mixing bowl.

Add the granulated sugar.

Using an electric mixer, beat for approximately 4–5 minutes.

The mixture should become pale, light, and fluffy.

This step helps incorporate air into the batter and contributes to the cake’s soft texture.

Step 4: Add the Eggs

Add the eggs one at a time.

Beat well after each addition.

Make sure each egg is fully incorporated before adding the next.

Scrape down the sides of the bowl if necessary.

Step 5: Add the Flavoring

Add the vanilla extract and coconut extract.

Mix until combined.

The coconut extract gives the cake a stronger coconut flavor, while vanilla balances the sweetness.

Step 6: Combine the Coconut Milk and Dry Ingredients

Add approximately one-third of the flour mixture to the butter mixture.

Mix on low speed.

Add half of the coconut milk.

Continue alternating the flour mixture and coconut milk, finishing with the remaining dry ingredients.

Mix only until the batter is combined.

Avoid overmixing.

Step 7: Fold in the Coconut

Add the shredded coconut.

Use a spatula to gently fold it into the batter.

Make sure it’s evenly distributed without unnecessarily mixing the batter.

Step 8: Divide the Batter

Divide the batter evenly between the prepared cake pans.

Smooth the tops with a spatula.

Gently tap the pans once or twice on the counter to release any large air bubbles.

Step 9: Bake the Cake

Place the pans in the preheated oven.

Bake for approximately 25–30 minutes.

The cakes are ready when:

The tops are lightly golden.
The center springs back when gently touched.
A toothpick inserted into the center comes out clean or with a few moist crumbs.

Avoid overbaking because coconut cake can become dry if left in the oven too long.

Step 10: Cool the Cake Layers

Remove the cakes from the oven.

Allow them to cool in the pans for approximately 10 minutes.

Carefully remove the cakes and place them on wire racks.

Allow them to cool completely before frosting.

Step 11: Prepare the Coconut Frosting

Place the softened butter in a large bowl.

Beat until smooth and creamy.

Gradually add the powdered sugar, approximately ½ cup at a time.

Add the coconut milk, vanilla extract, coconut extract, and salt.

Continue beating for approximately 2–3 minutes until the frosting becomes light and fluffy.

If the frosting is too thick, add a little more coconut milk.

If it’s too thin, add additional powdered sugar.

Step 12: Level the Cake Layers

Once the cake layers are completely cool, check the tops.

If they have domed significantly, carefully trim the tops with a serrated knife.

This creates a level surface for stacking.

Step 13: Assemble the Cake

Place one cake layer on a serving plate.

Spread a generous layer of coconut frosting over the top.

Place the second cake layer on top.

Spread frosting over the top and sides of the entire cake.

Use a cake spatula to create a smooth or slightly textured finish.

Step 14: Add the Coconut

While the frosting is still soft, gently press shredded coconut onto the top and sides of the cake.

Continue until the cake is evenly covered.

For an elegant presentation, toast some of the coconut first and sprinkle it over the top.

Step 15: Let the Cake Set

Allow the finished cake to rest for approximately 30 minutes before slicing.

This gives the frosting time to set slightly and makes the cake easier to cut.

Tips for the Best Homemade Coconut Cake

Use Full-Fat Coconut Milk

Full-fat coconut milk provides a richer flavor and more moisture than light coconut milk.

Shake the can well before measuring.

Use Room-Temperature Ingredients

Room-temperature butter, eggs, and coconut milk combine more smoothly and help create a more uniform cake.

Don’t Overmix

Once the flour is added, mix only until everything comes together.

Overmixing can make the cake dense.

Don’t Overbake

Start checking the cake around the 25-minute mark.

A few moist crumbs on the toothpick are fine.

Use Fresh Shredded Coconut if Available

Fresh coconut provides a naturally rich flavor, although sweetened packaged coconut works perfectly well.

How to Make Toasted Coconut

Toasted coconut makes an excellent topping.

Spread shredded coconut in a thin layer on a baking sheet.

Bake at 350°F (175°C) for approximately 5–8 minutes.

Stir once or twice.

Remove it as soon as it becomes lightly golden.

Watch carefully because coconut can burn quickly.

Allow it to cool before decorating the cake.

Coconut Cake Variations

Coconut Pineapple Cake

Add a thin layer of crushed pineapple between the cake layers.

Make sure the pineapple is thoroughly drained.

Coconut Lime Cake

Replace some of the lemon-style citrus flavor with fresh lime zest and juice.

Add approximately 1 tablespoon of lime zest to the batter.

Coconut Almond Cake

Add ½ teaspoon almond extract to the cake batter and sprinkle sliced almonds over the frosting.

Chocolate Coconut Cake

Add chocolate chips to the batter or drizzle the finished cake with chocolate ganache.

Coconut Cream Cake

Add a layer of coconut pastry cream between the cake layers for an extra-rich dessert.

How to Make the Cake Extra Moist

For an especially moist coconut cake, prepare a simple coconut syrup.

Combine:

¼ cup coconut milk
2 tablespoons granulated sugar

Warm gently until the sugar dissolves.

Once the cake layers have cooled slightly, brush a small amount of the syrup over them.

Allow it to absorb before frosting.

Don’t add too much syrup because it can make the cake difficult to assemble.

What to Serve With Coconut Cake

Fresh Berries

Strawberries, raspberries, and blueberries provide a pleasant contrast to the sweet coconut.

Whipped Cream

A little whipped cream makes each slice extra indulgent.

Vanilla Ice Cream

Serve slightly chilled cake with a scoop of vanilla ice cream.

Fresh Fruit

Mango, pineapple, and strawberries pair particularly well with coconut.

Coffee or Tea

The rich coconut flavor works beautifully with a hot cup of coffee or tea.

How to Store Homemade Coconut Cake

Because the frosting contains butter and coconut milk, store the finished cake in an airtight container.

It can be kept at room temperature for a short period if your kitchen is cool, but refrigeration is recommended for longer storage.

Refrigerated, the cake can generally be kept for approximately 3–4 days.

Allow slices to sit at room temperature for about 20 minutes before serving for the best texture.

Can You Freeze Coconut Cake?

Yes.

For the best results, freeze the cake layers before frosting.

Wrap each completely cooled layer tightly in plastic wrap and place it in a freezer-safe bag.

Freeze for up to approximately 2–3 months.

Thaw the layers in the refrigerator before assembling.

You can also freeze individual frosted slices in airtight containers.

Frequently Asked Questions

Can I use coconut cream instead of coconut milk?

Yes, but coconut cream is thicker and richer. You may need to adjust the amount slightly to maintain the correct batter consistency.

Can I use unsweetened coconut?

Yes. If using unsweetened coconut, the cake will be less sweet and have a more natural coconut flavor.

Why is my coconut cake dry?

Overbaking is one of the most common causes.

Too much flour can also make the cake dry, so measure carefully.

Can I make this cake in a 9×13-inch pan?

Yes. Pour the batter into a greased 9×13-inch pan and adjust the baking time. Begin checking for doneness around 30 minutes.

Can I make the cake ahead of time?

Absolutely. Bake the cake layers a day ahead, wrap them tightly, and refrigerate them. Prepare the frosting and assemble the cake when you’re ready to serve.

Recipe at a Glance

Recipe: Homemade Coconut Cake
Prep Time: 25 minutes
Bake Time: 25–30 minutes
Cooling Time: 45 minutes
Assembly Time: 20 minutes
Total Time: Approximately 1 hour 45 minutes
Servings: 12–14
Course: Dessert
Method: Baked
Main Ingredients: Coconut milk, shredded coconut, butter, eggs, flour, sugar