Sunshine Pineapple Coconut Bars

Pineapple Coconut Bars for 16 Bars
By Lila BeaumontUpdated:
These Pineapple Coconut Bars succeed because the crust is baked first to prevent sogginess. They offer a harmony of jammy, tangy filling and a crisp coconut topping.
  • 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

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.

MethodTimeTextureBest For
Stovetop Reduction10 minsJammy and thickA stable, clean slice
Direct Bake0 minsSofter, wetterA 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.

ComponentPurposeSubstitute Notes
Almond FlourAdds nuttiness and tendernessOat flour: Works well, but slightly denser
CornstarchThickens the pineapple juiceArrowroot: Use 1:1, but might be less stable
Coconut OilProvides a silky fat baseMelted 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 IngredientSubstituteWhy It Works
Maple SyrupHoneySimilar sweetness. Note: Slightly floral taste
Coconut SugarBrown SugarSimilar molasses notes. Note: Slightly more moist
Shredded CoconutDesiccated CoconutSame 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

  1. Preheat the oven to 350°F (175°C) and line an 8x8 inch baking pan with parchment paper.
  2. In a bowl, whisk together the 115g all purpose flour, 50g almond flour, 55g shredded coconut, and salt.
  3. Mix in the 56g melted coconut oil and maple syrup until a crumbly dough forms.
  4. 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

  1. 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.
  2. Whisk 25g cornstarch with 1 tbsp water for a slurry, stir it into the pineapple, and simmer for 2 minutes until thick and glossy.
  3. Stir in the vanilla extract and lime zest, then pour the filling evenly over the baked crust.

Phase 3: The Final Bake & Topping

  1. In a small bowl, combine 50g shredded coconut, 14g melted coconut oil, and 12g coconut sugar.
  2. Evenly sprinkle the coconut crumble over the pineapple layer.
  3. 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.

ProblemFix
Filling is too wetSimmer 5 mins longer
Crust is too sandyPress firmer into pan
Topping burnsTent 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.

Sunshine Pineapple Coconut Bars

Pineapple Coconut Bars for 16 Bars Recipe Card
0.0 / 5 (0 Review)
Preparation time:20 Mins
Cooking time:45 Mins
Servings:16 bars
Category: DessertCuisine: American
print Pin

Ingredients:

Instructions:

Nutrition Facts
Per serving
Calories
165 kcal
% Daily Value*
Total Fat 10.1g
Sodium 65mg
Total Carbohydrate 17.8g
   Dietary Fiber 1.5g
   Total Sugars 9.2g
Protein 1.9g
* Percent Daily Values are based on a 2,000 calorie diet.
Rate This Recipe
Tap a star to rate
Share, Rating and Comments: