Quick Pineapple Coconut Bars

Jenny

the heart behind Family Cooks Club

Best seller

knife

You’re Missing Out! This Chef Knife Is a Game-Changer

  • Stays Sharp: Ice-hardened for long-lasting sharpness.
  • Better Control: Unique finger hole for a steady grip.
  • Built to Last: Premium stainless steel and beech wood.
  • Perfect Balance: Comfortable weight for easy use.
  • Big Savings: 70% off, high quality at a steal.
  • Customer Approved: Loved for quality and ease.
Grab Yours Today at 70% Off!

This post may contain affiliate links learn more.

Of all the recipes that have become staples in my kitchen, this one for Quick Pineapple Coconut Bars holds a special place. I first made them on a whim one dreary afternoon, hoping to bring a little bit of sunshine into our home. The aroma that filled the house as they baked—a warm, buttery scent of toasted coconut and sweet pineapple—was an instant mood-lifter. When they came out of the oven, golden brown and bubbling at the edges, my family gathered around the cooling rack with an almost comical level of anticipation. The verdict was unanimous. The buttery, shortbread-like crust, the sweet and tangy pineapple filling, and the crunchy, chewy coconut crumble on top created a perfect symphony of textures and flavors. It was like a tropical vacation in a single bite. Since that day, these bars have become my go-to dessert for everything from summer barbecues and potlucks to a simple weeknight treat. They are deceptively easy to make, yet they look and taste like they came from a high-end bakery. They are, without a doubt, one of the most requested and universally loved treats I make, a surefire way to bring a smile to anyone’s face.

A Taste of the Tropics: Why Pineapple and Coconut Are a Perfect Pair

Before we dive into the specifics of this delightful recipe, let’s take a moment to appreciate the classic, unbeatable combination of pineapple and coconut. This pairing is the cornerstone of tropical cuisine and confections, evoking images of white sandy beaches, swaying palm trees, and warm, sunny days. It’s the flavor profile of the iconic Piña Colada, tropical cakes, and countless other desserts that aim to capture the essence of paradise.

The magic lies in the balance. Pineapple brings a vibrant, tangy sweetness with a bright, acidic punch that cuts through richness. It’s juicy, zesty, and undeniably cheerful. Coconut, on the other hand, offers a contrasting flavor and texture. Its flavor is milder, creamier, and nuttier, with a comforting warmth. Texturally, it can be chewy, crisp, or creamy, but in these bars, it provides a delightful chewiness and a toasted, crunchy topping that is simply irresistible.

When combined, they create a flavor experience that is greater than the sum of its parts. The pineapple’s acidity is mellowed by the coconut’s creamy sweetness, while the coconut’s richness is lifted and brightened by the pineapple’s tang. In these Quick Pineapple Coconut Bars, this dynamic duo is supported by a rich, buttery shortbread crust that acts as the perfect foundation, allowing the tropical stars to truly shine. This recipe harnesses that classic pairing in an accessible, crowd-pleasing format that is as easy to make as it is to devour.

Ingredients: The Building Blocks of Your Tropical Escape

The beauty of this recipe lies in its simplicity and reliance on pantry staples. Each component is chosen specifically to create the perfect balance of texture and flavor. Here’s what you’ll need to create these heavenly bars.

For the Crust and Crumble Topping:

  • 2 cups All-Purpose Flour: This forms the structural base of our shortbread crust and crumble. Standard all-purpose flour provides the perfect tender, yet sturdy, texture.
  • 1 cup Granulated Sugar: Provides the primary sweetness and contributes to the crispness of the crust and the lovely caramelization on the crumble topping.
  • 1/2 cup Packed Brown Sugar: Adds a deeper, molasses-like flavor and a wonderful chewiness that complements the granulated sugar perfectly. Make sure it’s packed firmly into the measuring cup.
  • 1/2 teaspoon Salt: A crucial ingredient in any sweet recipe. Salt doesn’t make the bars salty; it enhances all the other flavors, making the sweet notes sweeter and the tangy notes brighter.
  • 1 cup (2 sticks) Cold Unsalted Butter, cubed: The key to a flaky, tender shortbread crust. Using cold, cubed butter ensures it gets cut into the flour mixture properly, creating little pockets of fat that result in a melt-in-your-mouth texture when baked.

For the Pineapple Coconut Filling:

  • 1 (20-ounce) can Crushed Pineapple in Juice, well-drained: This is the heart of our filling. Using canned crushed pineapple is ideal for its consistent texture and sweetness. Draining it thoroughly is the most critical step to prevent a soggy bottom crust.
  • 1 cup Sweetened Shredded Coconut: This provides the iconic coconut flavor and a wonderful chewy texture within the filling. Sweetened coconut adds moisture and sweetness, balancing the tang of the pineapple.
  • 2 Large Eggs, lightly beaten: The binder that holds our filling together. The eggs create a custardy, stable filling that sets up beautifully as it bakes.
  • 1/2 cup Granulated Sugar: Adds necessary sweetness to the filling to balance the tartness of the pineapple.
  • 1/4 cup All-Purpose Flour: Acts as a thickener, ensuring the filling is jammy and set rather than runny.
  • 1 teaspoon Vanilla Extract: A background player that elevates the overall flavor profile, adding a touch of warmth and aromatic depth to the tropical notes.

Instructions: Your Step-by-Step Guide to Baking Paradise

Follow these detailed steps carefully for foolproof Pineapple Coconut Bars every single time. The process is straightforward, breaking down into three main parts: creating the crust, mixing the filling, and assembling the final product.

Step 1: Prepare Your Pan and Oven

  • Preheat your oven to 350°F (175°C).
  • Line a 9×13 inch baking pan with parchment paper, leaving a couple of inches of overhang on the two long sides. This “sling” will make it incredibly easy to lift the entire block of bars out of the pan for clean, perfect cutting later.
  • Lightly grease the parchment paper and any exposed sides of the pan with butter or non-stick cooking spray to ensure nothing sticks.

Step 2: Create the Buttery Crust and Crumble Mixture

  • In a large mixing bowl, whisk together the 2 cups of all-purpose flour, 1 cup of granulated sugar, 1/2 cup of packed brown sugar, and 1/2 teaspoon of salt. Make sure they are thoroughly combined.
  • Add the 1 cup of cold, cubed unsalted butter to the dry ingredients.
  • Using a pastry blender, two knives, or your fingertips, cut the butter into the flour mixture. Continue until the mixture resembles coarse, pea-sized crumbs. The goal is not to have a uniform dough, but a crumbly mixture with visible pieces of butter.
  • Measure out and set aside 1 ½ cups of this crumb mixture. This will be used for your topping later.
  • Take the remaining crumb mixture and press it firmly and evenly into the bottom of your prepared 9×13 inch pan. Use the bottom of a measuring cup or your hands to create a compact, level crust.

Step 3: Bake the Crust

  • Place the pan in the preheated oven and bake for 15-18 minutes, or until the edges are lightly golden brown. This pre-baking step, known as blind baking, is essential for a crisp crust that can stand up to the moist filling.
  • Once baked, remove the crust from the oven and set it on a wire rack to cool slightly while you prepare the filling. Do not turn the oven off.

Step 4: Prepare the Pineapple Coconut Filling

  • In a separate medium-sized bowl, combine the thoroughly drained crushed pineapple, 1 cup of sweetened shredded coconut, the 2 lightly beaten eggs, 1/2 cup of granulated sugar, 1/4 cup of all-purpose flour, and 1 teaspoon of vanilla extract.
  • Stir everything together with a spatula or spoon until it is just combined. Be careful not to overmix; you just want all the ingredients to be evenly distributed.

Step 5: Assemble and Bake the Bars

  • Pour the prepared pineapple coconut filling over the slightly cooled, pre-baked crust. Use a spatula to spread it out into an even layer, making sure it reaches all the corners of the pan.
  • Take the 1 ½ cups of the crumb mixture that you set aside earlier and sprinkle it evenly over the top of the pineapple filling.
  • Place the assembled bars back into the 350°F (175°C) oven.
  • Bake for 30-35 minutes, or until the topping is a beautiful golden brown and the filling appears set in the center. The edges should be slightly bubbly.
  • Once baked, carefully remove the pan from the oven and place it on a wire cooling rack. This next step is crucial: Let the bars cool completely in the pan. This will take at least 2 hours. Attempting to cut them while warm will result in a crumbly mess. Patience is key for perfect bars!

Step 6: Cut and Serve

  • Once the bars are completely cool, use the parchment paper overhangs to lift the entire slab out of the pan and onto a cutting board.
  • Using a large, sharp knife, cut the slab into squares or rectangles. For extra clean cuts, you can run the knife under hot water and wipe it dry between each slice.

Nutrition Facts

  • Servings: 24 bars
  • Calories per serving: Approximately 210 kcal

While these are an indulgent treat, here’s a brief look at their nutritional profile. Please note that these values are estimates and can vary based on the specific ingredients used.

  • Carbohydrates (approx. 28g): The primary source of energy in these bars, coming from the flour, sugars, and pineapple.
  • Fat (approx. 10g): Primarily from the butter and coconut, this provides the rich flavor and satisfying mouthfeel that makes these bars so decadent.
  • Sugar (approx. 18g): Contributes to the sweetness and delightful texture of the bars. This comes from the granulated and brown sugars, as well as the pineapple and sweetened coconut.
  • Protein (approx. 2g): A smaller component, contributed mainly by the flour and eggs, which help provide structure.
  • Sodium (approx. 65mg): Comes from the added salt, which is essential for enhancing the overall flavor profile of the dessert.

Preparation Time

These bars are wonderfully efficient to make, perfect for when you need a fantastic dessert without spending all day in the kitchen.

  • Active Preparation Time: 20 minutes (Mixing the crust, preparing the filling, and assembling the bars)
  • Baking Time: 45-53 minutes total (15-18 minutes for the crust, plus 30-35 minutes for the final bake)
  • Cooling Time: 2 hours (This is a non-negotiable passive time. It is critical for allowing the bars to set up properly for clean cutting.)
  • Total Time: Approximately 3 hours and 15 minutes

How to Serve Your Pineapple Coconut Bars

These bars are wonderfully versatile and can be served in a variety of ways to suit any occasion. Here are a few of our favorite serving suggestions:

  • Classic and Simple:
    • Serve them at room temperature, exactly as they are. Their flavor and texture are perfect on their own, making them an ideal treat for an afternoon snack with coffee or tea.
  • A La Mode:
    • Gently warm an individual bar in the microwave for 10-15 seconds.
    • Top with a scoop of high-quality vanilla bean ice cream.
    • For an even more tropical feel, use coconut or mango sorbet instead. The contrast of the warm bar and the cold, creamy ice cream is pure bliss.
  • With a Drizzle:
    • Whip up a simple lime glaze (powdered sugar, a splash of milk, and fresh lime juice and zest) and drizzle it over the cooled bars for an extra pop of citrusy brightness.
    • A drizzle of melted white chocolate also complements the pineapple and coconut flavors beautifully.
  • For a Party or Potluck:
    • Arrange the cut bars neatly on a decorative platter.
    • Garnish the platter with a sprinkle of toasted coconut flakes or a few fresh pineapple wedges and mint leaves to hint at the flavors inside.
    • They are sturdy and hold their shape well, making them perfect for transport and serving to a crowd.

Additional Tips for Perfect Bars Every Time

  1. Drain the Pineapple Thoroughly: This is the most important tip. Place the crushed pineapple in a fine-mesh sieve and press down firmly with the back of a spoon to squeeze out as much juice as possible. Excess liquid will lead to a soggy crust.
  2. Don’t Overwork the Crust Mixture: When cutting the cold butter into the flour, stop when you have a coarse, crumbly texture. Overmixing will develop the gluten and melt the butter, resulting in a tough, greasy crust instead of a tender, flaky one.
  3. Embrace the Parchment Paper Sling: Don’t skip the step of leaving an overhang of parchment paper. It is a game-changer for removing the bars from the pan without breaking them, ensuring professional-looking, perfectly cut squares.
  4. Toast the Coconut for Deeper Flavor: For an extra layer of nutty, complex flavor, spread your sweetened shredded coconut on a baking sheet and toast it in the 350°F (175°C) oven for 5-7 minutes, until lightly golden, before adding it to the filling. Keep a close eye on it as it can burn quickly!
  5. Patience is a Virtue (Especially for Cooling): I cannot stress this enough: let the bars cool completely before cutting. The filling needs time to set fully. If you rush this step, they will fall apart. If you’re in a hurry, you can place the pan in the refrigerator for about an hour to speed up the process.
  6. Use Room Temperature Ingredients for the Filling: While the butter for the crust must be cold, using room temperature eggs for the filling will help it mix together more smoothly and evenly.
  7. Press the Crust Firmly: When pressing the crust mixture into the bottom of the pan, use the flat bottom of a glass or measuring cup to pack it down tightly. This creates a solid, stable base that won’t crumble when you serve the bars.
  8. Store Them Properly: These bars are best stored in an airtight container in the refrigerator for up to 5 days. The chilling keeps the crust firm and the filling fresh. They taste fantastic straight from the fridge!

Frequently Asked Questions (FAQ)

1. Can I use fresh pineapple instead of canned?
Yes, you can, but it requires extra prep. You will need to chop the fresh pineapple very finely to mimic the texture of crushed pineapple. More importantly, fresh pineapple contains more water and an enzyme (bromelain) that can affect how the filling sets. To counteract this, cook the finely chopped fresh pineapple on the stovetop for 5-10 minutes to break down the enzymes and cook off excess moisture before using it in the filling.

2. Can I make these bars ahead of time?
Absolutely! These are a perfect make-ahead dessert. You can bake them a day or two in advance. Let them cool completely, then cover the pan tightly with plastic wrap or foil and store them in the refrigerator. They taste even better the next day as the flavors have time to meld.

3. My bottom crust turned out soggy. What did I do wrong?
The most likely culprit is not draining the crushed pineapple well enough. Any excess juice will seep into the crust during baking, making it soft. The other possibility is that you didn’t pre-bake the crust long enough to create a solid, sealed base.

4. How do I know when the bars are fully baked?
Look for visual cues. The crumble topping should be a deep golden brown, and the filling around the edges should look set and slightly bubbly. If you gently jiggle the pan, the center should not wobble excessively.

5. Can I freeze these Pineapple Coconut Bars?
Yes, they freeze beautifully! Once completely cooled and cut into squares, you can freeze them in a single layer on a baking sheet. Once solid, transfer them to a freezer-safe zip-top bag or airtight container, placing a small piece of parchment paper between layers to prevent sticking. They will keep well for up to 3 months. To serve, thaw them in the refrigerator or at room temperature.

6. Can I use unsweetened shredded coconut?
You can, but it will change the final flavor and texture slightly. If you use unsweetened coconut, the bars will be less sweet and the filling a bit less moist. You may want to increase the sugar in the filling by 2-3 tablespoons to compensate.

7. I don’t have a pastry blender. What else can I use for the crust?
No problem! You can use two butter knives in a crisscross motion to cut the butter into the flour. Alternatively, you can use your fingertips to quickly rub the butter into the flour mixture. The key is to work quickly so the butter stays cold. A food processor also works wonderfully—just pulse the dry ingredients and cold butter until it resembles coarse crumbs.

8. Can I double this recipe?
Yes, you can double the recipe, but you will need a larger pan, such as a half-sheet pan (approximately 13×18 inches). Keep in mind that the baking time might need to be adjusted slightly, so start checking for doneness around the 30-minute mark of the final bake.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Quick Pineapple Coconut Bars


  • Author: Jenny

Ingredients

Scale

The beauty of this recipe lies in its simplicity and reliance on pantry staples. Each component is chosen specifically to create the perfect balance of texture and flavor. Here’s what you’ll need to create these heavenly bars.

For the Crust and Crumble Topping:

  • 2 cups All-Purpose Flour: This forms the structural base of our shortbread crust and crumble. Standard all-purpose flour provides the perfect tender, yet sturdy, texture.
  • 1 cup Granulated Sugar: Provides the primary sweetness and contributes to the crispness of the crust and the lovely caramelization on the crumble topping.
  • 1/2 cup Packed Brown Sugar: Adds a deeper, molasses-like flavor and a wonderful chewiness that complements the granulated sugar perfectly. Make sure it’s packed firmly into the measuring cup.
  • 1/2 teaspoon Salt: A crucial ingredient in any sweet recipe. Salt doesn’t make the bars salty; it enhances all the other flavors, making the sweet notes sweeter and the tangy notes brighter.
  • 1 cup (2 sticks) Cold Unsalted Butter, cubed: The key to a flaky, tender shortbread crust. Using cold, cubed butter ensures it gets cut into the flour mixture properly, creating little pockets of fat that result in a melt-in-your-mouth texture when baked.

For the Pineapple Coconut Filling:

  • 1 (20-ounce) can Crushed Pineapple in Juice, well-drained: This is the heart of our filling. Using canned crushed pineapple is ideal for its consistent texture and sweetness. Draining it thoroughly is the most critical step to prevent a soggy bottom crust.
  • 1 cup Sweetened Shredded Coconut: This provides the iconic coconut flavor and a wonderful chewy texture within the filling. Sweetened coconut adds moisture and sweetness, balancing the tang of the pineapple.
  • 2 Large Eggs, lightly beaten: The binder that holds our filling together. The eggs create a custardy, stable filling that sets up beautifully as it bakes.
  • 1/2 cup Granulated Sugar: Adds necessary sweetness to the filling to balance the tartness of the pineapple.
  • 1/4 cup All-Purpose Flour: Acts as a thickener, ensuring the filling is jammy and set rather than runny.
  • 1 teaspoon Vanilla Extract: A background player that elevates the overall flavor profile, adding a touch of warmth and aromatic depth to the tropical notes.

Instructions

Follow these detailed steps carefully for foolproof Pineapple Coconut Bars every single time. The process is straightforward, breaking down into three main parts: creating the crust, mixing the filling, and assembling the final product.

Step 1: Prepare Your Pan and Oven

  • Preheat your oven to 350°F (175°C).
  • Line a 9×13 inch baking pan with parchment paper, leaving a couple of inches of overhang on the two long sides. This “sling” will make it incredibly easy to lift the entire block of bars out of the pan for clean, perfect cutting later.
  • Lightly grease the parchment paper and any exposed sides of the pan with butter or non-stick cooking spray to ensure nothing sticks.

Step 2: Create the Buttery Crust and Crumble Mixture

  • In a large mixing bowl, whisk together the 2 cups of all-purpose flour, 1 cup of granulated sugar, 1/2 cup of packed brown sugar, and 1/2 teaspoon of salt. Make sure they are thoroughly combined.
  • Add the 1 cup of cold, cubed unsalted butter to the dry ingredients.
  • Using a pastry blender, two knives, or your fingertips, cut the butter into the flour mixture. Continue until the mixture resembles coarse, pea-sized crumbs. The goal is not to have a uniform dough, but a crumbly mixture with visible pieces of butter.
  • Measure out and set aside 1 ½ cups of this crumb mixture. This will be used for your topping later.
  • Take the remaining crumb mixture and press it firmly and evenly into the bottom of your prepared 9×13 inch pan. Use the bottom of a measuring cup or your hands to create a compact, level crust.

Step 3: Bake the Crust

  • Place the pan in the preheated oven and bake for 15-18 minutes, or until the edges are lightly golden brown. This pre-baking step, known as blind baking, is essential for a crisp crust that can stand up to the moist filling.
  • Once baked, remove the crust from the oven and set it on a wire rack to cool slightly while you prepare the filling. Do not turn the oven off.

Step 4: Prepare the Pineapple Coconut Filling

  • In a separate medium-sized bowl, combine the thoroughly drained crushed pineapple, 1 cup of sweetened shredded coconut, the 2 lightly beaten eggs, 1/2 cup of granulated sugar, 1/4 cup of all-purpose flour, and 1 teaspoon of vanilla extract.
  • Stir everything together with a spatula or spoon until it is just combined. Be careful not to overmix; you just want all the ingredients to be evenly distributed.

Step 5: Assemble and Bake the Bars

  • Pour the prepared pineapple coconut filling over the slightly cooled, pre-baked crust. Use a spatula to spread it out into an even layer, making sure it reaches all the corners of the pan.
  • Take the 1 ½ cups of the crumb mixture that you set aside earlier and sprinkle it evenly over the top of the pineapple filling.
  • Place the assembled bars back into the 350°F (175°C) oven.
  • Bake for 30-35 minutes, or until the topping is a beautiful golden brown and the filling appears set in the center. The edges should be slightly bubbly.
  • Once baked, carefully remove the pan from the oven and place it on a wire cooling rack. This next step is crucial: Let the bars cool completely in the pan. This will take at least 2 hours. Attempting to cut them while warm will result in a crumbly mess. Patience is key for perfect bars!

Step 6: Cut and Serve

  • Once the bars are completely cool, use the parchment paper overhangs to lift the entire slab out of the pan and onto a cutting board.
  • Using a large, sharp knife, cut the slab into squares or rectangles. For extra clean cuts, you can run the knife under hot water and wipe it dry between each slice.

Nutrition

  • Serving Size: one normal portion
  • Calories: 210
  • Sugar: 10g
  • Sodium: 65mg
  • Fat: 10g
  • Carbohydrates: 28g
  • Protein: 2g