Coconut Pineapple Bars

Featured in Desserts.

These chewy coconut pineapple bars feature a shortbread crust made with butter, sugar, and flour, topped with a tropical mix of shredded coconut, pineapple chunks, and lime juice. Baking gives them a crispy coconut surface and moist interior full of flavor. Ready in about an hour, they're ideal for potlucks, bake sales, or when you're craving something sweet and tropical.
A woman wearing an apron and smiling.
Updated on Mon, 12 May 2025 19:13:01 GMT
A wooden cutting board holding a slice of coconut dessert with pineapple. Pin it
A wooden cutting board holding a slice of coconut dessert with pineapple. | tasteofmoms.com

Each mouthful of these coconut pineapple squares whisks you away to a sun-soaked island getaway. The mix of a buttery, crisp base with sweet, tangy pineapple filling and crunchy toasted coconut on top makes a snack that feels both familiar and thrilling. I've tried tons of versions and found you must drain the pineapple fully and let the base firm up before adding the topping for the best results.

I took a batch to our block party last week and they vanished quicker than all other sweets on the table. What made them stand out was letting them cool fully so each slice showed off those gorgeous layers.

Key Components

  • Chilled Butter: Getting this right makes your base extra flaky.
  • Tinned Pineapple: Make sure it's super dry to avoid sogginess.
  • Sugared Coconut: Gives that wonderful sticky texture.
  • Dark Sugar: Brings a rich, almost caramel-like flavor.
  • Vanilla: Lifts both the base and topping.
  • Lime Juice: You can skip it, but it really wakes up the flavors.
  • Eggs: Holds everything together nicely.
A wooden cutting board with a variety of desserts on it. Pin it
A wooden cutting board with a variety of desserts on it. | tasteofmoms.com

Step-by-Step Baking Guide

Making Your Base
Set your oven to 350°F precisely. Put parchment in your pan with sides hanging over. Mix your flour, dark sugar, and salt together. Dice cold butter into tiny bits. Mix butter into your dry stuff until it looks like crumbs. Push firmly into your lined pan. Use a flat glass bottom to make it even. Bake until it just starts turning gold at the edges, roughly 12 minutes.
Getting Pineapple Ready
Put pineapple in a strainer and let it drip. Pat with paper towels to get more water out. If using bigger chunks, chop them smaller. Measure after you've drained it all. Keep draining while your base cooks.
Mixing Your Filling
In a big bowl, throw together pineapple and 1 cup coconut. Sprinkle with flour and mix until coated. Add dark sugar and salt, stirring it in. In another bowl, whip eggs until they're foamy. Mix vanilla and lime into the eggs. Pour wet stuff into dry stuff. Stir just enough to mix it all up.
Putting It Together
Pour your mix onto the partly cooled base. Spread it out to all the edges. Scatter remaining coconut across the top. Make sure it's evenly spread so it all browns nicely.
Final Cooking
Put back in the oven for 25-27 minutes. Look for the coconut to turn golden. Middle should be set but still a bit soft. Let cool fully in the pan on a rack. Stick in the fridge for an hour before cutting.

The first time I made these squares, I learned that waiting during cooling really makes them look so much better.

Tasty Twists

Add a splash of rum flavoring for a cocktail vibe, or toss in some chopped macadamias for extra bite.

Prep In Advance

These treats actually taste better the next day as everything melds together. You can make them two days before and keep in the fridge.

Keeping Them Fresh

Put cut squares in a sealed box with parchment between each layer. They'll stay good up to 5 days in the fridge or 3 months if frozen.

These coconut pineapple squares have become my go-to treat for warm weather get-togethers. They show how basic ingredients mixed with care can create the most unforgettable desserts.

A slice of pineapple upside down cake on a wooden cutting board. Pin it
A slice of pineapple upside down cake on a wooden cutting board. | tasteofmoms.com

Frequently Asked Questions

→ Can I use fresh pineapple instead of the canned type?
Absolutely, just make sure to drain it well so your filling doesn’t end up too wet.
→ What’s the best way to store these bars?
Pop them in an airtight container and keep at room temperature for three days, or refrigerate if you need them to last a bit longer.
→ Will unsweetened coconut work here?
It will, though they won’t be as sweet. You can tweak the brown sugar to balance it out if you like.
→ Why do I need to cool the crust before adding the topping?
Letting it cool keeps the layers distinct and stops the filling from sinking into the base.
→ Can I make these in another pan size?
Yes! Double the recipe for a 9x13 pan or halve it for an 8x8 pan.

Coconut Pineapple Bars

Rich, buttery bars with a sweet pineapple and coconut topping, balancing crispy and gooey textures perfectly.

Prep Time
20 Minutes
Cook Time
40 Minutes
Total Time
60 Minutes
By: Ashley

Category: Desserts

Difficulty: Intermediate

Cuisine: American

Yield: 16 Servings (16 bars)

Dietary: Vegetarian

Ingredients

→ Base

01 1 cup plain flour
02 ½ cup soft or melted butter
03 ½ cup packed light brown sugar

→ Middle Layer

04 1 tablespoon lime juice (freshly squeezed)
05 2 eggs
06 ¼ cup plain flour
07 ⅓ cup light brown sugar
08 1 tablespoon vanilla extract
09 1 cup canned pineapple chunks, drained
10 ¼ teaspoon salt (kosher works best)
11 1 cup sweetened shredded coconut

→ Top Layer

12 1 cup sweetened shredded coconut

Instructions

Step 01

Set your oven to 350°F. Mix together the base layer ingredients in a bowl. Pack the combined dough tightly in a greased or lined 10-inch square tin. Pop it in the oven for about 12 minutes, take it out, and let it cool down for 10 minutes.

Step 02

Toss drained pineapple and coconut in a bowl. Sprinkle flour, salt, and brown sugar over the top, stirring until everything’s coated. In another bowl, whisk together lime juice, vanilla, and eggs. Pour this into the pineapple mix and stir well.

Step 03

Spread the middle mixture over the cooled crust. Sprinkle the rest of the coconut evenly on top. Bake for roughly 25-27 minutes, or until the top turns a golden shade. Set aside and wait until completely cool before cutting into squares.

Notes

  1. Double up for a 9x13 tin (if doubling, bake the base layer for around 15 minutes instead)
  2. To cut neatly, make sure the whole thing is completely cooled

Tools You'll Need

  • Square baking tin (10-inch)
  • Optional: parchment paper for lining
  • Several bowls for mixing

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Includes dairy from butter
  • Eggs are present
  • Flour means gluten is included
  • Contains coconut (tree nut)

Nutrition Facts (Per Serving)

It is important to consider this information as approximate and not to use it as definitive health advice.
  • Calories: 238
  • Total Fat: 13 g
  • Total Carbohydrate: 27 g
  • Protein: 2 g