Two Pineapple Coconut Dessert Bars on a piece of parchment paper on a white surface with the glass dish of bars in the background (with logo overlay)

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 Movie Club, everyone brings food to share. Typically, Justin and I try to come up with a 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 Tropical 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.

Step by Step

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, the 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 they cool completely, remove the dessert bars and serve.


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.
Prep Time 10 minutes
Cook Time 30 minutes
Total Time 40 minutes
Course: Dessert
Cuisine: American
Keyword: coconut, pineapple
Servings: 12
5 from 5 votes


  • 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 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.

Shop This Recipe

When making any recipe, it’s essential to make sure you have the correct equipment. The following items are hand-selected for this recipe and are all items I have personally used and/or recommend.

These are affiliate links. See disclosures for more information.

24 thoughts on “Pineapple Coconut Dessert Bars”

  1. These totally scream SUMMER TREAT in my mind. And I know my husband and I will be throwing a lot of summer parties this year so I am going to need to whip up a few batches of these to serve to our guests!

  2. A bar with my two favorite things: coconut and pineapple. I am so going to make them next weekend. I am going to see my older daughter, if I could I would have made them to bring for her in NJ, but I will not have time tomorrow. Once I come back, you will see my pictures after I make them.

  3. Yummm🤤😋 To be honest, I don’t like Pineapple as a fruit alone but when it’s served as a topping on a pizza or mixed with any dish like Pineapple fried rice, I somehow like that😜 Hubby will definitely love this dessert 🤗 I have bookmarked this recipe for future reference ☺☺

    1. Pineapple is my favorite fruit, but I know a few people who are the same and only like it as an ingredient, not on its own. I hope you enjoy when you get a chance to make these!

Leave a Comment

Your email address will not be published. Required fields are marked *

Improve your cooking today

Whether you’re just getting started or looking to improve your skills, the Intro to Cooking guide was made for you! Sign up to receive a free copy, which also includes 7 simple yet tasty recipes. Plus you’ll receive new recipes in your inbox every week. Yum!

Make sure to check your inbox (and spam folder) for your confirmation email, which includes the link to download your Intro to Cooking guide.

Pasta All-In
Banana BreadBanana Bread covered with oats on a slate serving plate next to a brown towel and a bread knife on a wooden surface (with logo overlay)

Wait! There's more great recipes...

Stop cooking the same recipes every week. Sign up and you’ll receive new tasty recipes in your inbox each week. Plus, you’ll also receive an Intro to Cooking PDF so you can quickly improve your cooking skills.

%d bloggers like this: