Coconut Cake Recipe

I don’t even try to make this sound fancy. This coconut cake just works. It’s soft in a way that feels almost too light, like the crumb barely holds together but still slices clean. The first time I nailed that texture, I stopped messing around with other versions.

What surprised me most was how much the flour mattered. I used cake flour one day instead of my usual all-purpose, and it changed everything. The cake felt airy, not dense, not heavy, just… right. I didn’t expect something that small to shift the whole outcome.

I’ve also learned coconut can go wrong fast. Too dry, too bland, or weirdly chewy. Getting the right kind makes a difference you can actually taste, not just read about.

Ingredients I Used for the Recipe

• 3 cups cake flour – keeps the cake soft and light, not dense
• 2 teaspoons baking powder – helps the cake rise evenly
• ½ teaspoon baking soda – gives extra lift and balance
• 1 teaspoon salt – brings out all the flavors
• 2 cups granulated sugar – sweetness and structure
• ½ cup unsalted butter (softened) – adds richness and flavor
• ½ cup vegetable oil – keeps the cake moist for days
• 4 large egg whites – makes the cake airy and pale instead of heavy
• 2 teaspoons vanilla extract – adds warmth to the flavor
• ½ teaspoon coconut extract – boosts that coconut taste without overdoing it
• 1 cup canned coconut milk – adds moisture and a subtle coconut depth
• 1 cup sweetened shredded coconut – texture and sweetness inside the cake
• For the frosting:
• 1 cup unsalted butter (softened) – creamy base
• 8 oz cream cheese – gives that slight tang I really like
• 1 teaspoon vanilla extract – balances the sweetness
• ½ teaspoon coconut extract – keeps the flavor consistent
• ¼ teaspoon salt – cuts the sweetness just enough
• 6 cups confectioners’ sugar – makes the frosting thick and fluffy
• 2½ cups sweetened shredded coconut – coating and texture on the outside

How to make Coconut Cake?

Step 1 – Prep the pans and oven

I start by heating the oven to 350°F and prepping three round cake pans. I grease them, then line the bottoms with parchment. Skipping the parchment once cost me a broken layer, so yeah, I don’t skip it anymore.

Step 2 – Mix the dry ingredients

I whisk together the cake flour, baking powder, baking soda, and salt. Nothing fancy here, but I do make sure it’s evenly mixed so I don’t get weird pockets in the cake.

Step 3 – Cream butter, sugar, and oil

In another bowl, I beat the butter, sugar, and oil until it looks lighter and a bit fluffy. It usually takes a few minutes. This step sets the tone for the texture, so I don’t rush it.

Step 4 – Add egg whites and extracts

I mix in the egg whites, vanilla, and coconut extract. The batter starts looking smoother here. I used to throw everything in at once, but separating this step actually made the cake better.

Step 5 – Alternate dry mix and coconut milk

I add the dry ingredients in parts, alternating with the coconut milk. Flour, milk, flour, milk, then finish with flour. I keep the mixer on low so I don’t overmix. That’s one mistake I’ve made more than once, and the cake turns a bit tough.

Step 6 – Fold in shredded coconut

I switch to a spatula and fold in the shredded coconut. It thickens the batter slightly, and I can already tell it’s going to have that nice texture later.

Step 7 – Divide and bake

I divide the batter evenly between the pans and smooth the tops. Into the oven for about 30 minutes. I usually check by pressing the center lightly. If it springs back, I’m good.

Step 8 – Cool the layers

I let them sit in the pans for a bit, then flip them out onto a rack. I’ve rushed this before and ended up with crumbs sticking everywhere. Now I just wait it out.

Step 9 – Make the frosting

I beat butter and cream cheese until smooth, then add vanilla, coconut extract, and salt. After that, I add the sugar gradually. It turns thick and fluffy, and honestly, I always taste it at this point.

Step 10 – Assemble the cake

I layer the cakes with frosting in between, then cover the whole thing. I press shredded coconut all over the outside. It gets messy. I’ve accepted that part.

Step 11 – Chill before slicing

I pop it in the fridge for about 30 minutes. It firms up just enough to slice cleanly. If I skip this, the layers slide a little, which is frustrating.

Things I figured out the hard way

Not all coconut is the same. The sweetened shredded kind works best here. I tried using dry, fine coconut once and the cake felt off, almost chalky. Never again.

Coconut milk matters too. The canned one is thicker and richer. I’ve used regular milk in a pinch, and it’s fine, but the flavor drops a bit. You can tell something’s missing even if you can’t name it.

Also, I shake the coconut milk can like crazy before opening it. The first time I didn’t, I poured out watery liquid and left the thick part behind. That batch didn’t turn out right.

And yeah, weighing flour helps. I didn’t want to believe it at first, but scooping too much makes the cake dense. Now I either weigh it or spoon it carefully.

Tips

Keep everything at room temperature

Cold butter or cream cheese just doesn’t mix well. I’ve ended up with lumpy frosting because I rushed this.

Don’t overmix the batter

This one’s big. Once the flour goes in, I mix just until combined. Overdoing it makes the cake less soft.

Use the right coconut

Sweetened shredded coconut adds moisture and flavor. Dry coconut just doesn’t give the same result.

Let the cake cool completely

I’ve tried frosting warm layers before. It melts, slides, and turns into a mess. Waiting is worth it.

Chill before serving

Even a short chill helps everything set. The slices look cleaner and the texture feels better.

Play with fillings if you want

I’ve added a thin layer of jam between layers before. It adds a little surprise without overpowering the coconut.

Print Recipe

0 Add to Favorites

Coconut Cake Recipe

Author: Kelsey Perez Cooking Method: Baking Cuisine: American Courses: Dessert

Difficulty: medium Prep Time 30 mins Cook Time 32 mins Rest Time 20 mins Total Time 1 hr 22 mins

Cooking Temp: 175  C Servings: 12 Estimated Cost: $ 25 Calories: 685

Best Season: Spring, Summer, any

Description

This easy coconut cake recipe is absolutely decadent and unbelievably light and airy. Topped with more shredded coconut for both texture and decoration, this coconut cake is a simple yet elegant addition to any gathering. Made with cake flour for a wonderfully soft crumb, rich coconut milk, and a dreamy coconut cream cheese frosting, every bite delivers tropical flavor perfection.

ingredients

Scale

1/2x 1x 2x 3x

For the Cake

• 3 cups cake flour (360g)
• 2 teaspoons baking powder
• ¹⁄₂ teaspoon baking soda
• 1 teaspoon salt
• 2 cups granulated sugar (400g)
• ¹⁄₂ cup unsalted butter (softened, 113g)
• ¹⁄₂ cup vegetable oil (120mL)
• 4 large egg whites (lightly beaten)
• 2 teaspoons vanilla extract
• ¹⁄₂ teaspoon coconut extract (optional, adjust to taste)
• 1 cup coconut milk (canned, well-shaken, 240ml)
• 1 cup sweetened shredded coconut (100g)

For the Coconut Cream Cheese Frosting

• 1 cup unsalted butter (softened, 227g)
• 8 ounces cream cheese (room temperature, brick-style, 227g)
• 1 teaspoon vanilla extract
• ¹⁄₂ teaspoon coconut extract (optional)
• ¹⁄₄ teaspoon salt
• 6 cups confectioners' sugar (720g, sifted)
• 2 ¹⁄₂ cups sweetened shredded coconut (for decorating, 250g)

Instructions

For the Cake

1. Preheat oven to 350°F (175°C). Butter and flour three 9-inch round cake pans or spray with baking spray. Line the bottom of each pan with a circle of parchment paper.
2. In a medium bowl, whisk together the cake flour, baking powder, baking soda, and salt. Set aside.
3. In a large mixing bowl or the bowl of a stand mixer fitted with the paddle attachment, combine the sugar, softened butter, and vegetable oil. Beat on medium speed for about 3 minutes until light and creamy.
4. Add the lightly beaten egg whites, vanilla extract, and coconut extract. Mix on medium speed until fully combined, about 1 minute.
5. With the mixer on low speed, add one-third of the flour mixture and mix until combined. Add half of the coconut milk and mix. Repeat with another third of the flour, the remaining coconut milk, then the final portion of flour. Stop and scrape down the bowl at least once. Mix until just combined.
   Ensure coconut milk is well-shaken and not separated before adding.
6. Fold in the 1 cup of sweetened shredded coconut by hand using a spatula until evenly distributed.
7. Divide the batter evenly among the prepared cake pans and smooth the tops with a spatula. The batter will be thick.
8. Bake for 30 to 32 minutes, rotating the pans halfway through, until the centers spring back when gently pressed or a toothpick inserted comes out clean.
9. Let cakes cool in the pans for 20 minutes. Carefully invert onto a wire rack, remove parchment paper, and allow to cool completely before frosting.

For the Coconut Cream Cheese Frosting

1. In a large mixing bowl or stand mixer with paddle attachment, beat the softened butter and cream cheese on medium speed until creamy and fluffy, about 3 minutes.
2. Add vanilla extract, coconut extract, and salt. Beat until fully combined. Scrape down the sides and bottom of the bowl.
3. Add the confectioners' sugar one cup at a time, mixing on low speed after each addition. Once all sugar is incorporated, scrape the bowl and beat on medium speed for 1 minute until light and fluffy.

Assembly

1. Place one cooled cake layer on a cake stand or serving plate. Spread about 1 cup of frosting evenly over the top.
2. Top with the second cake layer and repeat with another cup of frosting. Add the final cake layer on top.
3. Spread the remaining frosting evenly over the top and sides of the cake. Press the 2 1/2 cups of sweetened shredded coconut onto the frosting all over the cake to cover completely.
4. Chill the assembled cake for 30 minutes before slicing to help the frosting set. Store covered in the refrigerator.

Nutrition Facts

Servings 12

---

Amount Per Serving

Calories 685kcal

% Daily Value *

Total Fat 38gg59%

Saturated Fat 24gg120%

Trans Fat 0.5gg

Cholesterol 65mgmg22%

Sodium 320mgmg14%

Potassium 145mgmg5%

Total Carbohydrate 89gg30%

Dietary Fiber 2gg8%

Sugars 72gg

Protein 7gg15%

---

Calcium 8% mg

Iron 4% mg

* Percent Daily Values are based on a 2,000 calorie diet. Your daily value may be higher or lower depending on your calorie needs.

Note

• Measure flour correctly: Use a kitchen scale for accuracy, or fluff flour with a spoon, spoon into measuring cup, and level with a knife to avoid dense cake.
• Room temperature ingredients: Bring butter, cream cheese, and egg whites to room temperature for smoother mixing and better emulsification.
• Coconut milk tip: Shake the can vigorously before opening. If solids and liquid are separated, whisk together or warm briefly in microwave until smooth.
• Don't overmix: Mix batter only until ingredients are combined to prevent tough, dense layers.
• Cake strips for even layers: Use fabric cake strips or make your own with wet towels around pans to promote flat, even baking.
• Toast the coconut: For extra flavor, lightly toast the shredded coconut before pressing onto the frosting.

Keywords: coconut cake, easy coconut cake, coconut cream cheese frosting, layer cake, tropical dessert, celebration cake