Pineapple Coconut Bars

Products Used


Pineapple Filling

Crust and Crumble

  • 1 cup unsalted butter, softened
  • 1 cup Imperial Sugar Light Brown Sugar, packed
  • 2 egg yolks
  • 1 teaspoon vanilla extract
  • 1 teaspoon coconut extract
  • 1/2 teaspoon table salt
  • 2 cups all-purpose flour*
  • 3 cups shredded unsweetened coconut
  • *Spoon & Sweep method: Use a spoon to fill measuring cup with flour until required amount is obtained. Scooping measuring cup directly into flour bag will firmly pack flour resulting in too much flour required for recipe.


  1. Line a 9 x 13-inch pan with parchment paper. Preheat oven to 350°F.
  2. Place sugar, cornstarch, and salt in saucepan. Whisk together. Stir in crushed pineapple and lemon juice.
  3. Heat over low-medium heat, stirring constantly until thickened. This will take about 8 minutes. Reduce heat and simmer 2 minutes longer. Remove from heat and let cool.
  4. Beat butter and brown sugar until creamy. Add egg yolks, vanilla extract, coconut extract, and salt.  Mix in.
  5. Add flour and mix until a soft dough forms. Pour in shredded coconut and use a fork to mix it in gently.
  6. Press 2/3 of dough evenly into bottom of prepared pan. Bake 20 minutes. Remove and let crust cool 10 minutes.
  7. Spread cooled pineapple filling evenly over crust. Crumble remaining dough over top of filling. Bake another 30-35 minutes or until top is golden brown.
  8. Remove and let cool completely on counter. Cut into bars and serve. Refrigerate bars if they are not being served that day.
Imperial Sugar Insight

Recipe developed for Imperial Sugar by Jocelyn Brubaker @InsideBruCrewLife.

Rate & Review
or to post comments

Oops.. there is no Spanish translation to this recipe