Pineapple Coconut Bars with Oat Crust

Cut the crust into the pan first—buttery, sandy, pressed down firm. Twenty minutes of prep, thirty-five in the oven, and you’re done. These bars taste better cold anyway, which means you can make them ahead and just eat them whenever.

Why You’ll Love These Pineapple Coconut Bars

No bake required for the bars themselves—just a crust that bakes while you make the filling. Takes under an hour start to finish. The coconut gets toasty in the oven, not burnt. Oat crust stays crunchy even when chilled. Filling firms up perfectly in the fridge, so they’re actually easy to cut and eat without falling apart. Tastes tropical but doesn’t feel heavy. Works for potlucks, lunchboxes, or just sitting on the counter.

What You Need for Pineapple Coconut Bars

Butter. Softened, not melted—that matters. Brown sugar. The packed kind, not loose. Oats. Quick oats work, rolled oats are fine too. All-purpose flour. Nothing fancy. Unsweetened shredded coconut. The dried stuff. Fresh coconut would add moisture you don’t want here.

For the filling: granulated sugar. Cornstarch—this is what makes the pineapple filling thicken instead of staying runny. Canned crushed pineapple in juice. Don’t drain it. That juice does the work. Lime juice. Three tablespoons. Makes it bright instead of just sweet. More coconut for the top.

How to Make the Pineapple Coconut Bars Crust

Heat the oven to 350°F. Butter an 8-inch square pan and line the bottom with parchment—leave the edges hanging over so you can pull the whole thing out later.

Mix butter, brown sugar, oats, flour, and coconut together in a bowl. Use your hands. It should feel crumbly but stick together when you squeeze it. That’s the texture you want.

Press it into the pan. Firm, even pressure. Not too gentle—you need it compact. Too loose and it crumbles when you cut it. Use the flat bottom of a measuring cup if your hands are a mess. Press until it’s smooth and uniform thickness.

Bake for 12 minutes. The edges go pale gold. Touch the top—it should feel set but still have some give. Don’t let it brown too dark. You’ll know next time if it does.

How to Get the Pineapple Filling Right

Off heat, whisk sugar and cornstarch together in a saucepan. Make sure the cornstarch breaks up. Add the crushed pineapple with all its juice and the lime juice. Stir hard. The cornstarch needs to mix in smoothly or it’ll clump when it heats—trust me, lumpy filling is not happening on this batch.

Put it on the stove over medium heat. Stir constantly. Watch for bubbling at the edges first, then it’ll all start popping slowly. Keep stirring, scraping the bottom and sides. This part takes about 8 minutes. You’ll see it thicken. When a spoon leaves a trail that doesn’t immediately fill back in, it’s done.

Pour it over the hot crust. Don’t bang the pan around. Sprinkle the dried coconut on top evenly. It’ll toast slightly while it bakes and get a little brown and nutty.

Back in the oven for 22 minutes. Watch the edges—they should bubble a little. The center stays shiny and set but not wet. Doesn’t jiggle. If it looks crackled and dark on top, you went too far.

Pineapple Coconut Bars Tips and Common Mistakes

Cool completely before cutting. Hot bars fall apart. The parchment edges pull out easily once it’s cold—that’s the whole point of lining the pan.

Bars taste better chilled. The filling gets firmer, the crust stays crisp. Keep them in an airtight container in the fridge up to a week.

If the filling’s too runny after baking (shouldn’t happen, but sometimes ovens are weird), mix a teaspoon of cornstarch with a little cold water, stir it into the warm filling, simmer it for 2 more minutes. It’ll set up.

Fresh pineapple instead of canned? Drain it well. Use some of the juice you reserved instead of all water to keep the acidity right. The filling needs that acid to thicken properly.

No unsweetened coconut? Toasted flaked coconut works. Watch it though—it browns faster. Or skip the topping entirely. The bars are good either way. Coconut oil instead of butter gives you a similar texture but it melts easier, so the crust might bake a few minutes longer. Still works.

When you press the crust, wear plastic wrap on your hands or use a measuring cup. Makes the surface smooth and even, which affects how crisp it gets and how cleanly you can cut it.

Pineapple Coconut Bars with Oat Crust

By Emma

Prep:

20 min

Cook:

35 min

Total:

55 min

Servings:

12 servings

Ingredients

• Crust
• 110 g softened unsalted butter (about 1/2 cup minus 1 tbsp)
• 100 g packed light brown sugar (slightly less than 1/2 cup)
• 90 g quick oats (just under 1 cup)
• 70 g unbleached all-purpose flour (around 1/2 cup minus 1 tbsp)
• 40 g unsweetened shredded coconut
• Filling
• 100 g granulated sugar (half cup minus 1 tbsp)
• 25 ml cornstarch (1 tbsp plus 2 tsp; a bit less)
• 1 can 398 ml crushed pineapple in juice
• 45 ml fresh lime juice (3 tbsp, swap instead of lemon for a twist)
• 30 g unsweetened shredded coconut

Method

1. Crust
2. 1 Rack mid-oven at 175°C (350°F) preheated. Butter 20 cm (8-inch) square pan. Line bottom with parchment, leaving edges hanging — delicately, for easy pulling later.
3. 2 Toss butter, brown sugar, oats, flour, coconut in bowl. Feel the texture — crumbly yet cohesive. Press firmly but evenly into pan bottom. Don’t skimp; uniform thickness avoids uneven browning.
4. 3 Bake crust around 12 minutes. Edges get faintly golden, surface firms but still tender to touch. Poke lightly — it shouldn’t jiggle or feel soft inside. Too dark? Loss of buttery flavor, adjust next time.
5. 4
6. Filling
7. 5 Off heat, whisk sugar with cornstarch in saucepan. Add crushed pineapple with juice and lime juice. Stir thoroughly to dissolve starch. This mix makes thickening smoother; undissolved starch clumps, trust me, messy and uneven.
8. 6 Heat gently to bubbling; lower to simmer. Stir continuously scraping edges and base. Listen — steady bubbling with small popping sounds. Thickening takes about 8 minutes, stop when spoon leaves clear trails. Beware lumps; keep stirring or use whisk if they start to form.
9. 7
10. 8 Pour filling over partially baked crust — don’t tap pan. Then sprinkle shredded coconut evenly atop. Fresh or thawed coconut could spur chewiness; dry shredded for crisp top. Coconut flavor toastier after baking.
11. 9 Return pan to oven; bake 22 minutes more, until bubbling near edges but center set and shiny, not wet. Crackled surface means overbaking; moist sheen is perfect balance.
12. 10
13. 11 Cool completely in pan on wire rack. Then lift out by parchment edges — key for neat squares. Cut into 12 bars. Refrigerate in airtight container up to a week. Bars taste better chilled; filling firms, crust stays crunchy but not hard.
14. 12
15. 13 Tips if no unsalted butter? Use coconut oil, similar texture but higher melting point — bake a few minutes longer, watch crust color. No shredded coconut on hand? Toast flaked coconut lightly for nutty aroma substitute but reduce baking time slightly to avoid burning.
16. 14 Using fresh pineapple? Drain finely chopped pineapple and reserve juice. Use juice for part water portion to maintain correct moisture and acidity for thickening.
17. 15 If filling too runny after cooking, stir extra cornstarch dissolved in cold water, simmer 2 more minutes before pouring on crust.
18. 16 When pressing crust, line hands with plastic wrap or use flat bottom measuring cup to get smooth even surface. This affects final crunch and ease of cutting.
19. 17 Trust sight and touch — golden crust edges, thick-set filling with glossy top. Times vary depending on oven hot spots and ingredient temperature.
20. 18 Store bars cold to maintain texture; warming softens crust excessively.

Nutritional information

Calories

210

Protein

2g

Carbs

30g

Fat

9g

Print Recipe Save to Pinterest

Frequently Asked Questions About Pineapple Coconut Bars

Can I make these ahead? Three days in the fridge no problem. Four if you keep them airtight. They don’t freeze great because the filling gets grainy. Just make them a few days before you need them.

What if I don’t have cornstarch? Need it. That’s what makes the filling set. Flour might work but it’ll get lumpy and taste raw. Not worth trying.

Do I have to use lime juice? Lime’s better. Lemon works if that’s what you have. Doesn’t change the baking, just the flavor. Makes it less bright without it though.

How do I cut these cleanly? Cold bars cut way better than room temperature ones. Use a long sharp knife and wipe it between cuts. Some people run warm water over it. That helps.

Can these be no bake? The crust bakes. The filling technically cooks on the stove but not in the oven. So technically sort of. But the crust has to bake or you get raw dough texture. Not happening.

Why does the filling still look wet when it comes out? That’s correct. It’s not done setting until it’s cold. The cornstarch finishes thickening as it cools. Seems wet in the oven, firm in the fridge. That’s the whole thing.