One Pineapple Coconut Dessert Bar on a piece of parchment paper on a white surface with the glass dish of bars in the background

Pineapple Coconut Dessert Bars

Make a coconut crust filled with a pineapple topping and crumble for a perfect summer tropical dessert.
Course Dessert
Cuisine American
Keyword coconut, pineapple
Prep Time 10 minutes
Cook Time 30 minutes
Total Time 40 minutes
Servings 12
Calories 280kcal
Author Stephanie Lynch




  • 1 cup brown sugar
  • 1 cup all-purpose flour
  • 1/2 cup butter
  • 1 cup coconut shredded


  • 3/4 cup granulated sugar
  • 1 tbsp lemon juice
  • 14 oz pineapple crushed, with juice
  • 1 tbsp butter
  • 3 tbsp cornstarch


  • Preheat the oven to 350F
  • Grease an 8x8 baking dish
  • In a medium mixing bowl, combine all crust ingredients, using a pastry blender
  • Press 2/3 of the crust mixture into the greased dish
  • In a medium saucepan, whisk all of the filling ingredients
  • Bring to a boil, stirring constantly so it doesn't burn
  • Cook for about 5-7 minutes, until it starts to thicken
  • Remove the pan from the heat and let it cool slightly
  • Pour the pineapple mixture over the crust
  • Sprinkle with the remaining crumble
  • Bake for about 25-30 minutes, until the topping is golden brown


Calories: 280kcal | Carbohydrates: 45g | Protein: 1g | Fat: 11g | Saturated Fat: 7g | Cholesterol: 22mg | Sodium: 83mg | Potassium: 95mg | Fiber: 1g | Sugar: 34g | Vitamin A: 285IU | Vitamin C: 16.5mg | Calcium: 24mg | Iron: 0.9mg