Pineapple Coconut Bars

Prep Time 15 minutes
Cook Time 45 minutes
Additional Time 1 hour
Total Time 2 hours
Post may contain affiliate links. Read my disclosure policy.

Pineapple Coconut Bars are very summery and tropical! With traditional shortbread crust to support the thick pineapple-coconut filling, it’s like your favorite beach cocktail, in dessert-bar form. 

A stack of three sweet dessert bars on a small white plate.

Want to save this recipe?

We'll email this recipe to you, so you can come back to it later!

A Bar Cookie That Tastes Like Pina Colada? Yes, Please!

Pineapple and coconut are two winning flavors, whether you enjoy them apart or together. In this easy bar cookie recipe, I’m combining the two to make the ultimate twist on old-fashioned lemon bars. These sweet little bites will bring a taste of the tropics right to your kitchen, no matter where you are!

So bring me two… of these gooey, decadent pineapple coconut bars. Yes, they’re that good – everyone will be asking for seconds, if not singing for them. In fact, you may want to double the recipe – to share, or to save for another time!

If you love coconut and pineapple together, check out these other reader favorites: Pineapple Coconut Bundt Cake, Pineapple Coconut Mojito, and this easy Twinkie Pineapple Coconut Cake!

Ingredients for Pineapple Coconut Bars.

The Ingredients You’ll Need

One of the keys to making this recipe a success? Using well-drained pineapple. Draining the pineapple thoroughly ensures that the filling won’t be watery. But feel free to reserve the pineapple juices for another use!

Crust Ingredients

  • Butter: The butter for the crust should be at room temperature.
  • Sugar: Just a little bit, to sweeten the crust and give it a real shortbread flavor.
  • Flour: I used regular all-purpose flour. A gluten-free 1:1 blend would probably also work fine, although the texture might vary a little.
  • Sweetened, Shredded Coconut: For texture and flavor.
  • Kosher Salt

Filling Ingredients

  • Pineapple: I used canned, crushed pineapple.
  • Sweetened, Shredded Coconut: The same kind as in the crust – you’ll need about one cup for the filling mixture.
  • Brown Sugar: Dark brown sugar or light brown sugar, either is fine.
  • Eggs: Large, whole eggs help the filling set and give it some richness.
  • Flour: Flour also helps the filling set. I recommend all-purpose flour, or if you’re going for a gluten-free dish, try using cornstarch or arrowroot powder, instead.
  • Vanilla: Pure vanilla extract gives the best flavor.

Topping Ingredients

  • Sweetened, Shredded Coconut: Yep, the same as in the crust and the filling. It’s just so good!
Close-up of a pan of bar cookies, cut and topped with coconut.

Is Shredded Coconut Usually Sweetened?

The coconut used in many baking recipes, including this one, is usually sweetened. However, if you have (or would prefer to use) unsweetened shredded coconut, that will work too. It may be slightly more dry than sweetened coconut, and you may find that you need to up the amount of sugar a little bit. It’s definitely up to you, though!

How to Make Them, Step by Step

There are basically two components here: the crust, and the filling. Much like making lemon squares, you will make and pre-bake the crust, and then add the moist, flavorful filling on top. Here are the steps:

  1. Prepare the Oven and the Baking Dish. To begin, set your oven to preheat to 350°F. Next, grab a square 9×9 baking dish, and line it with parchment paper. Set it aside for now.
  2. Make the Crust. In the bowl of a stand mixer, combine all of the crust ingredients, and mix them on medium speed to make a smooth dough. At first, this mixture will look very dry and crumbly, but no worries – it will eventually come together. This can take around 3 – 5 minutes.
  3. Bake the Crust. Press the crust dough into your prepared baking pan, spreading it evenly across the bottom but not up the sides. Bake for about 15 minutes, or until the crust is just starting to turn light brown around the edges. Take it out of the oven, and set it aside.
  4. Make the Filling. To make the filling, dump all of the filling ingredients in a medium-sized mixing bowl, and stir to combine. (If you’re worried about lumps from the flour, you can sift it over the other ingredients after mixing them, and then give the filling a final stir or whisk to blend it in well.) Pour the filling on top of the par-baked crust, and sprinkle the final half-cup of shredded coconut over the top of the filling.
  5. Bake the Bars. Return the baking dish to the oven, this time for 25 to 30 minutes, or until the filling is set and the top is lightly browned. 
  6. Enjoy! Let the bars cool before cutting with a sharp knife and serving.

Recipe Notes

Before you start baking, hang on a second! There are a few helpful tips and tricks I’d like to share, to make sure your pineapple coconut bars are the best they can be. Read on, and enjoy!

  • Draining the Pineapple: I used crushed pineapple in 100% natural juice, and drained it and pressed it in a colander to make sure it was very dry. You could also put the pineapple in a cheesecloth and squeeze it well.
  • Brown Sugar: I like dark brown sugar for the filling, because it gives a deeper caramelized flavor to the pineapple filling.
  • Control the Sweetness: You can cut down the sugar in the filling to ½ cup, if you prefer a slightly less sweet dish.
  • Extract Options: If you want more coconut flavor, you can substitute coconut extract for the vanilla extract.
Baked dessert bars on a cooling rack.

Storage Instructions

These bars should be refrigerated for the best results, and will keep for about one week in the fridge in an airtight container.

Can I Freeze Pineapple Coconut Bars?

Definitely! Just wrap the cooled bars in plastic wrap, and then store in a freezer bag. Freeze for up to four months. Thaw before serving.

Pineapple coconut bars stacked on top of each other on a plate with a fork.
4.6 from 10 votes
Print Pin Recipe
Yield: 12 Bars

Pineapple Coconut Bars

Pineapple Coconut Bars are very summery and tropical! With traditional shortbread crust to support the thick pineapple-coconut filling, it’s like your favorite beach cocktail, in dessert-bar form.
Prep Time15 minutes
Cook Time45 minutes
Additional Time1 hour
Total Time2 hours

Ingredients

Crust:

  • ½ cup (1 stick) butter, room temperature
  • ¼ cup granulated sugar
  • 1 cup all-purpose flour
  • 2 tablespoons sweetened, shredded coconut
  • ½ teaspoon kosher salt

Filling:

  • 1 (20 oz) can crushed pineapple, well-drained
  • 1 cup sweetened, shredded coconut
  • 1 cup light brown sugar
  • 2 large eggs
  • ¼ cup all-purpose flour
  • 1 teaspoon vanilla extract

Topping:

  • ½ cup sweetened, shredded coconut

Want to save this recipe?

We’ll email this recipe to you, so you can come back to it later!

Instructions 

  • Preheat oven to 350°F and line a 9×9 pan with parchment paper, set aside. 
  • In the bowl of a stand mixer, add all the crust ingredients and mix on medium speed until it combines into a smooth dough. At first, this mixture will look very dry and crumbly. It will eventually come together but may take 3-5 minutes. 
  • Press the dough into the prepared baking pan and bake for about 15 minutes, or until the crust is just lightly starting to brown around the edges and looks set up. Remove from the oven while you prepare the filling. 
  • Add all the filling ingredients to a medium-sized mixing bowl and stir to combine. Pour filling on top of the cooked crust and sprinkle the top with the ½ cup shredded coconut. 
  • Add to the oven and bake for 25 to 30 minutes or until the filling is set and the top is lightly browned. 

Video

Notes

Storage: These bars should be refrigerated for the best results, and will keep for about one week in the fridge in an airtight container.

Nutrition

Serving: 1 bar, Calories: 276kcal, Carbohydrates: 39g, Protein: 3g, Fat: 13g, Saturated Fat: 9g, Polyunsaturated Fat: 1g, Monounsaturated Fat: 3g, Trans Fat: 0.3g, Cholesterol: 52mg, Sodium: 215mg, Potassium: 100mg, Fiber: 2g, Sugar: 27g, Vitamin A: 292IU, Vitamin C: 0.01mg, Calcium: 26mg, Iron: 1mg

Categories:

More Easy Dessert Bars

Post may contain affiliate links. Read my disclosure policy.

Related Posts

Comments

We LOVE hearing from you! Submit your question or comment here and don’t forget to leave a rating! Click the icon below to upload a pic of your creation!

Recipe Rating:




0 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments

Thank You For Being Here!

Jessica
For the past 15 years, Jorge & Jessica have loved getting to share their families' favorite recipes with all of you. They live in Florida with their 3 kids.