Pineapple Coconut Cake Recipe Easy Moist and Velvety Tropical Dessert

Posted on

Leona Stone

pineapple coconut cake - featured image

One sticky summer afternoon, my kitchen smelled like a tropical island getaway. I was trying to whip up something festive for a last-minute backyard party, but all I had was a can of pineapple and some coconut flakes lingering in the pantry. Honestly, I wasn’t expecting much—just a quick dessert to throw together. But after the first bite of this pineapple coconut cake, everyone was asking for the recipe. It’s funny how sometimes the best recipes come from pure improvisation (and a little desperation).

I’ve made this cake over and over since then—sometimes with fresh pineapple, sometimes with canned, but always with that same moist, velvety crumb and that unmistakable tropical vibe. It’s like a mini-vacation on a plate, bright and buttery with just the right balance of sweet pineapple and toasty coconut. Plus, it’s so easy to make that I’ve pulled it out for everything from casual family dinners to summer potlucks.

After years of hunting for a moist and velvety tropical dessert, this pineapple coconut cake finally checks all the boxes. It’s a little bit retro but totally timeless, and it comes with some tricks I’ve learned to keep it from drying out or turning gummy—because trust me, I’ve burned this cake twice before getting it right. If you love desserts that remind you of warm beaches and breezy sunsets, you’re in for a treat.

Why You’ll Love This Pineapple Coconut Cake Recipe

This pineapple coconut cake recipe has become my go-to for a few big reasons. Here are the main ones that make it stand out:

  • Moist and Velvety Texture — Every time I make this cake, the crumb turns out tender and soft, not dry or crumbly. The secret? Using crushed pineapple with juice and coconut oil instead of butter for extra moisture.
  • Easy to Make — No fancy equipment or ingredients here. You probably have everything in your pantry already, and the steps are straightforward enough for even a beginner baker.
  • Perfect Tropical Flavor — The combo of tangy pineapple and sweet coconut is subtle but unmistakable. The toasted coconut topping adds crunch and aroma that makes this cake feel special.
  • Great for Any Occasion — I’ve served this at summer barbecues, birthday parties, and even casual weeknight dinners. It’s light enough not to overwhelm but indulgent enough to feel like a treat.
  • Holds Up Well for Leftovers — This cake actually tastes better the next day once the flavors have melded. I’ve saved slices wrapped tightly in the fridge and enjoyed them for breakfast or afternoon snacks.

Honestly, this cake changed how I think about tropical desserts. It’s not just for holidays or special occasions—it’s become a little slice of sunshine whenever I want it. If you want a dessert that’s both comforting and a little exotic, this pineapple coconut cake fits the bill.

Ingredients You’ll Need

Here’s the thing: most of these ingredients are probably already hanging out in your pantry or fridge. I’m pretty picky about a few key items here because they really affect the final result.

  • All-Purpose Flour (2 cups / 240g) — The backbone of the cake. Use fresh flour for best rise. I avoid self-rising because I want control over the leavening.
  • Baking Powder (2 teaspoons) — Helps the cake rise and stay fluffy.
  • Salt (½ teaspoon) — Balances the sweetness and enhances the pineapple flavor.
  • Granulated Sugar (1 cup / 200g) — Sweet, but not overpowering. I’ve tried brown sugar here for a deeper flavor, but granulated keeps it lighter.
  • Eggs (3 large) — Bring structure and richness. I always use room temperature eggs because they mix better.
  • Coconut Oil (½ cup / 120ml, melted) — This is my secret for that velvety, tropical richness. It’s lighter than butter and adds a subtle coconut note.
  • Vanilla Extract (1 teaspoon) — Just a little boost of flavor.
  • Crushed Pineapple (1 cup / 240g, with juice) — Use canned or fresh crushed pineapple. Don’t drain it—keep the juice to keep the cake moist and flavorful.
  • Shredded Sweetened Coconut (1 cup / 80g) — I toast half to sprinkle on top for that lovely crunch and keep half in the batter for texture.
  • Buttermilk (½ cup / 120ml) — Adds tang and tenderness. If you don’t have buttermilk, mix ½ cup milk with 1 tablespoon lemon juice or vinegar and let it sit for 5 minutes.

Pro Tip: I always buy unsweetened shredded coconut to control the sugar content. If you prefer a more intense coconut flavor, toast the coconut flakes lightly in a dry skillet until golden and fragrant—watch them carefully so they don’t burn.

Equipment Needed

You don’t need anything fancy for this pineapple coconut cake recipe, just your basic baking gear:

  • 9-inch Round Cake Pan — I use a metal pan for even baking, but glass works fine. Just grease it well.
  • Mixing Bowls — One large for dry ingredients and one for wet.
  • Hand Mixer or Stand Mixer — You can mix by hand, but a mixer makes it easier to get the batter smooth.
  • Measuring Cups and Spoons — Accurate measurements are key in baking.
  • Spatula — For folding in the pineapple and coconut without overmixing.
  • Cooling Rack — To cool the cake properly before frosting or serving.
  • Oven — Set to 350°F (175°C).

Alternative: If you don’t have coconut oil, melted butter can substitute, but expect a slightly different texture and flavor. Just make sure it’s cooled before mixing in.

How to Make Pineapple Coconut Cake: Step-by-Step

pineapple coconut cake preparation steps

Alright, let’s get into the kitchen and make this tropical gem. I’ve broken it down into steps with all the little tips I’ve picked up to get that perfect moist and velvety texture.

Step 1: Prep Your Ingredients (10 minutes)

Measure your flour, sugar, baking powder, and salt. Toast half of the shredded coconut in a dry skillet over medium heat, stirring often, until golden and fragrant—about 3-4 minutes. Set aside to cool. Meanwhile, melt your coconut oil and let it cool slightly. If using fresh pineapple, crush it finely or pulse in a food processor.

Step 2: Mix Dry Ingredients

In a large bowl, whisk together the flour, baking powder, salt, and the un-toasted shredded coconut. This ensures even distribution of the leavening agents and coconut flavor.

Step 3: Mix Wet Ingredients

In another bowl, beat the eggs and sugar until pale and slightly fluffy—about 2-3 minutes with a mixer. Add the melted coconut oil, vanilla extract, crushed pineapple with juice, and buttermilk. Mix gently until combined but don’t overdo it.

Step 4: Combine Wet and Dry

Add the dry ingredients to the wet mixture in two batches, folding gently with a spatula until just combined. The batter should be thick but moist. Overmixing can make the cake dense, so stop as soon as you don’t see flour pockets.

Step 5: Bake (35-40 minutes)

Pour the batter into your greased 9-inch cake pan and smooth the top. Sprinkle the toasted coconut evenly over the batter. Bake at 350°F (175°C) for 35-40 minutes, or until a toothpick inserted in the center comes out clean or with a few moist crumbs.

Pro Tip: Check the cake at 30 minutes—if the coconut topping is browning too fast, loosely tent it with foil.

Step 6: Cool and Serve

Let the cake cool in the pan for 15 minutes, then transfer to a wire rack to cool completely. This step is crucial so the cake finishes setting and doesn’t crumble when sliced.

Serve plain, dusted with powdered sugar, or with a light cream cheese frosting if you want to get fancy. I like it simple so the pineapple and coconut shine.

Expert Tips & Tricks for the Perfect Pineapple Coconut Cake

  • Don’t Drain the Pineapple — The juice keeps the cake moist and adds flavor. I’ve made the mistake of draining it once, and the cake was dry and sad.
  • Use Room Temperature Ingredients — Eggs, buttermilk, and coconut oil mix better and create a smoother batter.
  • Toast the Coconut — This step makes a huge difference in flavor and texture. It’s worth the extra 3 minutes.
  • Don’t Overmix — Fold ingredients gently to avoid a tough crumb. Baking is science but also a little magic.
  • Let the Cake Cool Completely — This prevents the cake from breaking apart when slicing.
  • Make Ahead — This cake actually tastes better the next day. Wrap it tightly and store at room temperature or in the fridge.

Variations & Substitutions

Once you’ve nailed the classic pineapple coconut cake, feel free to mix things up. I’ve tried all of these with great success:

  • Pineapple Coconut Bundt Cake — Use a bundt pan for a fancier presentation and adjust baking time accordingly.
  • Add Macadamia Nuts — Fold in ½ cup chopped nuts for crunch and a buttery flavor.
  • Mango Coconut Cake — Substitute pineapple with finely chopped fresh mango for a slightly different tropical twist.
  • Gluten-Free — Swap all-purpose flour for a 1:1 gluten-free baking blend. The texture will be slightly different but still delicious.
  • Frosting Ideas — Cream cheese frosting with a hint of lime zest complements this cake beautifully. Or keep it simple with whipped coconut cream for a dairy-free option.
  • Mini Cupcakes — Perfect for parties. Bake in muffin tins for 18-20 minutes.

Serving & Storage

I usually serve this cake on its own with a hot cup of coffee or a chilled glass of white wine. It’s also wonderful alongside a scoop of vanilla ice cream or fresh berries for an extra special dessert.

Leftovers keep well wrapped tightly in plastic wrap or an airtight container at room temperature for 2 days or in the fridge for up to 5 days. When I reheat slices, I pop them in the microwave for about 15 seconds—it brings back that fresh-from-the-oven softness.

Heads up: I don’t recommend freezing this cake because the texture suffers due to the pineapple juice, but if you must, wrap it tightly and thaw overnight in the fridge.

Nutrition Information

Nutrient Per Serving (1 slice, 12 slices total)
Calories 280
Protein 4g
Carbohydrates 38g
Fiber 2g
Sugar 22g
Fat 11g
Saturated Fat 8g
Cholesterol 55mg
Sodium 150mg
Calcium 80mg

Look, this isn’t a diet cake—it’s a treat. But it does pack a decent amount of calcium from the coconut oil and eggs, and you get a fruit serving too. If you want to lighten it up, try reducing sugar by ¼ cup or swapping coconut oil for applesauce (though you’ll lose some of that velvety texture).

Final Thoughts

So that’s my beloved pineapple coconut cake recipe—moist, velvety, and bursting with tropical flavor. I could talk your ear off about how many times I’ve made it for summer barbecues, lazy Sunday brunches, and even just because I wanted a little sunshine in my day.

This cake has a way of making people smile, whether it’s the first bite or the tenth. It’s proof that you don’t need complicated recipes or rare ingredients to impress your family and friends. Plus, it pairs beautifully with some of my favorite easy dinners like the honey garlic pork tenderloin or the creamy chicken tortellini soup—both dishes I love for effortless weeknight meals.

Make it yours. Add a sprinkle of toasted macadamia nuts, swap in mango, or go classic with just pineapple and coconut. Whatever you do, don’t skip the toasted coconut topping—it’s the little bit of magic that makes this cake unforgettable.

If you bake this cake, drop a comment below and tell me how it went. I’m always here to help if you hit any bumps, and I love hearing your twists and stories. Happy baking and may your kitchen smell like a tropical paradise!

Frequently Asked Questions

Q: Can I use fresh pineapple instead of canned?

A: Absolutely! Fresh crushed pineapple works wonderfully. Just be sure to use it with the juice to keep the cake moist. If your fresh pineapple is very juicy, you might want to reduce any added liquids slightly, but usually, it works fine as is.

Q: Why is my pineapple coconut cake dry?

A: Dry cake is usually caused by overbaking or draining the pineapple juice. Make sure you keep the juice in the batter and check the cake a few minutes before the recommended baking time. Ovens vary, so a toothpick test is your best friend.

Q: Can I substitute butter for coconut oil?

A: You can, but expect a denser texture and less pronounced coconut flavor. Use melted butter cooled to room temperature. I like coconut oil because it adds moisture and that tropical note, but butter works in a pinch.

Q: How long does this cake keep? Can I freeze it?

A: The cake keeps well for about 4-5 days in an airtight container in the fridge. I don’t recommend freezing because the pineapple juice can cause the texture to suffer when thawed. For longer storage, slice and freeze individual pieces wrapped tightly, but expect some texture changes.

Q: Can I make this cake dairy-free?

A: Yes! Use coconut milk or almond milk mixed with vinegar as a buttermilk substitute, and stick with coconut oil for the fat. Skip any cream cheese frosting or use a dairy-free version. The coconut flavor will still shine through beautifully.

Q: What frosting pairs best with pineapple coconut cake?

A: Cream cheese frosting with a touch of lime zest is my favorite—it adds tang and richness that balances the sweetness. Alternatively, whipped coconut cream is a great dairy-free option that keeps things light and tropical.

Q: Can I double this recipe?

A: Yes, you can double it easily. Use two pans or a larger sheet pan (adjust baking time accordingly). Just make sure to mix ingredients thoroughly and watch the baking time carefully.

Pin This Recipe!

pineapple coconut cake recipe

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
pineapple coconut cake - featured image

Pineapple Coconut Cake


  • Author: Nora Winslow
  • Total Time: 45-50 minutes
  • Yield: 12 servings 1x

Description

A moist and velvety tropical dessert featuring the perfect balance of sweet pineapple and toasty coconut, easy to make and perfect for any occasion.


Ingredients

Scale
  • 2 cups (240g) all-purpose flour
  • 2 teaspoons baking powder
  • ½ teaspoon salt
  • 1 cup (200g) granulated sugar
  • 3 large eggs, room temperature
  • ½ cup (120ml) coconut oil, melted
  • 1 teaspoon vanilla extract
  • 1 cup (240g) crushed pineapple with juice (canned or fresh)
  • 1 cup (80g) shredded sweetened coconut, half toasted
  • ½ cup (120ml) buttermilk (or ½ cup milk + 1 tablespoon lemon juice/vinegar, let sit 5 minutes)

Instructions

  1. Prep your ingredients: measure flour, sugar, baking powder, and salt. Toast half of the shredded coconut in a dry skillet over medium heat until golden and fragrant (3-4 minutes). Set aside to cool. Melt coconut oil and let cool slightly. If using fresh pineapple, crush finely or pulse in a food processor.
  2. Mix dry ingredients: whisk together flour, baking powder, salt, and un-toasted shredded coconut in a large bowl.
  3. Mix wet ingredients: beat eggs and sugar until pale and fluffy (2-3 minutes). Add melted coconut oil, vanilla extract, crushed pineapple with juice, and buttermilk. Mix gently until combined.
  4. Combine wet and dry: add dry ingredients to wet mixture in two batches, folding gently with a spatula until just combined. Avoid overmixing.
  5. Bake: pour batter into greased 9-inch round cake pan, smooth top, and sprinkle toasted coconut evenly over batter. Bake at 350°F (175°C) for 35-40 minutes or until a toothpick inserted in the center comes out clean or with a few moist crumbs. Tent with foil if coconut browns too fast.
  6. Cool and serve: let cake cool in pan for 15 minutes, then transfer to a wire rack to cool completely. Serve plain, dusted with powdered sugar, or with cream cheese frosting.

Notes

Do not drain the pineapple juice to keep the cake moist. Use room temperature ingredients for better mixing. Toast the coconut for enhanced flavor and texture. Avoid overmixing to prevent a dense cake. Let the cake cool completely before slicing. Cake tastes better the next day. Can substitute melted butter for coconut oil but expect different texture and flavor.

  • Prep Time: 10 minutes
  • Cook Time: 35-40 minutes
  • Category: Dessert
  • Cuisine: Tropical

Nutrition

  • Serving Size: 1 slice (1/12 of cak
  • Calories: 280
  • Sugar: 22
  • Sodium: 150
  • Fat: 11
  • Saturated Fat: 8
  • Carbohydrates: 38
  • Fiber: 2
  • Protein: 4

Keywords: pineapple coconut cake, tropical dessert, moist cake, easy cake recipe, coconut oil cake, pineapple dessert

You might also like these recipes

Leave a Comment

Recipe rating