Pineapple Coconut Cake Recipe From Scratch: Tropical Layers With Homemade Frosting

Pineapple Coconut Cake Recipe From Scratch: Tropical Layers With Homemade Frosting

There’s something special about a homemade cake that fills your kitchen with the scent of tropical paradise. This recipe delivers layer upon layer of moist pineapple cake wrapped in fluffy coconut frosting.

I developed this from-scratch version after years of testing boxed mixes that never quite captured that authentic bakery taste. The secret lies in using fresh crushed pineapple and real coconut extract for depth of flavor.

What emerges from your oven is a golden cake with fine crumb, perfectly balanced sweetness, and that unmistakable tropical aroma. The coconut frosting adds a creamy, dreamy finish that ties everything together.

The result is a dessert that tastes like vacation on a plate, with every bite delivering that perfect blend of pineapple and coconut. Ready to bake this showstopper?

👨‍🍳
Difficulty
Medium
🌿
Diet
Vegetarian
⏱️
Total Time
30 min
🔥
Calories
High Cal

Ingredients for Pineapple Coconut Cake Recipe from Scratch

Golden layers start with fresh pineapple and real coconut extract. Nothing beats homemade.

Ingredient Amount Notes
All-Purpose Flour 🌾 2 ½ cups Sifted for fine crumb texture
Granulated Sugar 🍚 1 ¾ cups Fine white sugar preferred
Baking Powder 🧂 2 tsp Fresh for best rise
Baking Soda 🧂 ½ tsp Balances acidity in pineapple
Salt 🧂 ½ tsp Fine sea salt or table salt
Unsalted Butter 🧈 1 cup Room temperature for creaming
Large Eggs 🥚 4 whole Room temperature for even mixing
Crushed Pineapple 🍍 1 cup Fresh or canned, undrained
Coconut Extract 🥥 1 tsp Pure for authentic flavor
Vanilla Extract 🌿 2 tsp Pure vanilla for depth
Buttermilk 🥛 1 cup Full-fat for moisture
Shredded Sweetened Coconut 🥥 1 ½ cups For cake batter and garnish
Powdered Sugar 🍚 4 cups Sifted for smooth frosting
Cream Cheese 🧀 8 oz Full-fat, softened for frosting
Heavy Cream 🥛 ¼ cup For frosting consistency

The pineapple is non-negotiable here—fresh crushed gives that bright, authentic flavor you won’t get from canned (though canned in a pinch works). King Arthur Flour is my go-to for consistent texture, but any all-purpose does the job. For the coconut, Bob’s Red Mill shredded coconut has the right sweetness. The butter needs to be unsalted so you control the salt level. Always check your baking powder expiration—old leaveners mean flat cakes.

No buttermilk? Whole milk plus 1 tbsp vinegar gets you there. Out of coconut extract? Vanilla plus a splash of coconut milk is close enough. If you’re avoiding dairy, vegan butter and coconut milk work in both cake and frosting—just chill the frosting longer. The shredded coconut can be unsweetened if you prefer less sugar, but adjust the batter’s sweetness accordingly.

Cake layers freeze beautifully for up to 3 months—wrap tightly in plastic, then foil. The frosting can sit at room temperature for 2 days or refrigerate for 5 days. Leftovers? Keep covered and eat within 3 days (as if that’s possible).

❤️

Why You’ll Love This Recipe

  • One Bowl Wonder: I mix everything right in the same bowl—flour, sugar, even the pineapple juice—no extra dishes piling up in the sink.
  • Tropical in Every Bite: That first forkful of moist cake with sweet pineapple and toasted coconut? I’ll admit I’ve sneaked a second slice before it even cooled.
  • Birthday or Brunch: It’s my go-to for summer potlucks and my mom’s birthday—equally at home with coffee or a scoop of vanilla ice cream.
  • Stays Fresh for Days: Honestly, it tastes even better the next day, and the leftovers (if there are any) keep beautifully wrapped on the counter.

Step-by-Step Instructions for Pineapple Coconut Cake

Here’s the method I trust for perfect tropical layers with rich, creamy frosting.

Step 1: Cream Butter and Sugars for a Light Base

In a stand mixer with the paddle attachment, beat the 1 cup Unsalted Butter with the 1.75 cups Granulated Sugar on medium-high speed for 4-5 minutes. You want the mixture to turn pale and fluffy—this air incorporation is what gives the cake its delicate crumb.

Stop the mixer occasionally to scrape down the sides. If the butter isn’t room temperature, it won’t cream properly, and your cake could end up dense. This step is non-negotiable for a tender texture.

Step 2: Combine Wet Ingredients and Alternate with Dry

Add the 4 whole Large Eggs, one at a time, mixing well after each addition. Stir in the 1 cup Crushed Pineapple, 1 tsp Coconut Extract, and 2 tsp Vanilla Extract. The pineapple adds moisture, so expect a slightly looser batter.

In a separate bowl, whisk the 2.5 cups All-Purpose Flour, 2 tsp Baking Powder, 0.5 tsp Baking Soda, and 0.5 tsp Salt. Gradually add this to the wet mixture, alternating with the 1 cup Buttermilk, beginning and ending with the dry ingredients. Fold in 1 cup of the 1.5 cups Shredded Sweetened Coconut at the end.

Step 3: Bake Layers to Golden Perfection

Divide the batter evenly between two greased and floured 9-inch round pans. Bake at 350°F for 25-30 minutes, or until a toothpick inserted in the center comes out clean. The layers should be golden brown and spring back lightly when touched.

Don’t overbake—check at 25 minutes to prevent dryness. Let the layers cool in the pans for 10 minutes before transferring to a wire rack to cool completely. The residual heat will finish setting the structure.

Step 4: Prepare Cream Cheese Frosting

Beat the 8 oz Cream Cheese until smooth, then gradually add the 4 cups Powdered Sugar. Pour in the 0.25 cup Heavy Cream and mix until the frosting is thick but spreadable. Add the remaining ½ cup Shredded Sweetened Coconut if you want extra texture.

If the frosting is too thick, add a teaspoon of cream at a time until it reaches your desired consistency. The frosting should hold its shape when piped but still spread easily between layers.

Step 5: Assemble and Garnish the Cake

Place one cake layer on a serving plate and spread a generous layer of frosting on top. Add the second layer and cover the entire cake with a thin crumb coat. Chill for 20 minutes to set before applying the final layer of frosting.

Garnish with toasted Shredded Sweetened Coconut for added flavor and visual appeal. Slice and serve at room temperature for the best texture and taste.

👨‍🍳

Pro Tips For Making Pineapple Coconut Cake Recipe From Scratch

  • Preheat the Oven: I learned this the hard way—always preheat to 350°F for at least 15 minutes before the batter goes in, or your cake will rise unevenly.
  • Drain Pineapple Well: Sounds obvious, but squeeze every bit of juice from the crushed pineapple—extra moisture makes the cake dense instead of light.
  • Skip Overmixing: Stir the batter just until the flour disappears; overworking it turns the crumb tough, and nobody wants a chewy coconut cake.
  • Toast the Coconut: Spread the flakes on a baking sheet at 325°F for 5-7 minutes until golden—this adds a deep, nutty flavor that raw coconut just can’t match.

Pro Cooking Tips for This Recipe

Perfect Creaming Technique

For ultra-fluffy texture, cream the butter and sugar for a full 5 minutes until pale and nearly doubled in volume. I use my KitchenAid stand mixer on speed 6 for this step. Under-creaming is the #1 reason cakes turn out dense. 💡

Pineapple Prep

If using fresh pineapple, finely crush 1½ cups to get your 1 cup of juice and pulp. Drain canned pineapple first, then pulse in a food processor. The acidity helps tenderize the crumb, but too much liquid can make the batter separate.

Layer Evenness

Weigh your batter on a kitchen scale and divide equally between pans. I aim for 1 lb 4 oz of batter per 9-inch pan. Use an offset spatula to spread evenly to the edges. Uneven layers cause lopsided cakes that are hard to frost.

Oven Calibration

Check your oven temp with an oven thermometer—many run 25°F hot or cold. For this cake, bake at 340°F if your oven runs hot. Rotate pans halfway through for even browning. I always bake on the middle rack. 🌡️

Frosting Temperature

Your cream cheese must be truly room temp—leave it out for 2 hours before starting. Cold cream cheese creates lumps no amount of mixing can fix. If your kitchen is warm, chill the frosting for 15 minutes between layers to prevent sliding.

Toasted Coconut Garnish

Toast the reserved ½ cup coconut in a dry skillet over low heat for 3-4 minutes until golden. Watch closely—it burns fast. Press gently onto the frosting while still warm so it sticks. This adds crunch and visual appeal. ✨

Nutrition Facts

Servings 8
Amount Per Serving
Calories 680kcal
% Daily Value
Total Fat 38g49%
Saturated Fat 24g120%
Cholesterol 145mg48%
Sodium 320mg14%
Total Carbohydrate 82g30%
Dietary Fiber 2g7%
Sugars 68g
Protein 7g14%
Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently Asked Questions

1

Can I use canned pineapple instead of fresh?

Yes! Use 1 cup of crushed canned pineapple, undrained. Just pulse it in a food processor for better texture. The acidity and moisture work the same as fresh.

2

Why did my cake turn out dense?

This usually means the butter and sugar weren’t creamed enough. Beat them for a full 5 minutes until pale and fluffy. Also, check your baking powder isn’t expired.

3

How do I prevent the coconut from sinking to the bottom?

Toss the shredded coconut in 1 tablespoon of flour before folding it in. This helps suspend it evenly throughout the batter during baking.

4

Can I make this cake ahead of time?

Bake the layers up to 2 days in advance and store them wrapped at room temperature. The frosting can be made 1 day ahead and refrigerated.

★★★★★4.8(14 reviews)
Allison Carter