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.
Table of Contents
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.
| Ingredient | Amount |
|---|---|
| All-purpose flour | 2 ¾ cups |
| Granulated sugar | 1 ¾ cups |
| Baking powder | 1 tbsp |
| Salt | ½ tsp |
| Unsalted butter (softened) | 1 cup |
| Egg whites | 5 large |
| Coconut milk (full-fat) | 1 cup |
| Vanilla extract | 1 tbsp |
| Shredded sweetened coconut | 1 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.
| Ingredient | Amount |
|---|---|
| Unsalted butter (softened) | 1 cup |
| Cream cheese (softened) | 8 oz |
| Powdered sugar | 4 cups |
| Coconut extract | 1 tsp |
| Heavy cream | 2–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.

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
Course: DessertCuisine: AmericanDifficulty: Easy12
servings20
minutes30
minutes300
kcal50
minutesIngredients
- 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.







