Chewy Coconut Bars are one of those simple desserts I’ll pick over most cookies when I want something a little richer and more filling. You get a buttery crust on the bottom and a sweet coconut layer on top, and it all slices up neatly into snackable squares.
The texture is the whole point for me: soft and chewy in the center, a little crisp at the edges, and that classic condensed milk coconut flavor that tastes like a real bake sale bar. I also like that it’s dependable—no frosting, no fussy decorating, just a pan of bars that actually hold their shape.
I make these a lot for cookie trays, potlucks, and holiday weekends, and they travel well once they’re chilled. They’re also great with a cup of coffee in the afternoon when you want something sweet but not a giant slice of cake.
Why You’ll Love This Recipe
Soft and Chewy: The coconut layer sets up nicely but stays chewy, especially if you’re careful not to overbake.
Easy to Slice: A quick chill makes a big difference, and you end up with clean bars instead of messy scoops.
Great for Cookie Trays: They’re sturdy, stackable, and a nice change from standard drop cookies.
Classic Coconut Flavor: Sweetened coconut and condensed milk give that familiar, old-school coconut bar taste.
Simple Add-Ins: Almonds or chocolate chips fit right in if you want to change them up without messing with the recipe.
Ingredients You’ll Need
Crust
- All-purpose flour: I use regular AP flour here. It makes a sturdy crust that still stays tender once it cools.
- Granulated sugar: Keeps the crust lightly sweet and helps it bake up a little crisp at the edges.
- Fine salt: Don’t skip it. It keeps the crust from tasting flat.
- Unsalted butter: Melted butter is what makes this crust so easy—no mixer needed. If you only have salted butter, just go a little lighter on the added salt.
- Vanilla extract: Simple, but it helps the crust taste more like a cookie base.
Coconut Layer
- Sweetened shredded coconut: This is where the chewiness comes from. I like the standard shredded kind (not flakes) so it folds in evenly.
- Sweetened condensed milk: This gives you that classic coconut bar filling and helps it set into a soft, sliceable layer.
- Eggs: Helps the topping hold together once baked. Let them come to room temp if you think of it, but it’s not a dealbreaker.
- Light brown sugar: Adds a deeper sweetness than plain white sugar and makes the topping taste a little more caramel-y.
- All-purpose flour: A small amount helps the coconut layer set up so it doesn’t feel runny in the middle.
- Baking powder: Just enough lift so the topping doesn’t bake up too dense.
- Fine salt: Coconut desserts need salt. It keeps the sweetness in check.
- Vanilla extract: I use vanilla in the topping too, so the whole pan has that warm, baked-bar flavor.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F, and line a 9×13-inch baking pan with parchment paper, leaving some overhang on the sides.
- Mix the dry ingredients: In a medium bowl, stir together the flour, granulated sugar, and salt.
- Add the butter: Stir in the melted butter and vanilla until the mixture is evenly moistened and no dry flour spots remain.
- Press the crust: Press the crust mixture firmly into the prepared pan in an even layer.
- Bake the crust: Bake until it’s lightly golden at the edges.
- Whisk the topping: In a bowl, whisk the condensed milk, eggs, brown sugar, flour, baking powder, salt, and vanilla until smooth.
- Add the coconut: Fold in the shredded coconut until evenly combined.
- Top the crust: Spread the coconut mixture evenly over the hot crust, then gently press it to level it out.
- Bake: Bake until the top is set and golden and the center no longer jiggles.
- Cool and chill: Cool completely in the pan, then chill for 30 minutes for cleaner cuts.
- Slice: Lift out using the parchment overhang and slice into bars.
Some of my tips!
This is the part that really makes a difference. If you only read one section, make it this one because this is where I share the little trick that helps the recipe turn out so well.
Recipe Tips & Tricks
Don’t overbake the topping. If you bake it until it’s deeply browned all over, the bars can turn dry and less chewy. Pull the pan when the top is set and the center doesn’t jiggle anymore.
Cool all the way before cutting. These need time to set, and warm bars will squish and stick to the knife. I usually let them cool at room temp, then chill for that final firm-up.
Use parchment with overhang. It makes lifting the whole slab out of the pan much easier. It also helps a lot with clean edges.
Press the crust firmly. If the crust is loose, it can crumble when you cut the bars. I press it down with the bottom of a measuring cup to get it even and packed.
Keep the coconut evenly spread. Take an extra minute to spread and lightly press the topping level. That way you don’t end up with thick corners and thin middle pieces.
Make some touches!
There are plenty of easy ways to serve this depending on the occasion. Keep it simple, or add a few small touches to make it feel a little more special.
Serving Suggestions
- Coffee or espresso: These are really good with coffee, especially if you like coconut desserts. I usually serve them with a simple latte or black coffee.
- Milk: A cold glass of milk is classic with sweet bars like this. It’s also nice if you add chocolate chips to the topping.
- Fresh fruit: Strawberries, raspberries, or pineapple on the side are nice if you want something a little lighter on the plate. You don’t need much.
- Whipped cream: If you’re serving these as a plated dessert, a small spoonful of whipped cream is plenty. It’s especially nice with toasted coconut on top.
Save it for later
This section covers how to store leftovers and what parts of the recipe you can prepare ahead of time.
Storage and Make Ahead
Store leftovers covered at room temperature for 1 to 2 days if your kitchen isn’t warm. After that, I move them to the fridge so the coconut layer stays firm and neat.
Store leftovers covered in the fridge for up to 5 days. I like these chilled, but you can let a bar sit out for 10 to 15 minutes if you want it a little softer.
You can also make this recipe ahead for parties and trays. Bake the day before, chill, and slice when you’re ready to serve.
If you want them to last longer, freeze individual portions in an airtight container. Thaw in the fridge overnight or at room temp for an hour or so.
A few quick answers
This section covers a few extra details that may help before you head to the recipe card.
Recipe FAQs
How do I know when the coconut layer is done?
The top should look set and lightly golden, and the center shouldn’t jiggle when you gently nudge the pan. A little softness is fine—it firms up more as it cools.
Can I use unsweetened shredded coconut?
Yes. The bars will be less sweet and a little more “toasty” tasting. I’d increase the brown sugar by 2 tablespoons to keep the topping from tasting flat.
Why did my bars turn out dry instead of chewy?
Most of the time it’s from overbaking. These are better pulled a little earlier, then cooled completely before slicing.
Can I add nuts or chocolate chips?
Absolutely. Stir in about 1/2 cup chopped almonds or chocolate chips with the coconut, then bake as directed.
Do I really need to chill before cutting?
I strongly recommend it if you want clean squares. A short 30-minute chill tightens up the topping and makes the crust less crumbly when you slice.
You might also like
Before you go, take a look at a few other recipes below the recipe card. They use similar ingredients in a different way and are worth saving too.
MORE DINNER RECIPES TO TRY
Chewy Coconut Bars
INGREDIENTS
Crust
- 2 cups all purpose flour
- 1/2 cup granulated sugar
- 1/4 tsp fine salt
- 1 cup unsalted butter melted
- 1 tsp vanilla extract.
Coconut Layer
- 2 cups sweetened shredded coconut
- 14 oz sweetened condensed milk
- 2 large eggs
- 1/2 cup light brown sugar packed
- 2 tbsp all purpose flour
- 1/2 tsp baking powder
- 1/4 tsp fine salt
- 1 tsp vanilla extract.
INSTRUCTIONS
Prep and Crust
- Heat oven to 350 F and line a 9 by 13 inch baking pan with parchment leaving overhang
- mix flour sugar and salt then stir in melted butter and vanilla until evenly moistened
- press crust mixture firmly into the pan in an even layer
- bake until lightly golden at the edges.
Coconut Layer and Bake
- Whisk condensed milk eggs brown sugar flour baking powder salt and vanilla until smooth then fold in shredded coconut
- spread topping evenly over hot crust and gently press to level
- bake until the top is set and golden and the center no longer jiggles
- cool completely in the pan then chill 30 minutes for clean cuts and slice into bars.
