Pineapple Coconut Dessert Bars

Make a coconut crust filled with a pineapple topping and crumble for a perfect summer tropical dessert.

When we host our monthly Dinner Club, everyone brings food to share. Typically, Justin and I try to come up with the main dish and a dessert for the evening. I was the yearbook photographer/designer/editor for my son’s elementary school, so there were a couple of months that I was at the school all day taking photos for events. This left Justin in charge of getting food ready, and he came up with the idea of these Pineapple Coconut Dessert Bars.

My entire family loves pineapple. It’s one of our favorite fruits so we love cooking with it, too. And since it’s such a tropical fruit, coconut pairs very well with it. We have a friend with a dairy allergy, so we are always on the lookout for dairy-free recipes that are also meatless since another friend is a vegetarian. For the recipe, Justin used dairy-free butter, but if you don’t have that restriction, regular butter will work, too.

Justin used a base similar to the Lemon Bars we’ve made in the past. The pineapple needed to be cooked a bit ahead of time to make it a better consistency to bake.

Pineapple Coconut Dessert Bars Step by Step

Ingredients

Crust

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

Filling

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

Preparation

Preheat the oven to 350F and grease an 8×8 glass baking dish.

In a medium mixing bowl, combine the brown sugar, flour, 1/2 cup of softened butter, and the coconut. A pastry blender works great for combining the crumble together.

Use your hands to press about 2/3 of the mixture into the bottom of the greased dish. Save the remaining mixture for later.

In a medium saucepan, mix the sugar, lemon juice, pineapple, and one tablespoon of butter. Bing it to a boil over medium heat, stirring constantly so it doesn’t burn. Cook for about 5-8 minutes, until the mixture has started to thicken.

Remove from the heat and allow it to cool slightly, then spread the pineapple mixture over the base in the baking dish.

Sprinkle evenly with the remaining crumble mixture. Bake for about 25-30 minutes, until the topping is golden brown.

After the bars bake, immediately cut the bars. Once the Pineapple Coconut Dessert Bars cool completely, remove the dessert bars and serve.

Recipe

Pineapple Coconut Dessert Bars

Make a coconut crust filled with a pineapple topping and crumble for a perfect summer tropical dessert.

Prep Time 10 minutes minutes

Cook Time 30 minutes minutes

Total Time 40 minutes minutes

Course:

Dessert

Cuisine:

American

Keyword:

coconut

|

pineapple

Servings: 12

5 from 5 votes

Ingredients

Crust

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

Filling

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

Recommended Equipment

• 8×8 Baking Dish
• Mixing Bowls – Stainless Steel
• Pastry Blender
• Saucepan – Medium
• Whisk – Nylon

Instructions

• Preheat the oven to 350F
• Grease an 8×8 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

Click the buttons below to share and print this recipe

Pin Recipe Print Recipe

Nutrition Facts

Pineapple Coconut Dessert Bars

Amount Per Serving

Calories 280 Calories from Fat 99

% Daily Value*

Fat 11g17%

Saturated Fat 7g35%

Cholesterol 22mg7%

Sodium 83mg3%

Potassium 95mg3%

Carbohydrates 45g15%

Fiber 1g4%

Sugar 34g38%

Protein 1g2%

Vitamin A 285IU6%

Vitamin C 16.5mg20%

Calcium 24mg2%

Iron 0.9mg5%

* Percent Daily Values are based on a 2000 calorie diet.

All nutritional information is based on third-party calculations and should be considered estimates. Actual nutrition content will vary based on brands used, measuring methods, portion sizes, and more.

Pineapple Recipes to try

• Grilled Pineapple Pork Chops
• Pineapple Bread Casserole
• Pineapple Coconut Dessert Bars
• Hawaiian Chicken Wraps: An Easy Summer Meal
• Crystallized Pineapple: A Sweet Snack with Only 3 Ingredients
• Pineapple Shrimp Stir Fry
• Hawaiian Chicken
• Strawberry Pineapple Daiquiri Frozen Drink Recipe
• Carrot Cake with Pineapple Filling
• Hawaiian Meatballs in the Slow Cooker
• Pineapple Upside-Down Cake
• 5 Ingredient Rum Runner Cocktail Recipe
• Hawaiian Lit’l Smokies in the Slow Cooker
• Frozen Piña Colada
• Fluffy Frozen Fruit Salad
• Tropical Yogurt Parfait
• Frozen Fruit Cups: The Perfect Summer Treat
• 5 Cup Salad Recipe: A Perfect Cool Summer Dessert

More Dessert Bars to try

• Vegan Mounds Bars
• White Chocolate Strawberry Dessert Bars
• Kid-Friendly Lemon Bar Dessert
• Triple Chocolate Coconut Bars
• Pineapple Coconut Dessert Bars
• Lemon Bars with Prickly Pear Juice
• Soft and Crumbly Fig Streusel Bars
• Banana Bread Bars