These Pineapple Coconut Cookie Bars are a tropical dream come true! Imagine a buttery, perfectly baked crust, a sweet and tangy pineapple coconut filling, and a toasted coconut topping. This easy recipe delivers a delightful balance of textures and flavors that will have you reaching for seconds.
Get ready to be transported to a sunny paradise with every delicious bite!
Recipe Details
- Flavor Profile: Sweet and tangy with a buttery, toasted coconut finish.
- Textures: Buttery crust, soft and chewy filling, crunchy topping.
- Prep Time: 15 minutes
- Cook Time: 40 minutes
- Difficulty: Easy
What You’ll Need
This recipe is built around three fantastic layers: a simple buttery crust, a luscious pineapple and coconut filling, and a final topping of toasted coconut. You’ll need key ingredients like butter, flour, pineapple, and coconut, plus some basics like eggs, sugar, and salt.
Ingredient Notes
- – Butter – Use unsalted butter for the crust, allowing you to control the saltiness. Make sure it’s very soft or melted for easy mixing.
- – All-purpose Flour – This provides structure for both the crust and the filling.
- – Pineapple – Canned pineapple tidbits in 100% juice work perfectly! Make sure to drain them well so the filling isn’t too soggy.
- – Sweetened Coconut – This adds a lovely sweetness and texture to both the filling and the topping. Shredded coconut is ideal.
Add-ins and Substitutions
- To add a citrusy twist, try substituting the fresh lime juice with lemon juice, or add a pinch of lime zest.

How to Make Pineapple Coconut Cookie Bars
Follow these simple steps to make the best Pineapple Coconut Cookie Bars:
- Get Started: Preheat your oven to 350 degrees F (175 degrees C). Prepare a 10-inch square baking pan by greasing it or lining it with parchment paper for easy removal.
- Make the Crust: In a bowl, combine 1/2 cup of very soft or melted butter, 1/2 cup light brown sugar, and 1 cup all-purpose flour. Mix until well combined.
- Bake the Crust: Press the crust mixture evenly into the prepared pan. Bake for 12 minutes. Remove the pan from the oven and let the crust cool for 10 minutes.
- Prepare the Filling: In a medium bowl, combine the drained pineapple tidbits and 1 cup of shredded sweetened coconut. Add 1/4 cup all-purpose flour, 1/3 cup light brown sugar, and 1/4 teaspoon kosher salt; stir to combine.
- Mix the Wet Ingredients: In a separate bowl, mix together 2 eggs, 1 tablespoon vanilla extract, and 1 tablespoon fresh lime juice.
- Combine and Bake: Pour the egg mixture into the pineapple mixture and stir to combine. Pour the filling over the prepared crust and sprinkle with the remaining 1 cup of shredded sweetened coconut. Bake for 25-27 minutes, or until the topping is golden brown.
- Cool and Serve: Remove from the oven and let the bars cool completely in the pan before slicing and serving.
Pro Tip: Ensure the bars have cooled completely before slicing! This will make for clean, perfect squares and prevent the filling from becoming a gooey mess.
Recipe Tips
- Don’t Overbake: Keep a close eye on the bars during the final baking time. They are done when the topping is golden brown.
- Cooling Time is Crucial: Allow the bars to cool completely to ensure a firm, sliceable texture.
- Use Room Temperature Ingredients: Room temperature eggs and melted butter will help the ingredients mix together more evenly.
- Adjust Sweetness: Taste the filling before baking and adjust the sugar according to your preference.

FAQs
- Can I use a different type of fruit? While this recipe is designed specifically for pineapple, you might experiment with other fruits like mango or peaches, but the cooking time and texture may vary.
- How should I store these bars? Store the cooled bars in an airtight container at room temperature for up to 3 days, or in the refrigerator for up to a week.
Serving Suggestions
- Serve these bars as a delightful dessert.
- They are wonderful on their own, or try them with a scoop of vanilla ice cream.
Make This Recipe in Advance
You can make the crust a day ahead and store it, covered, at room temperature until you’re ready to add the filling and bake. The finished bars can be stored in the refrigerator for up to a week, making them a great make-ahead treat!
Pineapple Coconut Cookie Bars Recipe
- Total Time: 55
- Yield: 16 bars 1x
- Diet: Vegetarian
Description
A tropical twist on classic bars with a buttery crust, sweet pineapple coconut filling, and crunchy toasted coconut topping. Easy to make and perfect for a sweet escape to the tropics!
Ingredients
1 cup all-purpose flour
1/2 cup butter, softened
1/2 cup light brown sugar
1 cup shredded sweetened coconut (for filling)
20 oz canned pineapple tidbits, drained
1/4 cup all-purpose flour (for filling)
1/3 cup light brown sugar (for filling)
1/4 teaspoon kosher salt
2 large eggs
1 tablespoon vanilla extract
1 tablespoon fresh lime juice
1/2 cup shredded sweetened coconut (for topping)
Instructions
Preheat oven to 350°F (175°C). Line a 10-inch square pan with parchment paper.
Combine 1/2 cup softened butter, 1/2 cup brown sugar, and 1 cup flour in a bowl. Press mixture into prepared pan.
Bake crust for 12 minutes, then cool for 10 minutes.
In another bowl, toss drained pineapple with 1 cup shredded coconut, 1/4 cup flour, 1/3 cup brown sugar, and 1/4 tsp salt.
Mix eggs, vanilla extract, and lime juice in a separate bowl. Add to pineapple mixture and stir until combined.
Evenly spread the filling over cooled crust. Top with 1/2 cup shredded coconut.
Bake for 28-30 minutes until golden and bubbly. Cool completely before cutting into bars.
Notes
Use 100% juice pineapple with thorough draining to avoid sogginess.
For a citrus twist, substitute lime zest for lemon zest.
Store in an airtight container for up to 3 days.
- Prep Time: 15
- Cook Time: 40
- Category: dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 bar
- Calories: 220
- Sugar: 15g
- Sodium: 120mg
- Fat: 9g
- Saturated Fat: 5g
- Carbohydrates: 28g
- Fiber: 1g
- Protein: 2g
- Cholesterol: 35mg


