Pineapple Coconut Crumb Bars recipe

These Pineapple Coconut Crumb Bars are easy, sweet and taste like tropical dessert. Crunchy coconut crumb topping and gooey pineapple filling make for irresistible combo!

Course Dessert
Cuisine American
Keyword crumb bars, dessert bars
Prep Time 10 minutes
Cook Time 25 minutes
Total Time 35 minutes
Servings 9 squares
Calories 324 kcal
Author Anna


for the crust and crumb topping:

  • 1.5 cups all-purpose flour
  • 1 cup unsweetened coconut
  • 1/2 cup granulated sugar
  • 1/2 teaspoon baking soda
  • 1/2 teaspoon baking powder
  • 1/4 teaspoon salt
  • 1/2 cup butter melted and cooled (see note)

for the filling:

  • 1 20 oz. can crushed pineapple in 100% juice see note
  • 3 tablespoons granulated sugar
  • 2 tablespoons cornstarch
US Customary - Metric


  1. Preheat oven to 375 degrees F. Line a square 8" baking pan with parchment paper. Set aside.
  2. In a medium mixing bowl, whisk together flour, coconut, sugar, baking powder, baking soda and salt. Add cooled butter and stir with a fork, until the mixture resembles coarse crumbs. Reserve one cup of the mixture and press the rest onto the bottom of prepared pan.
  3. In a medium mixing bowl, stir together crushed pineapple, sugar and cornstarch. Pour over crust and spread evenly.
  4. Sprinkle the remaining dough mixture over the filling.
  5. Bake bars on center rack of the oven for 23 to 25 minutes or until the topping is golden, with golden brown spots.
  6. Cool bars completely on cooling rack. Next, gently lift out of the pan and set on cutting board. Cut into 9 squares and serve.

Recipe Notes

The most important secret to making these crumb bars is to melt the butter and let it cool completely. If the butter is hot, it will cook the flour mixture and the crumbs won't form. I recommend melting the butter in a bowl in the microwave, cooling for 4 to 5 minutes on the counter and then pop it into the fridge for 3 to 4 minutes. It should not be solid but cool.

Make sure to drain the crushed pineapple from the juice. A little bit of it is okay but squeeze out as much as you can and reserve to drink later or add to smoothies. 

Nutrition Facts
Pineapple Coconut Crumb Bars recipe
Amount Per Serving
Calories 324 Calories from Fat 144
% Daily Value*
Fat 16g25%
Saturated Fat 11g69%
Cholesterol 27mg9%
Sodium 220mg10%
Potassium 158mg5%
Carbohydrates 42g14%
Fiber 2g8%
Sugar 23g26%
Protein 3g6%
Vitamin A 340IU7%
Vitamin C 4.9mg6%
Calcium 26mg3%
Iron 1.4mg8%
* Percent Daily Values are based on a 2000 calorie diet.