Easy Coconut Pineapple Bars: A Tropical Delight with Crumbly Perfection
Indulge in the sweet, tangy, and utterly irresistible flavors of these homemade Coconut Pineapple Bars! Featuring a perfectly crumbly crust and topping made from the same simple mixture, these bars are filled with a luscious pineapple coconut filling that will transport your taste buds straight to a tropical paradise.

It’s truly fascinating how our palates evolve over the years, isn’t it? I still remember a time in my childhood when I would politely (or perhaps not so politely!) refuse any dish containing cooked fruit or, heaven forbid, coconut. Oh, how times have changed! Now, both ingredients are among my absolute favorites, especially when combined in a delightful dessert. I’d happily devour a warm fruit pie or a creamy coconut cream pie any day of the year, regardless of the season.
While my appreciation for certain vegetables remains a work in progress, I find solace in the fact that these wonderful pineapple bars bring a generous dose of fruit to the table. And let’s be honest, that absolutely counts for something! The marriage of bright, tangy pineapple and rich, sweet coconut is a culinary match made in heaven, creating a flavor profile that’s both comforting and exotic.
When I first experimented with this recipe, I initially omitted coconut from the filling, focusing solely on the pineapple. However, after that first bite, I instantly realized something was missing. The bars were good, but they yearned for that distinctive tropical essence. Adding a generous amount of shredded coconut directly into the pineapple filling was the game-changer. It transformed them from simply good to absolutely perfect, achieving a harmonious balance of flavors and textures that truly shines.

Essential Ingredients for Your Tropical Bars
Crafting these incredibly easy and satisfying pineapple coconut bars requires just a handful of staple ingredients, most of which you likely already have in your pantry. Each component plays a vital role in achieving that perfect crumbly texture and irresistibly sweet, tangy filling. Here’s a closer look at what you’ll need to gather:
- All-purpose flour: The foundation of our buttery crust and topping. When measuring flour, it’s crucial to use the “spoon and level” method. Instead of scooping directly from the bag, which can compact the flour and lead to an excess amount, gently spoon the flour into your measuring cup until it overflows. Then, use the back of a knife or a straight edge to level off the top. This ensures an accurate measurement and prevents your bars from becoming too dense or dry.
- Granulated sugar: This provides the perfect level of sweetness for both the crust and the filling. Since crushed pineapple naturally contributes a significant amount of sweetness, we use just 1/2 cup of granulated sugar to complement and round out the flavors without making the bars overly sugary. It’s all about balance!
- Salt: A small but mighty ingredient, a pinch of salt is essential in baking. It doesn’t just add a salty taste; it skillfully enhances and balances the overall sweetness of the pineapple and coconut filling, bringing out the depth of flavor in every bite. Don’t skip it!
- Unsalted butter: Always opt for unsalted butter when baking. This gives you complete control over the total salt content in your recipe, as the amount of salt in salted butter can vary considerably between different brands. Ensure your butter is softened to room temperature, as this will allow it to cream more easily with the dry ingredients, leading to a tender, uniform crumb.
- Sweetened shredded coconut: This is where that delightful tropical flavor truly shines! For this recipe, make sure to purchase sweetened shredded coconut, which is typically found in the baking aisle of most grocery stores. The natural sweetness and moist texture of sweetened coconut are key to the bars’ signature taste and mouthfeel.
- Canned crushed pineapple: The star of our filling! For the best flavor and consistency, always choose crushed pineapple that has been packed in its own juices, not in heavy syrup. Pineapples packed in heavy syrup will make your bars excessively sweet and potentially alter the texture of the filling. Remember to drain the pineapple thoroughly before use to avoid a watery filling.
- Cornstarch: This acts as a crucial thickening agent for the pineapple filling. It helps to create a luscious, jam-like consistency that holds its shape beautifully when sliced, without ever becoming “gloopy” or overly stiff. It ensures a smooth and tender filling.
- Fresh lemon juice: A squeeze of fresh lemon juice is essential for brightening up the entire dessert. Its natural acidity cuts through the sweetness of the pineapple and coconut, adding a delightful zing that prevents the bars from tasting flat or overly rich. It truly elevates the flavor profile, making each bite feel fresh and vibrant.
Crafting Your Perfect Pineapple Coconut Bars: A Step-by-Step Guide
The beauty of this recipe lies in its simplicity, especially how the same versatile mixture forms both the buttery crust and the irresistible crumbly topping. This clever technique saves time and effort without compromising on flavor or texture. Let’s walk through the process of bringing these delightful bars to life.
First, we’ll prepare the foundation. In a spacious mixing bowl, you’ll combine your all-purpose flour, granulated sugar, and a pinch of salt. These dry ingredients create the base for our crumb mixture. Next, cut your softened unsalted butter into smaller pieces and add it to the dry mixture. Using a handheld electric mixer on low speed, beat the ingredients together until they transform into coarse, sandy crumbs. If you don’t have a mixer, a sturdy fork or even your clean fingertips can achieve the same result, gently working the butter into the flour until crumbly.
Once your crumb mixture is ready, you’ll perform a crucial step: setting aside about 1 cup of this mixture to use later as the topping. Transfer this reserved portion to a separate bowl, then gently mix in 1/4 cup of the sweetened shredded coconut. Cover this bowl tightly and place it in the refrigerator. This keeps the butter firm, ensuring a perfectly crisp and golden topping later. The remaining crumb mixture is then pressed firmly and evenly into a foil-lined 8×8-inch baking dish. The foil lining is a lifesaver for easy removal once the bars are cooled. This crust will need a preliminary bake for approximately 20 minutes to set and become lightly golden before the filling is added.
While your crust is pre-baking, seize this opportune moment to prepare the star of the show: the easy pineapple coconut filling. In a medium saucepan, combine the drained crushed pineapple, granulated sugar, cornstarch, and fresh lemon juice. Cook this mixture over medium heat, stirring frequently, for about 5 to 7 minutes. You’ll notice it gradually thickens to a lovely, jam-like consistency. Once it reaches this point, remove it from the heat and stir in the remaining 1/2 cup of sweetened shredded coconut. This adds another layer of rich coconut flavor and texture. Set the filling aside, allowing it to cool slightly, so it’s ready to be spooned over the warm, pre-baked crust.
Finally, assemble and bake! Once the crust has completed its initial bake and slightly cooled, spoon the thickened pineapple coconut filling evenly over it. Retrieve the reserved coconut-infused crumb topping from the refrigerator and sprinkle it generously over the pineapple layer. Return the baking dish to the oven and continue to bake until the topping is beautifully golden brown and the filling is bubbling gently. Allow the bars to cool completely on a wire rack before attempting to slice them. Patience is key here, as cooling ensures they set properly and are easy to cut into perfect, delightful squares.

Storage Instructions for Freshness
These delicious coconut pineapple bars are wonderful to make ahead and store for later enjoyment. To keep them fresh at room temperature, simply place the cooled and sliced bars in an airtight container. They will maintain their quality and delicious flavor for up to five days. If you wish to extend their shelf life, these bars freeze beautifully. Wrap individual bars tightly in plastic wrap, then place them in a freezer-safe airtight container or heavy-duty freezer bag. They can be frozen for up to three months. When you’re ready to enjoy a frozen bar, simply transfer it to the refrigerator to thaw overnight, or warm gently in the microwave for a quicker treat.
Expert Baking Tips for Perfect Bars
- Customize Your Coconut Level: While I wholeheartedly recommend including coconut for that authentic tropical vibe, taste preferences vary. If you or your guests aren’t major fans of coconut, you absolutely can omit the shredded coconut from both the filling and the topping to create a pure pineapple crumb bar. It will still be incredibly delicious, with the tangy pineapple flavor taking center stage. However, the little toasted bits of coconut in the buttery crumb and the creamy texture in the filling truly elevate the experience!
- Embrace the Tropical Garnish: For an extra touch of flair and a fun “piña colada” aesthetic, consider garnishing your cooled coconut pineapple bars with vibrant maraschino cherries. A single cherry placed on top of each bar adds a pop of color and a hint of extra sweetness. This step is entirely optional, but it definitely enhances the visual appeal and tropical theme.
- Choosing the Right Pineapple: Always ensure you purchase canned crushed pineapple that has been packed in its own juices, not in heavy syrup. Pineapple in syrup contains added sugars that would make your bars far too sweet and can also affect the overall consistency of the filling. Draining the pineapple well is also crucial to prevent a watery filling that might not set properly.
- Don’t Rush the Cooling Process: It can be tempting to cut into these delicious bars as soon as they come out of the oven, but patience is key! Allowing the bars to cool completely, preferably on a wire rack, is essential. This gives the filling ample time to set up and the crust to firm, ensuring clean, perfect slices. If you cut them while warm, the filling might be too soft, and the bars could crumble.
- Pan Size Matters: This recipe is designed for an 8×8-inch baking pan. Using a different size, such as a 9×13-inch pan, will result in thinner bars and a potentially faster baking time. If you do use a larger pan, adjust your baking times accordingly and keep a close eye on the bars to prevent over-baking.
More Easy Pineapple Desserts to Love!
If you’re a fan of the bright and tangy flavor of pineapple, you’re in for a treat! Here are some other fantastic pineapple-infused desserts that are sure to become family favorites:
- Classic Pineapple Upside Down Cake
- Pineapple Carrot Cake
- Pineapple Upside Down Cupcakes
- Hummingbird Cake

Coconut Pineapple Bars
Pin Recipe
SaveSaved!
Leave a Review
Ingredients
For the crust and topping:
- 1 and 1/2 cups (190 grams) all-purpose flour spooned & leveled, ensuring accurate measurement
- 1/2 cup (100 grams) granulated sugar
- 1/4 teaspoon salt
- 3/4 cup (170 grams) unsalted butter softened, for a tender crumb
- 1/4 cup (18 grams) sweetened shredded coconut
For the pineapple coconut filling:
- 1 20-ounce can crushed pineapple, thoroughly 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 your oven to 350°F (175°C). Prepare an 8-inch square baking pan by lining it with aluminum foil, ensuring there’s enough overhang on the sides to easily lift the bars out later. Set this prepared pan aside.
-
In a large mixing bowl, combine the all-purpose flour, granulated sugar, and salt. Cut the softened unsalted butter into small pieces and add them to the dry mixture. Using a handheld electric mixer, beat the ingredients on low speed until the mixture forms coarse, uniform crumbs. Alternatively, you can achieve this by using a fork or your hands.
-
Measure out and reserve 1 cup of this crumb mixture. Transfer this reserved portion to a separate mixing bowl. Into this reserved mixture, gently mix in 1/4 cup of the sweetened shredded coconut. Cover the bowl tightly with plastic wrap and transfer it to the refrigerator to keep the butter firm.
-
Take the remaining crumb mixture (about 1 1/2 cups) and scoop it into your prepared 8-inch baking pan. Press it down firmly and evenly across the bottom to form the crust.
-
Bake the crust in the preheated oven at 350°F (175°C) for approximately 18-20 minutes, or until the top appears set and the edges are lightly golden brown. Remove the pan from the oven and set it aside to cool slightly while you prepare the filling.
To make the pineapple coconut filling:
-
In a large saucepan, combine the thoroughly drained crushed pineapple, 1/2 cup granulated sugar, cornstarch, and fresh lemon juice. Cook this mixture over medium heat, stirring consistently, for about 5-7 minutes. Continue cooking until the pineapple mixture has thickened to a jam-like consistency. Remove the saucepan from the heat and stir in the remaining 1/2 cup of sweetened shredded coconut.
-
Pour the warm pineapple coconut filling evenly over the pre-baked crust in the baking pan. Retrieve the reserved coconut crumb topping from the refrigerator and sprinkle it uniformly over the pineapple filling.
-
Return the baking pan to the oven and bake again at 350°F (175°C) for an additional 30-40 minutes, or until the top crumb layer is beautifully golden brown and the filling is bubbling slightly.
-
Carefully remove the pan from the oven and transfer it to a wire rack to cool completely. Allowing the bars to cool fully is essential for the filling to set and for clean slices. Once completely cooled, use the foil overhang to lift the entire slab of bars from the pan. Slice into bars of your desired size, and enjoy your tropical treat!
Notes
