Toasted Coconut Cookie Bars are my kind of low-effort dessert when I want a bar cookie that tastes like a real treat. They’re chewy and buttery with that toasty coconut flavor that makes them stand out from plain blondies.
The texture here is what I love most: soft in the middle, set around the edges, and just rich enough. The coconut gets mixed right into the batter, and the vanilla keeps it tasting like a classic cookie bar instead of a one-note coconut dessert.
I make these for cookie trays, casual get-togethers, and weekends when I want something easy to slice and serve. They’re also great with a cup of coffee or tea, especially if you like desserts that lean buttery.
Why You’ll Love This Recipe
Soft and Chewy: These stay tender and a little chewy, especially if you pull them when the center still looks slightly underdone.
Toasty Coconut Flavor: Toasting the coconut first makes a big difference. It adds a deeper flavor (and keeps the bars from tasting flat).
One-Bowl Batter: After the coconut is toasted, the batter comes together fast and doesn’t need any fancy equipment.
Easy to Slice and Share: A 9×13 pan makes a full batch, and they cut nicely once they’re completely cool.
Optional White Chocolate: You can add chips for a little extra sweetness, or skip them for a more coconut-forward bar.
Ingredients You’ll Need
Toasted Coconut
- Sweetened shredded coconut: I like sweetened here because it browns nicely and gives that classic cookie-bar sweetness. Just keep an eye on it while it toasts—it can go from golden to burnt fast.
Cookie Bar Batter
- Unsalted butter: Melted butter is what gives these bars that dense, chewy texture. Let it cool slightly so it doesn’t scramble the eggs.
- Light brown sugar: This is where a lot of the chewiness comes from. Dark brown sugar works too if you want a slightly deeper caramel taste.
- Granulated sugar: This helps the bars bake up with set edges and a classic cookie-bar bite. I wouldn’t skip it.
- Eggs: Room temp is easiest to mix in smoothly. Cold eggs can make the butter firm up into little bits.
- Vanilla extract: Use real vanilla if you have it—this recipe leans on vanilla for that cozy cookie flavor.
- All purpose flour: I use regular flour here. Measure it lightly so the bars don’t turn cakey.
- Baking powder: Just enough to give a little lift so the bars aren’t heavy bricks.
- Fine salt: Don’t skip it. It keeps the sweetness in check and makes the butter flavor pop.
- Toasted shredded coconut: This is the star ingredient once it’s toasted. Make sure it’s fully cooled before it goes into the batter.
- White chocolate chips (optional): These are nice if you want a sweeter, more dessert-y bar. If you prefer the coconut flavor to be the main thing, leave them out.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F. Line a 9×13-inch baking pan with parchment paper, leaving an overhang so you can lift the bars out later.
- Toast the coconut: Spread the coconut out on a baking sheet in an even layer. Toast for 5 to 8 minutes, stirring once, until it’s deep golden, then set aside to cool.
- Mix the butter and sugars: In a large bowl, whisk the melted butter, brown sugar, and granulated sugar until it looks glossy and well blended.
- Add the eggs and vanilla: Whisk in the eggs and vanilla until the mixture is smooth.
- Add the dry ingredients: Fold in the flour, baking powder, and salt just until you don’t see dry flour.
- Fold in the coconut: Stir in the toasted coconut, and add the white chocolate chips if you’re using them.
- Spread the batter: Scrape the batter into the prepared pan and spread it into an even layer, reaching the corners.
- Bake: Bake for 22 to 28 minutes, until the edges are set and a toothpick comes out with a few moist crumbs.
- Cool and slice: Cool completely in the pan, then use the parchment overhang to lift out the slab. Slice into bars and serve.
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
Watch the coconut closely while it toasts. It can brown unevenly, so I always stir once and keep checking near the end. You want deep golden, not dark brown.
Let the toasted coconut cool first. Warm coconut can soften the batter too much and melt the chips if you added them. Give it a few minutes on the pan before mixing it in.
Don’t overmix after adding flour. Fold just until the flour disappears. Overmixing makes cookie bars tougher than they need to be.
Pull them when the center still looks a little soft. If you want extra chew, lean toward the lower end of the bake time. They set up as they cool, and they slice cleaner once they’re fully cool.
Use parchment paper with overhang. It makes the whole batch easy to lift out, and you don’t have to fight the first few pieces out of the pan.
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 since they’re buttery and a little sweet. I usually go for black coffee or an iced latte.
- Milk: A cold glass of milk is classic with any cookie bar. It’s especially nice if you added the white chocolate chips.
- Ice cream: Serve a bar with vanilla ice cream on the side if you want to dress it up a bit. Coconut or caramel ice cream is also good here.
- Fruit: Fresh berries are nice if you want something lighter on the plate. Strawberries and raspberries both work well.
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 airtight up to 4 days. I usually keep them at room temperature if my kitchen isn’t too warm. If it’s hot out, the fridge is fine too.
If you want to make this recipe ahead, bake the bars the day before and leave them uncut until you’re ready to serve. They slice much more neatly once they’ve had time to fully cool and set.
If you want them longer-term, you can freeze up to 2 months. I like freezing them already sliced so I can grab one or two at a time.
To thaw, just thaw at room temperature for a bit, or let them sit in the fridge overnight. They’re good cold, but they soften back up quickly once they’re out.
A few quick answers
This section covers a few extra details that may help before you head to the recipe card.
Recipe FAQs
Do I have to toast the coconut?
I really recommend it. Toasting is what gives these bars that deeper coconut flavor and a little extra chew. Untoasted coconut works, but the bars will taste sweeter and more one-note.
How do I know when the bars are done?
Look for edges that are set and lightly golden, and a center that no longer looks wet. A toothpick should come out with a few moist crumbs, not totally clean.
Can I use unsweetened coconut instead of sweetened?
Yes. I like swapping half the coconut for unsweetened if you want less sweetness overall. Just keep an eye on it while toasting since unsweetened coconut can brown a little faster.
Can I add more flavorings?
Yep. A little almond extract is really good with coconut, or you can use coconut extract if you want that stronger coconut flavor. I’d keep it modest so it doesn’t taste artificial.
Why are my cookie bars cakey?
The two usual causes are overmeasuring flour or baking a little too long. Measure the flour lightly (spoon and level if you can), and pull the bars when there are still moist crumbs on the toothpick.
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
Toasted Coconut Cookie Bars
INGREDIENTS
Toasted Coconut
- 2 cups sweetened shredded coconut.
Cookie Bar Batter
- 1 cup unsalted butter melted and cooled slightly
- 1 cup light brown sugar packed
- 1/2 cup granulated sugar
- 2 large eggs room temperature
- 2 tsp vanilla extract
- 2 cups all purpose flour
- 1 tsp baking powder
- 1/2 tsp fine salt
- 1 cup toasted shredded coconut
- 1/2 cup white chocolate chips optional.
INSTRUCTIONS
Toast Coconut
- Preheat oven to 350 degrees F and line a 9x13 inch baking pan with parchment leaving overhang
- spread coconut on a baking sheet and toast 5 to 8 minutes stirring once until deep golden then cool.
Mix and Bake
- In a large bowl whisk melted butter brown sugar and granulated sugar until glossy
- whisk in eggs and vanilla until smooth
- fold in flour baking powder and salt just until combined
- fold in toasted coconut and optional chips
- spread batter evenly in prepared pan and bake 22 to 28 minutes until edges are set and a toothpick comes out with a few moist crumbs
- cool completely in pan then lift out slice and serve.
