Coconut Cake Recipe

There’s something undeniably special about a coconut cake recipe that’s soft, tender, and full of tropical flavor. Coconut cake has an old-fashioned charm, often reminiscent of family gatherings, spring celebrations, and summer parties. Its fluffy layers, rich coconut milk aroma, and creamy frosting make it a timeless dessert that feels both cozy and luxurious.

This recipe delivers everything you love about a classic coconut cake — a moist crumb, a beautifully sweet coconut flavor, and a creamy frosting that ties it all together. Whether you’re making it for a birthday, a holiday dessert table, or a casual get-together, this cake is simple enough for beginner bakers yet impressive enough to serve as the centerpiece of your table.

Jump to Recipe

Ingredients for Coconut Cake

Cake Ingredients

This coconut cake recipe uses accessible, everyday ingredients that transform into a super moist, tender crumb. Coconut milk and shredded coconut give the cake its distinct tropical flavor without overpowering sweetness.

IngredientAmount
All-purpose flour2 ¾ cups
Granulated sugar1 ¾ cups
Baking powder1 tbsp
Salt½ tsp
Unsalted butter (softened)1 cup
Egg whites5 large
Coconut milk (full-fat)1 cup
Vanilla extract1 tbsp
Shredded sweetened coconut1 cup

Ingredient Notes

  • Coconut milk: Use full-fat canned coconut milk for richness. Shake well before using.
  • Egg whites: Help keep the cake light instead of dense.
  • Butter: Must be softened to properly incorporate air into the batter.

Coconut Frosting Ingredients

No coconut cake recipe is complete without a creamy coconut frosting. This frosting is smooth, fluffy, and just sweet enough without being heavy.

IngredientAmount
Unsalted butter (softened)1 cup
Cream cheese (softened)8 oz
Powdered sugar4 cups
Coconut extract1 tsp
Heavy cream2–3 tbsp
Shredded coconut (for topping)1 cup

Frosting Notes

  • Cream cheese adds tang and helps balance the sweetness.
  • Coconut extract intensifies the tropical flavor and is key for a strong coconut profile.
  • Shredded coconut adds texture and beautiful decoration.

Optional Add-Ins

If you enjoy customizing desserts, here are ideas to make your coconut cake even more special:

  • Fresh pineapple chunks for a pina-colada-inspired cake
  • Toasted coconut flakes for extra crunch
  • A splash of almond extract in the batter
  • White chocolate chips folded in
  • A thin layer of lemon curd between cake layers for brightness

How to Make Coconut Cake

Step-by-Step Instructions

Making coconut cake is easier than most people think. Follow these steps and your cake will bake up perfectly soft and flavorful.

1. Prepare your pans and oven

Preheat your oven to 350°F (175°C). Grease and line two 9-inch round cake pans with parchment paper. This ensures your cake releases cleanly and stays moist.

2. Mix the dry ingredients

In a large mixing bowl, whisk together the flour, sugar, baking powder, and salt. Mixing dry ingredients well ensures even rising and a uniform crumb.

3. Add the butter

Add the softened butter to the dry mixture. Beat on medium speed until the mixture resembles fine crumbs or wet sand. This reverse-creaming method helps prevent overmixing while keeping the cake tender.

4. Whisk the wet ingredients

In a separate bowl, whisk together the egg whites, coconut milk, and vanilla extract. Make sure the mixture is smooth and fully blended.

5. Combine the wet and dry

Pour the wet mixture into the crumbly dry mixture. Beat until the batter becomes creamy and smooth, about 1–2 minutes. Do not overmix — stop as soon as everything is fully combined.

6. Add the shredded coconut

Fold in the shredded sweetened coconut using a spatula. Folding instead of mixing helps keep the cake fluffy.

7. Bake the cakes

Pour the batter evenly into the two prepared pans. Bake for 25–28 minutes, or until a toothpick inserted in the center comes out clean. Every oven varies, so start checking around 24 minutes.

8. Cool completely

Let the cakes cool in their pans for 10 minutes before transferring them to a wire rack. The layers must be completely cool before frosting — warm cakes will melt the frosting.

coconut cake recipe

How to Make Coconut Frosting

This coconut frosting is smooth, creamy, and perfect for spreading.

1. Beat the butter and cream cheese

Use a stand mixer or hand mixer to beat softened butter and cream cheese together for 2–3 minutes, until light and fluffy.

2. Add powdered sugar

Add powdered sugar one cup at a time to avoid lumps and achieve the right consistency.

3. Mix in flavor

Add coconut extract and 1 tablespoon of heavy cream at a time, mixing until the frosting becomes silky and easy to spread.

4. Frost the cake

Place the first cake layer on a serving plate. Spread a generous amount of frosting, add the second layer, and cover the entire cake with frosting.

5. Decorate

Press shredded coconut gently into the frosting for a beautiful snow-like finish.

Serving Suggestions

Coconut cake pairs perfectly with light, fruity, and refreshing accompaniments:

  • Serve with fresh strawberries or raspberries.
  • Add toasted coconut flakes on top for texture.
  • Drizzle a little pineapple syrup over slices.
  • Pair with hot tea, iced coffee, or a coconut latte.

Tips for the Best Coconut Cake

1. Use room-temperature ingredients

They blend more smoothly and trap air better, resulting in a softer cake.

2. Don’t skip the coconut milk

Coconut milk adds richness and flavor and keeps the cake moist.

3. Avoid overmixing

Overmixing leads to dense baked goods, so mix only until ingredients are combined.

4. Let the cakes cool fully

Warm cake + frosting = melted mess.

5. Use high-quality shredded coconut

Fresh, soft, sweetened coconut gives the best flavor.

Notes

  • Refrigerate the cake if your home is warm; cream cheese frosting softens easily.
  • The cake tastes even better on the second day as the flavors meld.
  • Store leftovers in an airtight container for up to 4 days.
  • Freeze baked cake layers (unfrosted) for up to 2 months.
  • If you want a richer cake, use 3 whole eggs instead of egg whites, but note the cake will be slightly denser.

FAQ

1. Can I make this cake ahead of time?

Yes! Bake the cake layers up to 2 days in advance. Keep them wrapped tightly in plastic and store in the refrigerator.

2. Can I use coconut flour?

No — coconut flour behaves very differently from all-purpose flour. It absorbs much more liquid and would make the cake dry.

3. Can I make this dairy-free?

Yes. Simply use dairy-free butter, vegan cream cheese, and coconut cream instead of heavy cream.

4. Can I use boxed cake mix?

If you’re in a hurry, you can use a white cake mix and replace water with coconut milk, then add a teaspoon of coconut extract. But homemade tastes better!

5. Can I add pineapple to the cake?

Absolutely! Fold in ½ cup of finely chopped pineapple for a pina-colada twist.

6. Can I make cupcakes with this recipe?

Yes. Bake at the same temperature for 18–20 minutes.

Conclusion

This coconut cake recipe brings together everything you love about a classic, tropical-inspired dessert. With fluffy layers, bold coconut flavor, and a silky cream cheese frosting, it’s a stunning cake that works for holidays, birthdays, and any time you want something sweet and satisfying.

The combination of coconut milk, shredded coconut, and coconut extract ensures every bite delivers the perfect amount of richness without being overwhelming. Plus, the method is simple enough for beginner bakers while still giving bakery-level results.

Coconut Cake Recipe

Recipe by Remi Recipes
0.0 from 0 votes
Course: DessertCuisine: AmericanDifficulty: Easy
Servings

12

servings
Prep time

20

minutes
Cooking time

30

minutes
Calories

300

kcal
Total time

50

minutes

Ingredients

  • Dry Ingredients
    2 ¾ cups all-purpose flour
    1 ¾ cups granulated sugar
    1 tbsp baking powder
    ½ tsp salt
  • Wet Ingredients
    1 cup unsalted butter, softened
    5 large egg whites
    1 cup full-fat coconut milk
    1 tbsp vanilla extract
    1 cup shredded sweetened coconut
  • Coconut Frosting
    1 cup unsalted butter, softened
    8 oz cream cheese, softened
    4 cups powdered sugar
    1 tsp coconut extract
    2–3 tbsp heavy cream
    1 cup shredded coconut (for topping)

Directions

  • 1 Preheat oven to 350°F (175°C). Grease and line two 9-inch cake pans.
    2 Whisk flour, sugar, baking powder, and salt in a mixing bowl.
    3 Add softened butter and mix until sandy.
    4 In another bowl, whisk egg whites, coconut milk, and vanilla extract.
    5 Combine wet and dry mixtures, mixing until smooth.
    6 Fold in shredded coconut.
    7 Pour batter into pans and bake for 25–28 minutes.
    8 Cool cakes completely before frosting.
    9 Beat butter and cream cheese until fluffy.
    10 Add powdered sugar gradually, then coconut extract and heavy cream.
    11 Frost cake layers and coat the outside with shredded coconut.

Notes

  • Refrigerate the cake if your home is warm; cream cheese frosting softens easily.
    The cake tastes even better on the second day as the flavors meld.
    Store leftovers in an airtight container for up to 4 days.
    Freeze baked cake layers (unfrosted) for up to 2 months.
    If you want a richer cake, use 3 whole eggs instead of egg whites, but note the cake will be slightly denser.