The smell hit me first. Warm sugar, a little buttery, and that soft coconut scent slowly filling the kitchen before I even checked the oven.

I pressed the top of the cake too early and left a faint dent. Not ruined, just… a reminder to slow down. I do that a lot when I’m baking something I’m excited about.

This cake is worth that patience though. It comes out light in a way that feels almost surprising, especially for something that looks so rich on the outside.

And once it’s covered in coconut, a bit messy and uneven, it suddenly looks like something you’d proudly bring out for people.

A quick moment before I started

I almost used regular flour. I had the bag right there, already open, already measured halfway before I stopped.

Cake flour makes a difference here. I’ve tried both, and the lighter crumb from cake flour gives that soft, almost airy bite that this cake really needs.

So I dumped the flour back, grabbed the right one, and started again. Slightly annoyed. Definitely worth it.

Ingredients Needed for the Recipe

• 3 cups cake flour (360g) – keeps the cake soft and delicate
• 2 teaspoons baking powder – helps the cake rise
• ½ teaspoon baking soda – adds extra lift
• 1 teaspoon salt – balances sweetness
• 2 cups granulated sugar (400g) – sweetness and structure
• ½ cup unsalted butter (113g) – adds richness
• ½ cup vegetable oil (120ml) – keeps the cake moist longer
• 4 large egg whites – makes the texture light and fluffy
• 2 teaspoons vanilla extract – soft background flavor
• ½ teaspoon coconut extract – boosts coconut flavor
• 1 cup coconut milk (240ml) – adds moisture and taste
• 1 cup sweetened shredded coconut (100g) – texture inside the cake
• 1 cup unsalted butter (227g) for frosting – creamy base
• 8 ounces cream cheese (227g) – slight tang in frosting
• 1 teaspoon vanilla extract – rounds the frosting flavor
• ½ teaspoon coconut extract – ties everything together
• ¼ teaspoon salt – cuts the sweetness slightly
• 6 cups confectioners’ sugar (720g) – structure for frosting
• 2½ cups sweetened shredded coconut (250g) – coating and decoration

How to make Coconut Cake?

Save

Step 1 – Prepare the pans

I grease the pans first, then line them. I used to skip the parchment step, and I always regretted it when the cake stuck.

Once they’re ready, I set them aside and preheat the oven. Getting that heat steady early makes a difference.

Step 2 – Mix dry ingredients

Flour, baking powder, baking soda, salt. I whisk it quickly but not lazily. A few seconds more here saves uneven spots later.

I leave the bowl near me because I’ll be going back and forth with it.

Step 3 – Cream butter, sugar, and oil

This part takes a few minutes. I let it mix until it actually looks lighter, not just combined.

The oil makes it smoother than usual. I scrape the bowl once because I always miss a patch on the side.

Step 4 – Add egg whites and extracts

I pour the egg whites in slowly, then the vanilla and coconut extract. It looks a bit loose at first.

After mixing, it comes together into a soft, pale batter that already smells like something good.

Step 5 – Alternate dry ingredients and coconut milk

I add flour in parts. Then coconut milk. Then flour again. It’s a rhythm more than a rule.

One time I dumped it all at once and the batter turned heavy. I don’t do that anymore.

Step 6 – Fold in shredded coconut

I switch to a spatula here. Folding feels slower, but it keeps the batter light.

The coconut spreads through the batter, giving it that slightly textured look.

Step 7 – Divide and bake

I try to split the batter evenly, though one pan always ends up a bit heavier. Close enough.

Into the oven they go. I rotate them halfway because my oven has moods.

Step 8 – Cool the layers

I let them sit in the pan for a bit. If I rush, they break. Learned that the hard way.

Once flipped out, they cool completely. Warm cake and frosting don’t get along.

Something that almost went wrong

The coconut milk separated when I opened the can. Thick at the top, watery at the bottom.

I almost poured it straight in anyway. That would’ve been a mistake. I whisked it until smooth, slightly warmed it, and then used it.

Small fix, big difference. The batter stayed even, and the final texture didn’t have weird dense spots.

Tips

• Measure flour carefully – too much makes the cake dense
• Use room temperature ingredients so everything blends smoothly
• Don’t rush the creaming step – it builds structure
• Mix gently once flour is added to keep the cake soft
• Check coconut milk before using – it should be fully combined
• Let cakes cool completely before frosting
• Chill the frosted cake briefly for cleaner slices
• Use sweetened shredded coconut for better flavor and moisture

Finishing and assembling

I start with one layer and a generous scoop of frosting. Not perfectly spread, just enough to cover.

The second layer goes on top, slightly off-center sometimes. I nudge it back into place with my hands.

Once all layers are stacked, I coat the whole cake. Then comes the coconut, pressed gently into the sides.

It gets messy. Coconut falls everywhere. I don’t try to control it too much.

Flavor and texture notes

The crumb is soft but not fragile. It holds together, yet feels light when you bite into it.

The coconut flavor isn’t overwhelming. It’s there, steady and warm, balanced by the cream cheese frosting.

That frosting adds a slight tang. Without it, the cake would feel too sweet.

And the shredded coconut on the outside gives a bit of chew, which makes each bite more interesting.

I like it slightly chilled. The frosting firms up just enough, and the layers stay moist without feeling heavy.

Sometimes I add a thin layer of jam between layers. Just a little. It changes the whole feel without taking over.

Other times I keep it simple. Just cake and frosting. That’s usually enough.

This isn’t a complicated cake, but it does ask for attention. Small choices matter here.

And once you get those right, it turns into something that feels a bit special without trying too hard.

I still press the top too early sometimes. Still get impatient. But I keep making it anyway.

Save

Print Recipe

Coconut Cake Recipe

Author: Elly Cooking Method: Baking Cuisine: American Courses: Desserts

Difficulty: Intermediate Prep Time 30 mins Cook Time 32 mins Rest Time 30 mins Total Time 1 hr 32 mins

Cooking Temp: 350  F Servings: 12 Estimated Cost: $ 15 Calories: 680

Best Season: Spring, Summer

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. Using cake flour ensures a wonderfully soft crumb, while coconut milk and extract provide an intense, fresh flavor profile.

Ingredients

Servings

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
• 1 cup coconut milk (canned) (240ml, shaken well)
• 1 cup sweetened shredded coconut (100g)

For the Coconut Cream Cheese Frosting

• 1 cup unsalted butter, softened (227g)
• 8 ounces cream cheese, room temperature (227g)
• 1 teaspoon vanilla extract
• ½ teaspoon coconut extract
• ¼ teaspoon salt
• 6 cups confectioners’ sugar (720g)
• 2½ cups sweetened shredded coconut (250g, for decoration)

Instructions

For the Cake

1. Prep

   Preheat the 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.
   Mark as complete

2. Mix Dry Ingredients

   In a medium bowl, whisk to combine the cake flour, baking powder, baking soda, and salt. Set aside.
   Mark as complete

3. Cream Butter and Sugar

   In a large mixing bowl or the bowl of a stand mixer with the paddle attachment, combine sugar, butter, and vegetable oil. Beat on medium speed for about 3 minutes, until light and creamy.
   Mark as complete

4. Add Wet Ingredients

   Add the egg whites, vanilla extract, and coconut extract to the butter mixture. Mix until combined, about 1 minute.
   Mark as complete

5. Combine Wet and Dry

   With the mixer on low speed, add about one-third of the flour mixture. Mix until completely combined. Add half of the coconut milk and mix until combined. Repeat adding another one-third of the flour mixture, remaining coconut milk, and then all of the remaining flour mixture. Stop and scrape down the bowl at least once during mixing.
   Ensure coconut milk is well-shaken and not separated before adding.
   Mark as complete

6. Fold in Coconut

   Fold in the 1 cup of sweetened shredded coconut by hand with a spatula until well distributed.
   Mark as complete

7. Bake

   Divide the batter evenly among the prepared cake pans and smooth out to the sides with a spatula. Bake for 30 to 32 minutes, rotating the pans after 20 minutes, or until the center of the cake springs back when gently pressed.
   Mark as complete

8. Cool

   Let the cakes cool in the pan for 20 minutes. Carefully invert, remove the parchment paper, and continue cooling completely on a wire rack.
   Mark as complete

For the Frosting & Assembly

1. Make Frosting

   In a large mixing bowl, beat the butter and cream cheese on medium speed until creamy and fluffy, about 3 minutes. Add vanilla extract, coconut extract, and salt. Beat until combined. Scrape down the sides and bottom of the bowl.
   Mark as complete

2. Add Sugar

   Add the confectioners’ sugar 1 cup at a time, mixing on low speed between each addition. Once combined, scrape down the bowl, then mix on medium speed until fluffy, about 1 minute.
   Mark as complete

3. Assemble Cake

   Place one cake layer on a cake stand. Spread about 1 cup of frosting evenly over the top. Top with another cake layer and repeat with more frosting. Top with the remaining cake layer.
   Mark as complete

4. Decorate

   Spread the remaining frosting all over the outside of the cake (top and sides). Press the remaining 2½ cups of sweetened shredded coconut onto the frosting all over the top and sides of the cake to cover completely.
   Mark as complete

5. Chill and Serve

   Chill the coconut cake for 30 minutes before slicing to help set the frosting. Store covered in the refrigerator.
   Mark as complete

Nutrition Facts

Servings 12

Serving Size 1 slice

---

Amount Per Serving

Calories 680kcal

% Daily Value *

Total Fat 36g56%

Saturated Fat 22g111%

Trans Fat 0.5g

Cholesterol 85mg29%

Sodium 420mg18%

Potassium 180mg6%

Total Carbohydrate 88g30%

Dietary Fiber 2g8%

Sugars 65g

Protein 6g12%

---

* 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

For best results, use a kitchen scale to measure flour. If you don't have cake flour, you can substitute with all-purpose flour mixed with cornstarch (remove 2 tbsp flour per cup and replace with 2 tbsp cornstarch). Ensure ingredients like butter, cream cheese, and eggs are at room temperature for easier mixing.

Keywords: coconut cake, layer cake, celebration cake, dessert, baking