Coconut Pineapple Bars Recipe - Live Well Bake Often (2024)

Home » » Pineapple Bars

by Danielle on Jul 5, 2016 (updated May 19, 2021) 25 comments »

Jump to Recipe

5 from 3 ratings

These Coconut Pineapple Bars use the samemixture for thecrust and topping and are filled with a delicious pineapple coconut filling!

Coconut Pineapple Bars Recipe - Live Well Bake Often (1)

Isn’t it amazing how your taste buds change over the years? When I was a kid, I wouldn’t touch anything with cooked fruit or coconut in it. But now? I absolutely love both of them. I’ll happily eat a fruit pie or coconut cream pie any time of the year.

Sadly, my taste buds haven’t really changed a whole lot when it comes to certain vegetables. But at least these pineapple bars have some fruit in them. That counts for something, right? Plus, pineapple and coconut are a match made in heaven.

The first time I made these bars, I left the coconut out of the filling. When I tasted them I knew they needed more coconut, so Idecided to mix some into the filling. Perfection!

Coconut Pineapple Bars Recipe - Live Well Bake Often (2)

Recipe Ingredients

You’ll need a handful of ingredients to make these easy pineapple coconut bars. Here’s what goes into this recipe:

  • All-purpose flour:Spoon and level the flour when measuring it rather than scooping it out with a measuring cup. This ensures that you don’t accidentally measure out too much.
  • Granulated sugar:The filling is naturally quite sweet from the pineapple, so I used just 1/2 cup sugar to round out the flavor.
  • Salt:A good pinch of salt is needed to balance out the sweet pineapple and coconut filling.
  • Butter:Always use unsalted butter when baking because the amount of salt in salted butter will vary between brands.
  • Shredded coconut:You want to buy sweetened shredded coconut for this recipe. It’s often found in the baking aisle.
  • Canned crushed pineapple:Buy pineapple that’s been packed in its own juices, not in heavy syrup.
  • Cornstarch:Helps thicken the pineapple filling without making it gloopy.
  • Lemon juice:Some acidity is needed to brighten up the bars and prevent them from tasting too sweet.

How to Make Pineapple Bars

The mixture for the crust is just a feweasy ingredients and also doubles as the topping. To make it, whisk together the flour, sugar, and salt. Stir the butter into the flour mixture using a handheld electric mixer. You’re looking for the mixture to form coarse crumbs.

You’ll set aside about 1 cup of the mixture for the topping and mix a little coconut into it. Press the remaining mixture into a foil-lined 8×8-inch baking dish.Youwill need to bake the crust for about 20 minutes before adding the filling and topping.

While the crust is baking is a perfect time to mix up the easy pineapple coconut filling on the stove top. Once the filling has thickened, you can set it aside so that it’s ready to go when the crust is finished baking.

Spoon the filling into the baked crust, then top with the reserved flour mixture. Bake until lightly golden brown on top.

Coconut Pineapple Bars Recipe - Live Well Bake Often (3)

Storage Instructions

These pineapple bars can be kept in an airtight container at room temperature for up to five days, or they can be frozen for up to three months. To thaw, place in the fridge overnight.

Baking Tips

  • If you’re not a huge fan of coconut, you can leave it out and just make a pineapple version. Which I think would be delicious too! But, the little bits of toasted coconut in the buttery crumb topping and in the filling are absolutely delicious.
  • I garnished my pineapple coconut bars with maraschino cherries to give them a piña colada vibe, but that’s an optional step.
  • Make sure to buy pineapple that’s been packed in its own juices and not in heavy syrup (which would make the bars too sweet).

More Easy Pineapple Desserts!

  • Classic Pineapple Upside Down Cake
  • Pineapple Carrot Cake
  • Pineapple Upside Down Cupcakes
  • Hummingbird Cake

Coconut Pineapple Bars Recipe - Live Well Bake Often (4)

Coconut Pineapple Bars

5 from 3 ratings

Prep Time: 25 minutes mins

Cook Time: 55 minutes mins

Total Time: 1 hour hr 20 minutes mins

These Pineapple Bars use the same mixture for the crust and topping and are filled with a delicious pineapple coconut filling!

Print RecipePin Recipe SaveLeave a Review

Ingredients

Servings: 9 larger bars or 16 smaller bars

For the crust and topping:

  • 1 and 1/2 cups (190 grams) all-purpose flour
  • 1/2 cup (100 grams) granulated sugar
  • 1/4 teaspoon salt
  • 3/4 cup (170 grams) unsalted butter softened
  • 1/4 cup (18 grams) sweetened shredded coconut

For the pineapple coconut filling:

  • 1 20-ounce can crushed pineapple, drained
  • 1/2 cup (100 grams) granulated sugar
  • 1/4 cup (32 grams) cornstarch
  • 1 tablespoon (15 ml) fresh lemon juice
  • 1/2 cup (35 grams) sweetened shredded coconut

Instructions

To make the crust and topping:

  • Preheat the oven to 350°F. Line an 8-inch square baking pan with aluminum foil, making sure to leave some overhang for easy removal. Set aside.

  • In a large mixing bowl, mix together the flour, sugar, and salt. Cut the butter into pieces and add it to the mixture. Using a mixer, beat on low speed until you have coarse crumbs (you can also use a fork or your hands).

  • Reserve 1 cup of the mixture and transfer to a separate mixing bowl. Mix in 1/4 cup of the shredded coconut with the reserved mixture, cover tightly, and transfer to the refrigerator.

  • Scoop the remaining crumb mixture into the prepared baking pan and firmly press it down into an even layer.

  • Bake at 350°F for about 18-20 minutes or until the top is set and the edges are lightly golden brown. Remove from the oven and set aside to cool.

To make the pineapple coconut filling:

  • Mix together the crushed pineapple, sugar, cornstarch, and lemon juice in a large saucepan. Cook over medium heat, stirring often, for about 5-7 minutes or until the pineapple mixture has thickened. Remove from the heat and stir in the remaining 1/2 cup of shredded coconut.

  • Pour the pineapple filling over the crust. Remove the remaining crumb topping from the refrigerator and and sprinkle it evenly over the top.

  • Return to the oven and bake at 350°F for 30-40 minutes or until lightly golden brown on the top.

  • Remove from the oven and transfer to a wire rack to cool. Remove the foil from the pan, slice into bars, and enjoy.

Notes

Adapted from Land O'Lakes.

Did you make this recipe?Mention @livewellbakeoften on Instagram or tag #livewellbakeoften.

This site contains affiliate links, if you make a purchase through them, we receive a small commission.

Easter Spring

originally published on Jul 5, 2016 (last updated May 19, 2021)

25 commentsLeave a comment »

Coconut Pineapple Bars Recipe - Live Well Bake Often (5)

5 Secrets to Baking Like a Pro

Don't be intimidated by baking: learn my secrets that make baking from scratch easy!

« Previous PostSmoked Gouda, Apple, Bacon, and Honey Bites – Apbagoudacuit

Next Post »Peanut Butter Cup Pudding Pops

Leave a Reply

25 comments on “Pineapple Bars”

  1. Coconut Pineapple Bars Recipe - Live Well Bake Often (6)

    Gayle @ Pumpkin 'N SpiceReply

    I never used to like pineapple in desserts (or cooked pineapple), but now I love it! I’m still not a fan of coconut though, but I think I would still try these bars, sans the coconut. I love the crumb topping and cherries on top! So cute, Danielle!

    • Coconut Pineapple Bars Recipe - Live Well Bake Often (7)

      DanielleReply

      Haha coconut is just one thing you either like or don’t like 😉 The pineapple version would be good too!

  2. Coconut Pineapple Bars Recipe - Live Well Bake Often (8)

    Manali@CookWithManaliReply

    woah, these look so good Danielle!! YUM!

  3. Coconut Pineapple Bars Recipe - Live Well Bake Often (9)

    Annie @ The Garlic DiariesReply

    Okay these legit look like the best things EVER! Yum. Drooling.

    • Coconut Pineapple Bars Recipe - Live Well Bake Often (10)

      DanielleReply

      You’re so kind, Annie! Thank you!

  4. Coconut Pineapple Bars Recipe - Live Well Bake Often (11)

    Alyssa @ My Sequined LifeReply

    Oh I just love pineapple! And coconut. And crumb topping. Basically I need these ASAP haha!

  5. Coconut Pineapple Bars Recipe - Live Well Bake Often (12)

    Ashley - The Recipe RebelReply

    Um, I’m pretty sure you know I LOOOOVE these! Love pineapple and coconut! But I am with you on the vegetables 😉

    • Coconut Pineapple Bars Recipe - Live Well Bake Often (13)

      DanielleReply

      Haha, glad I’m not alone 😉

  6. Coconut Pineapple Bars Recipe - Live Well Bake Often (14)

    marcieReply

    I love pineapple and coconut…and that crumble! These tropical bars look just perfect, Danielle, and the more coconut the better! 🙂

  7. Coconut Pineapple Bars Recipe - Live Well Bake Often (15)

    Eden PassanteReply

    This looks amazing! Love pineapple and coconut together!!

    • Coconut Pineapple Bars Recipe - Live Well Bake Often (16)

      DanielleReply

      Thank you, Eden!

  8. Coconut Pineapple Bars Recipe - Live Well Bake Often (17)

    Michelle | A Latte FoodReply

    These flavors sound amazing–like a tropical vacation for your mouth! I am so excited to try these!

  9. Coconut Pineapple Bars Recipe - Live Well Bake Often (18)

    DanielleReply

    I wasn’t a fan is savory dishes either, but I do love it now! Thanks, Alaina!

  10. Coconut Pineapple Bars Recipe - Live Well Bake Often (19)

    KellyReply

    I didn’t like coconut when I was younger either but now it’s one of my favorites! These bars are SO pretty, Danielle!

  11. Coconut Pineapple Bars Recipe - Live Well Bake Often (20)

    Samina - The Cupcake ConfessionReply

    These look so gorgeous! I am loving the summery yellow color of these bars and that cherry on top is too cute! This is the one dessert I can definitely see myself eating all summer long!

    • Coconut Pineapple Bars Recipe - Live Well Bake Often (21)

      DanielleReply

      Thank you, Samina!

  12. Coconut Pineapple Bars Recipe - Live Well Bake Often (22)

    HollyReply

    Made this it is amazing. Perfect amount of sweetness, the crust is like a shortbread flavor, so good. Its a lighter color thank you think it would be, but the taste is superb. Thank you!!

    • Coconut Pineapple Bars Recipe - Live Well Bake Often (23)

      DanielleReply

      So glad you liked the bars, Holly! Thank you for commenting! 🙂

  13. Coconut Pineapple Bars Recipe - Live Well Bake Often (24)

    MichelleReply

    I tried it few days back , like 5 times bigger quantity for a party and had a good feedback about it. Thanks for sharing ! 🙂

    • Coconut Pineapple Bars Recipe - Live Well Bake Often (25)

      DanielleReply

      So glad everyone enjoyed the bars, Michelle!

  14. Coconut Pineapple Bars Recipe - Live Well Bake Often (26)

    DagmarReply

    Made these yesterday and just love them. Thanks for a great recipe

    • Coconut Pineapple Bars Recipe - Live Well Bake Often (27)

      DanielleReply

      So glad you enjoyed the bars!

  15. Coconut Pineapple Bars Recipe - Live Well Bake Often (28)

    JaneReply

    Made these today – I needed some pineapple juice for a different recipe and didn’t want to toss the pineapple itself. Didn’t help that within two minutes of starting making these my son called….I completely forgot about adding the coconut! I felt the cornstarch was far too much and since I only had about 2 tablespoons I went ahead with that. I was still very thick so I’m glad I only used half the amount. These make a nice refreshing change from all the chocolate and oatmeal and peanut butter recipes!

    • Coconut Pineapple Bars Recipe - Live Well Bake Often (29)

      DanielleReply

      So glad you liked the bars, Jane!

  16. Coconut Pineapple Bars Recipe - Live Well Bake Often (30)

    NikitaReply

    Ahhhh I just made them and they’re amazing! Thanks so much for this recipe!

Coconut Pineapple Bars Recipe - Live Well Bake Often (2024)
Top Articles
Latest Posts
Article information

Author: Margart Wisoky

Last Updated:

Views: 6110

Rating: 4.8 / 5 (58 voted)

Reviews: 81% of readers found this page helpful

Author information

Name: Margart Wisoky

Birthday: 1993-05-13

Address: 2113 Abernathy Knoll, New Tamerafurt, CT 66893-2169

Phone: +25815234346805

Job: Central Developer

Hobby: Machining, Pottery, Rafting, Cosplaying, Jogging, Taekwondo, Scouting

Introduction: My name is Margart Wisoky, I am a gorgeous, shiny, successful, beautiful, adventurous, excited, pleasant person who loves writing and wants to share my knowledge and understanding with you.