Sunshine Pineapple Coconut Bars
- Prep & Cook: 20 minutes hands-on + 45 minutes in oven
- Taste Profile: Tangy pineapple paired with toasted coconut
- Perfect for: Tropical themed parties or a bright summer dessert
Table of Contents
As soon as these leave the oven, your kitchen fills with the scent of warm lime and toasted coconut. It's a tropical fragrance that instantly transports you to a seaside getaway. The magic lies in the balance between the zesty fruit and the rich, toasted base.
I once attempted to cut corners by skipping the initial bake. The result was a damp, overly sweet mass that tasted more like a canned drink than a dessert bar. It was a complete disaster. I quickly learned that those few minutes of pre-baking are non-negotiable.
You'll end up with a layer of reduced pineapple that has a jam-like consistency, crowned with a golden streusel. These Pineapple Coconut Bars are designed to be refreshing and tart rather than sugary.
Why the Texture Works
- Pre Baked Base: Baking the crust for 10 minutes creates a barrier. This stops the pineapple juice from soaking in and keeps the bottom firm.
- Simmered Fruit: Reducing the pineapple on the stove evaporates extra water. This concentrates the flavor and ensures the bars set properly.
Right then, let's look at how different methods change the result. Most people just dump the fruit in, but a little heat on the stove makes a huge difference.
| Method | Time | Texture | Best For |
|---|---|---|---|
| Stovetop Reduction | 10 mins | Jammy and thick | A stable, clean slice |
| Direct Bake | 0 mins | Softer, wetter | A rustic, spoonable dessert |
The Right Gear
A standard 8x8 inch baking pan works perfectly. Line it with parchment paper, ensuring the edges hang over the sides; this allows you to lift the entire slab out after cooling so the bars don't break.
You will need a medium saucepan for the pineapple filling. A heavy bottomed pan is best to keep the sugar from scorching during the simmering process. A whisk is great for combining the cornstarch slurry, though a fork works just as well.
The Core Ingredients
The ingredients here do a lot of heavy lifting. The almond flour keeps the crust from being too tough, while the lime zest cuts through the richness of the coconut oil.
| Component | Purpose | Substitute Notes |
|---|---|---|
| Almond Flour | Adds nuttiness and tenderness | Oat flour: Works well, but slightly denser |
| Cornstarch | Thickens the pineapple juice | Arrowroot: Use 1:1, but might be less stable |
| Coconut Oil | Provides a silky fat base | Melted butter: Adds a dairy flavor, slightly saltier |
The Quick Specs
For those who like the numbers, here is the breakdown. I've used weights because that's the only way to be sure the dough behaves.
- Prep time:20 minutes
- Bake time:45 minutes
- Total time: 1 hour 5 minutes
- Yield: 16 bars
- Oven Temp:350°F (175°C)
The Building Blocks
Gather these before you start. Make sure your coconut oil is melted but not boiling.
- 1 cup (115g) all purpose flour
- 1/2 cup (50g) almond flour Why this? Adds a tender crumb and nutty flavor
- 1/2 cup (55g) unsweetened shredded coconut
- 1/4 cup (50g) maple syrup
- 4 tbsp (56g) melted coconut oil
- 1/4 tsp (1.5g) sea salt
- 20 oz (567g) crushed pineapple in its own juice
- 2 tbsp (25g) cornstarch
- 2 tbsp (25g) coconut sugar
- 1 tsp (5ml) vanilla extract
- 1 tbsp (6g) lime zest
- 1/2 cup (50g) unsweetened shredded coconut (for topping)
- 2 tbsp (14g) melted coconut oil (for topping)
- 1 tbsp (12g) coconut sugar (for topping)
If you need to swap things out, use this table. Honestly, don't use low-fat coconut milk or substitutes in the crust, or it won't hold together.
| Original Ingredient | Substitute | Why It Works |
|---|---|---|
| Maple Syrup | Honey | Similar sweetness. Note: Slightly floral taste |
| Coconut Sugar | Brown Sugar | Similar molasses notes. Note: Slightly more moist |
| Shredded Coconut | Desiccated Coconut | Same flavor. Note: Less oily texture |
Putting It Together
Time to dive in. Stick to these instructions carefully so your Pineapple Coconut Bars maintain their structure.
Phase 1: Building the Golden Base
- Preheat the oven to 350°F (175°C) and line an 8x8 inch baking pan with parchment paper.
- In a bowl, whisk together the 115g all purpose flour, 50g almond flour, 55g shredded coconut, and salt.
- Mix in the 56g melted coconut oil and maple syrup until a crumbly dough forms.
- Press the mixture firmly into the base of the pan and bake for 10-12 minutes until edges are mahogany colored.
Phase 2: Making the Tropical Filling
- Combine the 567g crushed pineapple (with juice) in a saucepan over medium heat. Stir in 25g coconut sugar and simmer for 8-10 minutes until liquid reduces by one third.
- Whisk 25g cornstarch with 1 tbsp water for a slurry, stir it into the pineapple, and simmer for 2 minutes until thick and glossy.
- Stir in the vanilla extract and lime zest, then pour the filling evenly over the baked crust.
Phase 3: The Final Bake & Topping
- In a small bowl, combine 50g shredded coconut, 14g melted coconut oil, and 12g coconut sugar.
- Evenly sprinkle the coconut crumble over the pineapple layer.
- Bake for 20-25 minutes until the topping is golden brown.
Allow the Pineapple Coconut Bars to cool completely in the pan. It takes patience, but cutting them while hot is a recipe for disaster.
Fixing Common Issues
Even the best plans can hit a snag, usually due to variations in pineapple moisture between different brands.
Fixing Runny Filling
If your filling isn't thickening on the stovetop, it's likely because of excess liquid in the can. Continue simmering for another 5 minutes. If it remains too thin, stir in one additional teaspoon of cornstarch mixed with a splash of water.
Fixing Crumbling Crust
A crust that breaks when sliced was likely not pressed tightly enough into the dish. Ensure you pack the base down firmly before the first bake.
Fixing Burnt Topping
Coconut sugar caramelizes quickly. If the top looks overdone but the middle is still wobbly, cover the pan with a piece of foil for the final 10 minutes.
| Problem | Fix |
|---|---|
| Filling is too wet | Simmer 5 mins longer |
| Crust is too sandy | Press firmer into pan |
| Topping burns | Tent with foil |
Adjusting the Batch
If you're making these for a small group, you can halve the recipe. Use a loaf pan instead of an 8x8 square. Reduce the baking time by about 20%, but keep an eye on those mahogany edges.
For a double batch, don't just double the salt and lime zest. Use 1.5x the salt and zest to keep the flavors balanced. Work in two separate pans rather than one deep pan, or the center will never set.
When scaling these Pineapple Coconut Bars, the most important part is the pineapple reduction. If you double the fruit, it will take longer than 10 minutes to reduce by one third. Don't rush this step or you'll end up with a soup.
Storing Your Treats
Store these bars in the refrigerator for 4-5 days. Use an airtight container to ensure they don't absorb any surrounding scents.
They remain good in the freezer for up to 2 months. First, slice the bars and freeze them on a tray before transferring them to a bag to prevent them from sticking. For the best results, thaw them in the fridge overnight.
To minimize waste, save the leftover pineapple juice from the can. I like mixing it into a morning smoothie or using it as a fast glaze for grilled chicken.
Trying Other Versions
For a gluten-free twist, swap the all purpose flour for a 1:1 gluten-free blend. The almond flour already helps the texture, so the swap is pretty seamless.
If you want a vegan version, this recipe is already close. Just make sure your maple syrup is pure and your shredded coconut has no added milk solids. If you need something more filling, these protein bars are a great alternative for your snack stash.
To add a zesty kick, double the lime zest and add a pinch of ground ginger to the crust. This makes the Pineapple Coconut Bars taste even more like a tropical cocktail.
Ways to Serve
While delicious on their own, a swirl of coconut whipped cream turns these into a decadent dessert. If you're presenting them at a party, a light dusting of powdered sugar gives them a polished look.
For a complete tropical meal, pair these with some pineapple chicken salad for a cohesive menu. The salad's acidity perfectly balances the sweetness of the bars.
I also enjoy pairing them with chilled almond milk or a bold espresso. The coffee's intensity offsets the richness of the coconut oil, making the pineapple flavor shine.
And that's it! These Pineapple Coconut Bars are a bright, simple way to bring a bit of sunshine into your home. Just remember to pre-bake the crust so you get a result that's firm, jammy, and totally satisfying.
Recipe FAQs
Can I use a pie crust for these pineapple squares?
You can, but the texture will be softer and less nutty. The almond and coconut base provides a sturdier structure to support the fruit filling.
How to keep the pineapple layer from leaking?
Simmer the crushed pineapple with coconut sugar until the liquid reduces by one-third. Adding the cornstarch slurry at the end ensures a thick, stable set.
Should the pineapple always simmer for exactly 10 minutes?
No, and here's why. You should simmer for 8 10 minutes, but the primary goal is reducing the liquid by one-third regardless of the exact time.
Why does the crust turn mahogany colored?
This happens because the maple syrup and coconut oil caramelize at 350°F. This specific color indicates the base is set and ready for the topping.
Where should I keep these bars to stay fresh?
Keep them in a sealed container in the refrigerator for 4-5 days. You can also freeze sliced pieces for up to 2 months.
Would adding more coconut sugar make the crust sweeter?
Yes, but too much sugar may cause the base to spread. If you enjoyed balancing the sweetness of the coconut here, see how we use a similar nutty profile in our Cranberry Almond Granola.
Is it true I can pour the filling onto a raw crust?
Not true. The base must be pre-baked for 10 12 minutes to prevent the pineapple juice from making the bottom soggy.
What gives the pineapple filling its glossy look?
The cornstarch slurry creates that professional shine. Whisking it with water before adding it to the pan prevents lumps and adds the gloss.