Hawaiian Pineapple Coconut Bars with Creamy Frosting: The Tropical Dessert That Makes Brownies Look Boring

You want a dessert so sunny it practically high-fives your taste buds? These Hawaiian Pineapple Coconut Bars with Creamy Frosting are it—bright, buttery, and just rebellious enough to make you forget about cake. They’re punchy, chewy, and wildly nostalgic, like a beach vacation you can hold in one hand.

The texture? Shortbread base. Juicy pineapple center.

Coconut on top. Cream cheese frosting to finish the job. Translation: you’ll “accidentally” eat three.

Why This Recipe Works

Layered texture magic: A buttery shortbread crust keeps things sturdy while the pineapple-coconut filling stays lush and jammy.
Balanced sweetness: Pineapple’s tartness cuts through sugar, so the bars taste bright—not cloying.
Cream cheese frosting: Adds tang and silkiness, rounding out the tropical flavors like a pro backup singer.
Coconut equals chew: Shredded coconut adds texture, toasting slightly at the edges for nutty depth.
No-fuss assembly: One bowl for the crust, one for the filling, and an easy frosting.
Minimal drama, maximal payoff.

What Goes Into This Recipe – Ingredients

For the shortbread crust:
- 1 cup (2 sticks) unsalted butter, softened
- 1/2 cup granulated sugar
- 1/4 teaspoon fine sea salt
- 2 cups all-purpose flour, spooned and leveled
- 1 teaspoon vanilla extract
For the pineapple-coconut filling:
- 1 can (20 oz) crushed pineapple in juice, well-drained (reserve 2 tablespoons juice)
- 3 large eggs
- 3/4 cup granulated sugar
- 1/4 cup brown sugar
- 2 tablespoons all-purpose flour
- 1/2 cup unsweetened shredded coconut (or sweetened if you like it sweeter)
- 1 teaspoon lemon zest (optional but clutch)
- 1/2 teaspoon coconut extract (optional, boosts flavor)
- Pinch of salt
For the creamy frosting:
- 4 oz cream cheese, softened
- 2 tablespoons unsalted butter, softened
- 1 1/4 cups powdered sugar, sifted
- 1 teaspoon vanilla extract
- 1–2 tablespoons reserved pineapple juice (to thin, as needed)
- Pinch of salt
Optional garnish: Toasted coconut flakes, lime zest, or a drizzle of honey

Cooking Instructions

Preheat and prep: Heat oven to 350°F (175°C). Line a 9×13-inch baking pan with parchment, leaving overhang for easy lifting. Lightly grease.
Make the crust: Beat butter, sugar, salt, and vanilla until smooth and fluffy, 1–2 minutes.
Mix in flour just until a soft dough forms. Don’t overmix—this is shortbread, not bread-bread.
Par-bake: Press dough evenly into the pan. Dock with a fork a few times.
Bake 15–18 minutes until edges turn lightly golden. Set aside.
Mix the filling: Whisk eggs, granulated sugar, and brown sugar until combined. Add flour, salt, lemon zest, coconut extract, and shredded coconut.
Fold in well-drained crushed pineapple. The mixture should be thick, not watery.
Pour and bake: Spread filling over warm crust. Bake 22–28 minutes, until the center is set and the top is just starting to toast.
A little jiggle = fine; liquid slosh = not fine.
Cool completely: Let bars cool in the pan on a rack. Chill 30–60 minutes for cleaner cuts. Yes, patience.
I know.
Make the frosting: Beat cream cheese and butter until creamy. Add powdered sugar, vanilla, salt, and 1 tablespoon pineapple juice. Beat until smooth and spreadable, adding more juice if needed.
You want spreadable, not runny.
Frost and finish: Spread frosting over cooled bars. Garnish with toasted coconut or lime zest if you’re feeling fancy.
Slice and serve: Lift using parchment, cut into bars with a hot, clean knife. Wipe between cuts for crisp edges—chef’s kiss.

Storage Tips

Refrigerate: Store frosted bars in an airtight container for 4–5 days.
The frosting keeps them plush.
Freeze: Freeze unfrosted bars (whole slab or cut) up to 2 months, well-wrapped. Thaw overnight, then frost.
Traveling? Keep chilled and stacked with parchment between layers. They’re sturdy, not invincible.

Why This is Good for You

Pineapple perks: Vitamin C for immune support, plus bromelain enzymes that help with digestion.
Not mad at that.
Controlled sweetness: The acid-sweet balance means you get flavor dominance without sugar overload (IMO, way better than frosting bricks).
Satisfying fats: Butter and cream cheese deliver satiety, helping you enjoy a square and feel done. Key word: “helping.”
Coconut texture + fiber: Adds chew and a little fiber, making each bite more satisfying.

Pitfalls to Watch Out For

Watery pineapple: If you don’t drain it well, the filling gets soupy and ruins the crust. Press it in a sieve with a spoon.
Overbaked crust: Too dark = crumbly bars.
Aim for pale golden before adding the filling.
Hot frosting disaster: Frosting on warm bars will slide off like a bad decision. Cool completely first.
Dense filling: Overmixing beats out the texture. Stir just until combined.
Too-sweet overload: If using sweetened coconut, consider reducing the granulated sugar in the filling by 2–3 tablespoons.

Mix It Up

Lime glaze swap: Skip the cream cheese frosting and drizzle a lime-pineapple glaze (powdered sugar + lime juice + a little pineapple juice).
Macadamia crunch: Add 1/2 cup chopped macadamias to the crust or sprinkle on top before baking for a salty-crunchy flex.
Rum-kissed: Stir 1 tablespoon dark rum into the filling or frosting for a tiki twist.
Adults will notice.
Gluten-free: Use a 1:1 gluten-free baking flour for both crust and filling thickener. Add 1 tablespoon cornstarch to the filling for extra set.
Dairy-free: Use vegan butter for crust and a coconut cream-based frosting (whipped coconut cream + powdered sugar + vanilla).
Extra toasty top: Sprinkle coconut on top in the last 5–7 minutes of baking to get those golden edges.

FAQ

Can I use fresh pineapple instead of canned?

Yes, but chop it very fine and drain thoroughly. Fresh pineapple holds more water, so consider adding an extra teaspoon of flour to the filling to compensate.

My bars are soggy—what went wrong?

Likely under-drained pineapple or underbaked center.

Make sure the crust is lightly golden before adding filling and bake until the middle sets. Cooling and chilling also firm things up.

Do I have to use cream cheese frosting?

Nope. You can use a simple vanilla glaze, a coconut whipped cream, or leave them naked for a snappy, less-sweet vibe.

Can I make these a day ahead?

Absolutely.

They actually cut cleaner on day two. Store covered in the fridge and frost the day you serve for best texture.

How do I toast coconut without burning it?

Spread on a sheet pan and bake at 325°F (165°C) for 4–6 minutes, stirring once. Watch it like a hawk; it goes from golden to “oops” fast.

What pan size works if I don’t have 9×13?

A 10×10 or 9×9 pan works; bake a bit longer, and the bars will be thicker.

Start checking doneness 5 minutes later than directed.

Can I cut the sugar?

Yes. Reduce the filling sugar by up to 1/4 cup and the frosting sugar by 2–3 tablespoons. The pineapple keeps the flavor lively.

Why add lemon zest?

It brightens the pineapple, adding a fresh, citrus pop.

Tiny detail, big result—like upgrading your dessert’s microphone.

How do I get sharp, bakery-level slices?

Chill the bars, use a long hot knife, and wipe between cuts. It’s a little extra—but so is that glossy frosting layer.

In Conclusion

These Hawaiian Pineapple Coconut Bars with Creamy Frosting are everything you want from a crowd-pleaser: crisp base, lush tropical center, and a cool, tangy finish that makes people ask for the recipe. They’re simple enough for a weeknight, flashy enough for a party, and forgiving for new bakers.

Keep the pineapple well-drained, respect the cooling time, and let the frosting do what it does best—steal the show. Sunshine, squared.