• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Barbara Bakes™
  • Home
  • About
  • Info
  • Contact
  • Press
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • Breads
  • Breakfast
  • Desserts
    • Cakes
    • Cookies
    • Ice Cream
    • Pastry
    • All Desserts »
  • Main Dishes
    • Beef
    • Chicken
    • Pork
    • Pasta
    • Meatless
    • All Main Dishes »
  • Side Dishes & Vegetables
menu icon
go to homepage
  • Home
  • About
  • Recipes
  • Baking Tips
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • search icon
    Homepage link
    • Home
    • About
    • Recipes
    • Baking Tips
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×
    Home » Recipes » Recipes » Desserts » Bar Cookies & Brownies

    Pineapple Coconut Bar Cookies

    Published by Melissa on February 4, 2019 | Updated February 6, 2025 | 6 Comments

    FacebookPinterest
    Jump to Recipe
    Pinterest Hidden Image

    These Pineapple Coconut Bar Cookies are similar to a lemon bar but made with pineapple and coconut. It’s a little taste of the tropics in every sweet delicious bite. 

    Featured image of Pineapple Coconut Bars

    WANT TO SAVE THIS RECIPE?

    Enter your email below and we’ll send it straight to your inbox. Plus you’ll get great new recipes from us every week!

    Please enable JavaScript in your browser to complete this form.
    Loading

    When I was vacationing in Maui in December, we had breakfast at Grandma’s Coffee House in Kula. After our breakfast sliders, ham and egg on Hawaiian rolls with grilled onions, we got some of Grandma’s irresistible pastries to go. 

    My husband and I both loved the Pineapple Coconut Bar Cookies. So when I was invited to participate in the annual Cookies For Kids Cancer Food Bloggers’ Valentine’s Event, I knew it was the perfect time to recreate them in my own kitchen. 

    Good Cookie Food Bloggers Valentine's Event

    This is the third year for the Valentine’s event! We want to make a difference in the fight against pediatric cancer!

    Did you know that cancer is the #1 cause of death of children by disease in the U.S.? There are 40,000 U.S. children actively battling cancer right now. With less than 4% of the National Cancer Institute’s budget going to all childhood cancer combined, I knew it was important for me to get involved.

    Help us make a difference by donating to Cookies for Kids’ Cancer! Our goal is to raise at least $3000. Because these three companies: Dixie Crystals, Mediavine and OXO have each pledged to match our donations raised through this campaign up to $3000!

    Thanks to many of you, we have reached our goal. You can still donate and help us make an even bigger difference!

    Donate here.

    collage of Making A Coconut Crust for Pineapple Coconut Bars

     

    To make the bars easy to remove from the pan, I like to line the pan with aluminum foil. I used the new Reynolds Wrap non-stick aluminum foil. Have you tried it yet? It peels away so easily from the crust.

    Tip: Flip the baking pan upside down and shape the aluminum foil around the pan. Remove the foil, flip the baking pan back over and you have a perfectly shaped liner.

    I used my mini food processor to make the crust but you could use a pastry cutter and cut in the butter instead. 

    collage of Making the filling for Pineapple Coconut Bars

    The pineapple filling is super easy to make. You just use a can of crushed pineapple. The filling thickens quickly on the stove while the crust is baking.

    Tip: Mix the corn starch with the sugar before adding the pineapple so the cornstarch blends easily into the pineapple juices without worrying about clumping. 

    collage of making Pineapple Coconut Bars with Coconut Topping

    Once the crust has been baked, simply spread the filling on top of the crust. Then add a layer of coconut to the top and brown it until it’s golden brown.

    Be sure and let the bars cool completely before removing from the pan cutting into squares.

    Pineapple-Coconut-Bars-Uncut

    Use the foil to lift the cookies out of the baking pan. Then use a sharp serrated knife to cut the bars. I like to use a long watermelon knife. I cut them into four rows in each direction, so you get 16 bar cookies. 

    Like lemon bars, these Pineapple Coconut Bar Cookies are messy. It’s hard to get pretty, straight cuts, but I think you’re going to love this flavor combination. 

    Pineapple Coconut Bars sliced and served on a white plate

    I hope you’ll give these easy-to-make Pineapple Coconut Bar Cookies a try.

    WANT TO SAVE THIS RECIPE?

    Enter your email below and we will send it straight to your inbox. Plus you will get great new recipes from us every week!

    Please enable JavaScript in your browser to complete this form.
    Loading
    Featured image of Pineapple Coconut Bars
    Print Recipe Pin Recipe Rate this Recipe
    4.37 from 38 votes

    Pineapple Coconut Bar Cookies

    Servings: 16 bars
    Calories: 192kcal
    Author: Melissa Griffiths
    Prevent your screen from going to sleep

    Equipment

    • Breville BSB510XL Control Grip Immersion Blender
    • Pyrex Basics 8 inch Square (2 quart)
    • All-Clad 8701004396 Saucier Pan, 2-Quart, Stainless Steel

    Ingredients 

    • 1 cup flour
    • ½ cup light brown sugar
    • 2 cups shredded sweetened coconut divided
    • ¼ teaspoon salt
    • ½ cup unsalted butter

    Filling

    • 3 tablespoons granulated sugar
    • 2 tablespoons cornstarch
    • 1 20 oz. can crushed pineapple in 100% juice

    Instructions

    • Preheat the oven to 350°F. Line a square 8″ baking pan with aluminum foil or parchment paper. Set aside.
    • Prepare crust: Add flour, brown sugar and 1 cup coconut to a food processor bowl. Pulse to blend. Add the butter and pulse until a crumbly dough forms. Press into prepared pan. Bake crust for 10 minutes until light brown.
    • In a saucepan, whisk together sugar and cornstarch. Stir in crushed pineapple and cook over medium high heat until it comes to a boil and the juices thicken. Spread evenly over baked crust. Sprinkle remaining 1 cup coconut on top of filling.
    • Bake for 20 to 25 minutes, until coconut turns golden brown. Let cool completely before slicing. 

    Nutrition

    Serving: 1g | Calories: 192kcal | Carbohydrates: 28g | Protein: 1g | Fat: 9g | Saturated Fat: 6g | Polyunsaturated Fat: 2g | Cholesterol: 15mg | Sodium: 75mg | Fiber: 2g | Sugar: 19g

    More Bar Cookies You Might Like:

    Lemon Bar Cookie Cups, Barbara Bakes
    Chocolate Chip Coconut Oatmeal Bar Cookies, Barbara Bakes
    Millionaire Magic Bars, Barbara Bakes
    Shortcut Turtle Brownies, Barbara Bakes
    Salted Caramel Chocolate Chip Cookie Bars, A Spicy Perspective
    Butterfinger Fudge Cookie Bars, Shugary Sweets

    Pin It:

    collage of making Pineapple Coconut Bar Cookies
    FacebookPinterest
    « Baked Southwestern Egg Rolls
    Recipe for Meat Quiche – A Meat Lover’s Favorite Quiche »
    about us

    About Melissa & Barbara

    As of June 2022 Melissa Griffiths now is the one adding recipes. So think of it as Barbara Bakes, and Melissa too! Melissa and Barbara have been blogging friends for over 10 years and when Barbara was ready to retire and spend more time with her family, Melissa took over the site. Read more...

      • Facebook
      • Instagram
      • Pinterest
      • Twitter

    Reader Interactions

    Comments

      4.37 from 38 votes (38 ratings without comment)

      Leave a Reply Cancel reply

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

      Recipe Rating




    1. Kate Berkey

      April 15, 2019 at 10:48 pm

      I was looking for a cookie recipe for the whole family and I stumbled on this article. I read and followed the instructions carefully and I made it deliciously! Every member of my family is so happy! Thanks for this

      Reply
    2. JulieD

      March 14, 2019 at 2:12 pm

      This recipe looks amazing! From the bottom of my heart, thank you for participating in our V-Day event and driving awareness to C4KC’s mission!

      Reply
    3. Susannah

      March 04, 2019 at 11:33 am

      Barbara, You are wonderful for creating and sharing this lovely recipe for such a worthy cause!
      Your Mediavine swag should have arrived recently. It’s just a small token of our appreciation for your time and efforts to wipe out pediatric cancer.
      — Susannah at Mediavine

      Reply
      • Barbara Schieving

        March 05, 2019 at 6:09 am

        Thanks Susannah!

        Reply
    4. Carol

      February 04, 2019 at 11:23 am

      Oh my gosh YUM, Barbara! Bob doesn’t eat pineapple but I know exactly who I can share these with when I make them…my neighbor Kay. As soon as we let the Super Bowl party goodies disappear I’m going to have to make these…they look amazing. Yes I have used that nonstick foil-I love it for dishes that have cheese on top that have to be covered when baking-like lasagna…no more peeling the top layer of cheese off with the foil. I also like it when lining pie shells for blind baking…..the foil lifts right off the crust with the pie weights in it….I love that!

      Reply
      • Barbara Schieving

        February 05, 2019 at 8:25 am

        Thanks Carol! Let me know if you give them a try.

        Reply

    Primary Sidebar

    Welcome!

    Melissa and Barbara smiling

    Baking made easy! Sharing fabulous recipes for cookies, cakes, pies, breads and more. Barbara Bakes (and Melissa too!) Recipes from both of our kitchens to yours.

    Learn More »

    Popular Posts

    A freshly baked meat quiche in a glass pie dish sits on a wooden table. The quiche is golden brown with visible ingredients like onions and herbs. Behind it, stacked white plates, cutlery, and a pie server rest on a white cloth.

    Recipe for Meat Quiche – A Meat Lover’s Favorite Quiche

    A close-up of several pieces of homemade Indian flatbread naan with golden-brown spots, stacked on a wooden board.

    How to Make Indian Flat Bread (Quick Homemade Naan)

    A layered Mexican-style dish inspired by a classic mexican pizza recipe, topped with melted cheese, chopped tomatoes, green onions, and sour cream, served on a white plate on a red-striped placemat.

    Homemade Mexican Pizza Recipe

    Lemon-Blueberry-Quick-Bread-With-Streusel-Topping. Kind of a cross between a blueberry muffin and a blueberry coffee cake.

    The Best Blueberry Lemon Quick Bread Recipe

    Footer

    ↑ back to top

    SEEN ON

    as seen on promo graphic

    SEEN ON

    as seen on promo graphic

    About

    • Home
    • About
    • Contact
    • Press

    Browse

    • Recipe Index
    • Popular
    • Baking Tips
    • Travel

    Subscribe

    • Newsletter
    • Facebook
    • Instagram
    • Pinterest

    As an Amazon affiliate, and affiliate with other businesses, I earn from qualifying purchases.

    Copyright © 2024 barbarabakes.com. All rights reserved. DISCLOSURE - PRIVACY POLICY.

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.