Pineapple Coconut Bars

Featured in Sweet Treats and Baked Goods.

These Pineapple Coconut Bars combine a buttery shortbread crust with a tropical filling for a delicious dessert that balances crispy and chewy textures. The recipe features a simple shortbread base made with butter, brown sugar, and flour, topped with a gooey mixture of pineapple tidbits, shredded coconut, and a hint of lime juice. After baking, the bars develop a golden coconut topping and a chewy interior filled with tropical flavor. Taking about an hour to prepare and bake, these bars are perfect for potlucks, bake sales, or anytime you want a taste of the tropics in an easy-to-serve format.
Mina cooking in her kitchen
Updated on Mon, 24 Feb 2025 20:45:42 GMT
A wooden cutting board with a slice of coconut cake on it. Pin it
A wooden cutting board with a slice of coconut cake on it. | lastminrecipes.com

Pineapple coconut bars transport you to a tropical paradise with each bite. The perfect balance of buttery shortbread crust and bright, juicy pineapple filling topped with crispy toasted coconut creates a treat that's both comforting and exciting. After testing many variations, I've found that the secret lies in properly draining the pineapple and giving the crust time to set before adding the filling.

Last weekend, I brought these to a neighborhood potluck, and they disappeared faster than anything else on the dessert table. The key was allowing enough cooling time for clean slices that showcased the beautiful layers.

Essential Ingredients

  • Cold Butter: Temperature matters for a flaky, crisp crust.
  • Canned Pineapple: Thoroughly drain to prevent soggy bars.
  • Sweetened Coconut: Creates the perfect chewy texture.
  • Brown Sugar: Adds depth with its molasses notes.
  • Vanilla Extract: Enhances both the crust and filling.
  • Lime Juice: Optional but adds brightness.
  • Eggs: Binds the filling perfectly.
A wooden cutting board with a variety of desserts on it. Pin it
A wooden cutting board with a variety of desserts on it. | lastminrecipes.com

Detailed Cooking Instructions

Crust Creation
Preheat oven to exactly 350°F. Line pan with parchment paper, leaving overhang. Combine flour, brown sugar, and salt in bowl. Cut cold butter into small cubes. Work butter into dry ingredients until crumbly. Press firmly into prepared pan. Create even layer with flat-bottomed glass. Bake until edges are just golden, about 12 minutes.
Pineapple Preparation
Drain pineapple thoroughly in colander. Press gently with paper towels to remove excess moisture. Chop into smaller pieces if using chunks. Measure after draining for accurate amount. Let drain while crust bakes.
Filling Mixture
In large bowl, combine pineapple and 1 cup coconut. Add flour and toss until coated. Stir in brown sugar and salt. In separate bowl, beat eggs until frothy. Add vanilla and lime juice to eggs. Combine wet and dry mixtures. Stir until just incorporated.
Assembly Process
Pour filling over slightly cooled crust. Spread evenly to corners. Sprinkle remaining coconut on top. Distribute coconut evenly for consistent browning.
Final Baking
Return to oven for 25-27 minutes. Watch for golden brown coconut. Center should be set but slightly soft. Cool completely in pan on wire rack. Refrigerate for 1 hour before cutting.

My first attempt at these bars taught me that patience during cooling makes all the difference in presentation.

Flavor Variations

Try adding a teaspoon of rum extract for a tropical cocktail flavor, or mix in some chopped macadamia nuts for extra crunch.

Make-Ahead Options

These bars actually improve overnight as flavors meld. Make up to two days ahead and store in the refrigerator.

Storage Solutions

Store cut bars in an airtight container with parchment between layers. They'll keep for up to 5 days in the refrigerator or 3 months in the freezer.

These pineapple coconut bars have become my signature dessert for spring and summer gatherings. They prove that sometimes the most memorable treats come from simple ingredients thoughtfully combined.

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. | lastminrecipes.com

Frequently Asked Questions

→ Can I use fresh pineapple instead of canned?
Yes, but make sure to drain it well to avoid excess moisture in the filling.
→ How should I store these bars?
Store in an airtight container at room temperature for up to 3 days or refrigerate for longer storage.
→ Can I use unsweetened coconut?
Yes, but the bars will be less sweet, so you might want to increase the brown sugar slightly.
→ Why let the crust cool before adding the filling?
This helps prevent the filling from sinking too much into the crust, maintaining distinct layers.
→ Can I make these in a different size pan?
Yes, the recipe can be doubled for a 9x13 pan or halved for an 8x8 pan.

Pineapple Coconut Bars

Buttery shortbread bars topped with a gooey layer of pineapple and coconut, creating the perfect balance of crispy and chewy textures.

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

Category: Desserts

Difficulty: Intermediate

Cuisine: American

Yield: 16 Servings (16 bars)

Dietary: Vegetarian

Ingredients

→ Crust

01 ½ cup butter, very soft or melted
02 ½ cup light brown sugar
03 1 cup all-purpose flour

→ Filling

04 2 eggs
05 1 tablespoon vanilla extract
06 1 tablespoon fresh lime juice
07 ⅓ cup light brown sugar
08 ¼ cup all-purpose flour
09 ¼ teaspoon kosher salt
10 1 cup pineapple tidbits in 100% juice, drained
11 1 cup shredded sweetened coconut

→ Topping

12 1 cup shredded sweetened coconut

Instructions

Step 01

Preheat oven to 350°F. Combine crust ingredients and press mixture into the bottom of a well-greased or parchment lined 10-inch square pan. Bake for 12 minutes, then remove from oven and let cool for 10 minutes.

Step 02

Place pineapple and 1 cup of shredded coconut in a bowl. Sprinkle with flour, brown sugar and salt. Stir to coat. Mix together eggs, vanilla, and lime juice, then stir into the pineapple mixture.

Step 03

Pour filling over cooled crust and top with the remaining coconut. Bake for 25-27 minutes, until coconut turns golden brown. Let cool completely before slicing.

Notes

  1. Recipe can be doubled to fill a 9x13 pan (bake crust for 15 minutes if doubled)
  2. Allow to cool completely for easiest slicing

Tools You'll Need

  • 10-inch square baking pan
  • Parchment paper (optional)
  • Mixing bowls

Allergy Information

Please check ingredients for potential allergens and consult a health professional if in doubt.
  • Contains dairy (butter)
  • Contains eggs
  • Contains gluten (flour)
  • Contains tree nuts (coconut)

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