Pineapple Coconut Bars

Ginny McMeans

Ginny McMeans

Published:

June 27, 2020

Last Modified:

February 1, 2023

Pineapple Coconut Bars are also lovingly known as Pina Colada Bars. They are three layers of tropical goodness that just happen to have a fun name. Pineapple coconut filling in the middle and all layers are easy to make.

Closeup of three pineapple coconut bars in shades of yellow and gold stacked on top of each other and separated by a small parchment square.

Pina Colada Crumb Bars are layers of sweet goodness that just happen to have a fun name too. I think bars can be for breakfast, snacks, or dessert.

Wouldn’t three layers with the middle layer being a pineapple coconut filling be perfect with a cup of coffee in the morning?

Normally breakfast bars are packed full of granolas and other wonderful ingredients but, hey, once in a while you can go a little crazy … and these do have oats, you know.

Overhead view of three pineapple coconut bars overlapping each other on a white plate. Macadamias are scattered around.

If I like appetizers for dinner then you know I like snacks for breakfast. If you cook these with the intention of freezing them for quick snacks – have no fear.

💭 Can you freeze coconut bars

  • The pineapple coconut bars freeze perfectly so it is one of those things that you can grab right out of the freezer as you are running out the door.
  • They also defrost in no time so they are wonderful for a grab and go.
  • I thought I was going to freeze some but it turns out that Ed really really really likes them.
  • The bars aren’t all gone but they will be fine in the fridge for the few days that they are going to last.
  • I will admit Ed isn’t eating them all. You know I have to test them. So I tested them three times!

The crumb topping is crumbly and perfect and all layers are very easy to make.

Three pina colada bars are stacked on top of each other and angles towards the camera lens.

🥘 Ingredients

  • Whole wheat flour adds fiber and nutrients to the main base for these pina colada bars.
  • Dairy-free butter adds needed liquid and a buttery taste.
  • Rolled oats give extra protein and a chewy texture.
  • Brown sugar sweetens the bottom oat base.
  • Baking soda is a leavening agent.
  • Macadamias have a rich buttery flavor.
  • Coconut sugar adds a different type of sweet flavor in a very understated way.
  • Cornstarch is a thickener and binder.
  • Dried pineapple cooks into the nicest jammy center.
  • Water helps dissolve the sugar when it is heated.
  • Unsweetened shredded coconut adds more texture and chewing satisfaction.
Overhead photo showing all of the ingredients in their own bowls and sitting on a wood picnic table.

🔪 Instructions

  • I used the food processor to cut up my dried pineapple and it actually made it all roll up into a ball because it was chopped so fine and it stuck altogether.
  • That is good because when it is cooked it will be a smooth filling.
  • If you want to chop it by hand into small bits – that is good too. It will just be a little more textured filling.

For the filling:

  • In a small saucepan add the water, coconut sugar, cut up dried pineapple, and cornstarch.
  • NOT the coconut – yet.
Two process photos showing a saucepan being filled with water and ingredients for a fruit center filling.
  • Cook over medium-high heat until sauce thickens.
  • Take off the heat and stir in the coconut.
  • It will thicken even more as it cools. It takes about 5 to 10 minutes.
  • Set aside.
Two process photos with coconut being added to the fruit filling and then mixing it all together.

For the crumb mixture:

  • To a large bowl add the flour and butter.
  • Cut the butter into the flour until it is like a coarse meal.
  • To this mixture add the oats, brown sugar, and baking soda.
  • Mix well and I use my fingers to really get it well incorporated.
Two process photos showing the dairy free butter cut into the flour and then mixed with added oats
  • Take out 1/2 cup of the mixture. Add the nuts to this 1/2 cup and set aside.
  • Press the remaining mixture into an ungreased 8x8x2 or 9x9x2 inch baking pan.
  • I used 8x8x2 but I will tell you the different cooking times at the end during the baking instructions.
Two process photos showing the prepared crumb mixture being poured into the glass casserole and then showing it pressed into evenly.
  • Spread your filling evenly all over this layer.
  • Sprinkle the crumb mixture that you set aside all over this filling mixture.
  • Spread it out evenly and press, lightly, with your hand.
Two process photos showing the final oats layer being spread evenly over the center fruit layer and then lightly press into the top.
  • Bake at 350° for 30 to 35 minutes for a 9x9x2 pan and 35 to 40 minutes for an 8x8x2 pan.
  • The 8x8x2 pan will make your bars a little taller as in my photo.
  • Let the bars cool completely in the pan.
  • I cut all around the edge of the pan to separate to get anything unstuck.
  • The whole piece actually lifted out of the pan and I was able to place it on a cutting board and cut it there.
  • I made three slices in each direction and got 16 nice size square bars.
Wide view of three pineapple coconut bars overlapping each other at different angles on a white plate.

📖 More homemade bars

You came to the right place. Not only are dessert bars delicious but you can freeze some for On-the-Go snacks.

Closeup of three fruit squares in shades of yellow and gold stacked on top of each other and separated by a small parchment square.

Pina Colada Crumb Bars

Ginny McMeans
4.8400 from 6 votes
Pina Colada Crumb Bars are three layers of goodness that just happen to have a fun name.
Prep Time 20 minutes
Cook Time 40 minutes
Total Time 1 hour
Servings 16 Bars

Want to save this recipe to your email?

Ingredients
  

  • 1 cup whole wheat flour
  • 1/2 cup dairy free butter
  • 1 cup rolled oats
  • 2/3 cup brown sugar packed
  • 1/4 teaspoon baking soda
  • 1/2 cup chopped macadamias, walnuts or pecans – your choice – to keep with the theme I used macadamias

For the middle layer:

  • 1 tablespoon coconut sugar
  • 1 tablespoon cornstarch
  • 3/4 cup dried pineapple chopped fine or processed in a food processor
  • 3/4 cup water
  • 1/2 cup unsweetened shredded coconut

Instructions
 

  • I used the food processor to cut up my dried pineapple and it actually made it all roll up into a ball because it was chopped so fine and it stuck all together. That is good because when it is cooked it will be a smooth filling. If you want to chop it by hand into small bits – that is good too. It will just be a little more textured filling.

For the filling:

  • In a small saucepan add the water, coconut sugar, cut up dried pineapple and cornstarch. NOT the coconut – yet.
  • Cook over medium high heat until sauce thickens.
  • Take off the heat and stir in the coconut. It will thicken even more as it cools. It takes about 5 to 10 minutes.
  • Set aside.

For the crumb mixture:

  • To a large bowl add the flour and butter.
  • Cut the butter into the flour until it is like a coarse meal.
  • To this mixture add the oats, brown sugar, and baking soda.
  • Mix well and I use my fingers to really get it well incorporated.
  • Take out 1/2 cup of the mixture. Add the nuts to this 1/2 cup and set aside.
  • Press the remaining mixture into an ungreased 8x8x2 or 9x9x2 inch baking pan.
  • I used 8x8x2 but I will tell you the different cooking times at the end during the baking instructions.
  • Spread your filling evenly all over this layer.
  • Sprinkle the crumb mixture that you set aside all over this filling mixture.
  • Spread it out evenly and press, lightly, with your hand.
  • Bake at 350° for 30 to 35 minutes for a 9x9x2 pan and 35 to 40 minutes for an 8x8x2 pan. The 8x8x2 pan will make your bars a little taller as in my photo.
  • Let the bars cool completely in the pan.

Notes

I cut all around the edge of the pan to separate to get anything unstuck.
The whole piece actually lifted out of the pan and I was able to place it on a cutting board and put it there.
I made three slices in each direction and got 16 nice size square bars.
 

Nutrition

Serving:1Bar, Calories:194kcal, Carbohydrates:27g, Protein:2g, Fat:9g, Saturated Fat:2g, Sodium:75mg, Potassium:82mg, Fiber:1g, Sugar:16g, Vitamin A:270IU, Vitamin C:1.1mg, Calcium:20mg, Iron:0.9mg

share this recipe

34 responses to “Pineapple Coconut Bars”

4.84 from 6 votes (5 ratings without comment)

Leave a Reply

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

Recipe Rating




  1. Samantha Avatar

    Pina colada crumb bars! These would have been perfect for all of the parties I went to this weekend!

    1. Ginny McMeans Avatar

      They would be the life of the party Samantha!

  2. Rebecca {foodie with family} Avatar

    Oh yes, please! I love bar cookies and this is a wonderful combo!

    1. Ginny McMeans Avatar

      Ha! Thanks Rebecca!

  3. Christie - Food Done Light Avatar

    These sound like the perfect bar. Love the layers of flavor.

    1. Ginny McMeans Avatar

      Thank you so much Christie! They layers turned out perfect!

  4. The Food Hunter Avatar

    making these for sure!

  5. Stephanie @ Back For Seconds Avatar

    Well, you’ve done it. I am officially craving these 😉

  6. Amanda @TheKitcheneer Avatar

    I love this idea! And I love the pineapple filling!

  7. Angie Avatar

    These crumb bars look amazing! Love the pina colada!

  8. Paula - bell'alimento Avatar

    Now that’s the kind of crumbs I wouldn’t mind ; )

  9. Ashley @ Wishes & Dishes Avatar

    Pina Colada ANYTHING is like heaven to me 🙂

  10. Kim (Feed Me, Seymour) Avatar

    Ok, definitely pinning these. They look so sweet and perfect. I die for anything pina colada flavored!

    1. Ginny McMeans Avatar

      Thanks Kim! Aren’t pineapple and coconut a perfect combination?

  11. Brenda@SugarFreeMom Avatar

    How different and unique!

    1. Ginny McMeans Avatar

      Thank you Brenda. That makes me feel good!

  12. Lauren @ Healthy Delicious Avatar

    I love these! What great flavors for a bar!

    1. Ginny McMeans Avatar

      Great Lauren! Thanks so much!

  13. christine Avatar

    Oh my! I’ll take two batches please!

  14. Elizabeth@ Food Ramblings Avatar
    Elizabeth@ Food Ramblings

    Pina colada is the perfect flavor for summer!

  15. Melissa @ Nourish By Melissa Avatar

    Oh my gosh! Pina Colada in a bar! Drooling ! 🙂

  16. Nutmeg Nanny Avatar

    These look perfect for summer! Yum!

  17. dina Avatar

    they look great!

  18. Lola Scaggs Avatar

    what is coconut sugar? and Vegan butter?

    1. Ginny McMeans Avatar

      One of the vegan butters that is most easily found is Earth Balance. They have it at our Safeway. Coconut sugar is a little harder to find but it is at Trader Joe’s, Sprouts and other stores that feature natural and whole foods. Regular sugar can be used too.

  19. Ruby Avatar
    Ruby

    Wow, looks incredible!!! I wonder, if I’m using organic dried pineapple (which tends to be dryer) will the center filling still be the same?

    1. Ginny McMeans Avatar

      I feel that I used organic pineapple but even if I didn’t I think a drier pineapple would be fine. it will soften with the cooking and even if the filling is not creamy it will still be excellent.

  20. Aimee B. Avatar
    Aimee B.

    These look amazing! Do you think fresh pineapple would work?

    1. Ginny McMeans Avatar

      That is a guess but worth a try. Use half the water when you are cooking the mixture and add more if you think you need it. It shouldn’t need to take as long to cook down. Let me know how it works. Thanks Aimee.

  21. Jessica Avatar
    Jessica

    Do you think I could substitute with a gluten free flour without sacrificing taste/texture? Thanks! ?

    1. Ginny McMeans Avatar

      The only one that I think will work is almond flour. The other flours (that I can think of) would mean changing the amounts of other ingredients. I don’t know about taste because I haven’t made it but I know I do love almond flour. I think it would work fine.

  22. Bailey Avatar
    Bailey

    5 stars
    What an amazing recipe! Love the layers and it all tastes delicious. It’s fruity and sweet and so good!

  23. Tgeresa Avatar
    Tgeresa

    Would canned pineapple work???

    1. Ginny McMeans Avatar

      Yes, it sure would Tgeresa.

Ginny McMeans

Ginny McMeans

Hi, my name is Ginny and it is fantastic that you have come to visit and see my recipes. I have a positive attitude and can’t seem to be in nature enough. My North American bird count is 678 and I’m always watching for mammals and insects too. My head is stuffed full of recipes that I want to create and life is just to dang short. The recipes feature healthy and delicious vegan food that you can enjoy now or freeze for future meals.

Follow on social media:
More about Ginny