Chewy Coconut Cookie Bars

Chewy Coconut Cookie Bars are my kind of dessert bar: a buttery brown sugar base, a soft and chewy center, and lots of coconut in every bite. They’re basically cookie dough energy in bar form, but still slice cleanly and stack well.

The flavor is simple and familiar, with that warm brown sugar taste and a real toasted coconut edge when you lean into the coconut. I like adding chocolate chips sometimes, but I also make them plain a lot because the coconut already carries it.

These are especially good for cookie trays, bake sales, potlucks, and weekends when you want a low-effort dessert that still feels like a treat. For me, they’re also a great “something sweet” to keep on the counter for a couple days.

Why You’ll Love This Recipe

Soft and Chewy: The melted butter and brown sugar combo gives you that chewy cookie-bar texture that stays tender even after it cools.

Big Pan, Lots of Bars: A 9×13 pan makes enough for sharing, and the bars cut into neat squares without much fuss.

All the Coconut: You get coconut flavor in every bite, not just a sprinkle on top. Toast it if you want it a little deeper.

One Bowl Friendly: It’s the kind of recipe I make when I don’t feel like dragging out a mixer or dealing with extra dishes.

Easy to Customize: Chocolate chips are optional, and nuts or white chocolate work really well if you want to change things up.

Ingredients You’ll Need

  • Unsalted butter: Melted butter keeps this simple and gives the bars that dense, chewy cookie texture. I like to let it cool a bit so it doesn’t scramble the eggs.
  • Light brown sugar: This is where that rich, caramel-ish cookie flavor comes from. Dark brown sugar works too if you want a stronger molasses note.

  • Granulated sugar: A little white sugar helps the bars set up and keeps the sweetness bright, not just heavy.
  • Eggs: Eggs give the bars structure so they slice cleanly, but still stay soft in the middle.
  • Vanilla extract: Don’t skip it. It rounds everything out and makes the coconut taste more like a cookie than candy.
  • All-purpose flour: I use regular flour here. Spoon and level if you tend to pack flour into the cup.
  • Baking powder: This gives a little lift so the bars aren’t brick-dense, but they still stay chewy.
  • Fine salt: Salt is important with sweet coconut. It keeps the bars from tasting flat.
  • Sweetened shredded coconut: Sweetened coconut is classic for these and gives the best chewy texture. If you like less sweetness, unsweetened is totally fine.

  • Semisweet chocolate chips (optional): Semisweet is my go-to here, but milk chocolate or white chocolate chips both work if that’s what you like.

Recipe Instructions

  1. Preheat the oven: Heat the oven to 350°F. Line a 9×13-inch baking pan with parchment paper, then lightly grease it.
  2. Mix the butter and sugar: In a large bowl, whisk the melted butter, brown sugar, and granulated sugar until smooth and well combined.
  3. Add the eggs and vanilla: Whisk in the eggs and vanilla until the mixture looks fully blended and glossy.
  4. Add the dry ingredients: Stir in the flour, baking powder, and salt just until you don’t see dry flour streaks.
  5. Fold in the mix-ins: Fold in the shredded coconut, and add the chocolate chips if you’re using them.
  6. Spread in the pan: Scrape the batter into the prepared pan and spread it evenly. Press it into the corners so the thickness is as even as you can get it.

  7. Bake: Bake for about 20 to 25 minutes, until the edges are light golden and the center is set. A toothpick should come out with a few moist crumbs.
  8. Cool and slice: Cool completely in the pan, then lift out using the parchment 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 center. The edges should look set and lightly golden, but the middle can still look a little soft. It firms up a lot as it cools.

Cool all the way before cutting. If you slice too soon, the bars can crumble and the coconut can pull. Once they’re fully cool, they cut much cleaner.

Toast the coconut if you want more flavor. You can toast it lightly in a dry skillet or on a sheet pan, then let it cool before folding it in.

Use parchment paper. It makes it easy to lift the whole slab out, and it keeps the edges from sticking (especially with the sugar).

Go a little under for extra chew. If you want a softer, chewier bar, pull them a minute or two earlier and let them set as they cool.

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

  • Milk: A cold glass of milk is classic with these. It’s especially nice if you add chocolate chips.
  • Coffee or espresso: Coconut and brown sugar are really good with coffee. I usually go with plain black coffee or a latte.
  • Ice cream: Serve a bar with vanilla ice cream on the side if you want an easy plated dessert. Toasted coconut on top is nice too.
  • Fruit: Fresh berries are good alongside these, especially strawberries or raspberries. It keeps the plate feeling a little lighter.

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 the bars covered at room temperature for 2 to 3 days. I usually keep them in an airtight container so they stay chewy. If your kitchen is warm, they’re fine in the fridge too.

For longer storage, store covered in the fridge for up to 5 days. They’ll be a little firmer chilled, so I like letting a bar sit out for 10 to 15 minutes before eating.

You can freeze individual portions or freeze a whole slab wrapped well. Thaw at room temperature or in the fridge, then bring to room temp for the best texture.

If you want to make this recipe ahead, you can bake the bars the day before and slice the next day once they’re fully set. They actually cut even cleaner after a rest.

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 coconut cookie bars are done?

I look for lightly golden edges and a center that’s set but not dry. A toothpick in the middle should come out with a few moist crumbs, not wet batter.

Can I use unsweetened shredded coconut?

Yes. The bars will be a little less sweet, and the coconut flavor will taste a bit more toasty and “plain coconut.” If you go unsweetened, I’d consider adding the chocolate chips or a handful of chopped nuts for a little extra interest.

Can I toast the coconut first?

You can, and it’s really good here. Just toast it until lightly golden, then let it cool completely before mixing it in so it doesn’t melt the chips or warm the batter too much.

Why did my bars turn out cakey instead of chewy?

The most common reason is a little too much flour or baking a bit too long. I’d also make sure you’re stirring the flour in just until combined—overmixing can change the texture.

What mix-ins work well besides semisweet chocolate chips?

White chocolate chips are great with coconut. You can also add about 1/2 cup chopped pecans or walnuts if you want a little crunch.

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.

Chewy Coconut Cookie Bars

Chewy Coconut Cookie Bars

Chewy coconut cookie bars with buttery brown sugar cookie base and toasted coconut flavor
No ratings yet
PRINT PIN RATE
Prep Time 15 minutes
Cook Time 22 minutes
Total Time 37 minutes
Servings 24

INGREDIENTS

Wet Ingredients

  • 1 cup unsalted butter melted and cooled slightly
  • 1 cup light brown sugar packed
  • 1/2 cup granulated sugar
  • 2 large eggs
  • 2 tsp vanilla extract.

Dry Ingredients and Mix Ins

  • 2 cups all purpose flour
  • 1 tsp baking powder
  • 1/2 tsp fine salt
  • 1 1/2 cups sweetened shredded coconut
  • 1/2 cup semisweet chocolate chips optional.

INSTRUCTIONS

Prepare Pan and Batter

  • heat oven to 350 F
  • line a 9 x 13 inch baking pan with parchment and lightly grease
  • whisk melted butter brown sugar and granulated sugar until smooth
  • whisk in eggs and vanilla until fully combined.

Bake and Cool

  • stir flour baking powder and salt into wet mixture just until no dry streaks remain
  • fold in shredded coconut and chocolate chips if using
  • spread batter evenly in prepared pan and press into corners
  • bake until edges are light golden and center is set and a toothpick comes out with a few moist crumbs about 20 to 25 minutes
  • cool completely in pan then lift out and slice into bars.

Notes

1. For extra chewiness slightly underbake and cool fully before cutting; Use unsweetened coconut for less sweetness or toast coconut for deeper flavor; Add 1/2 cup chopped nuts or swap chocolate chips for white chocolate chips

Nutrition

Calories: 210kcal | Carbohydrates: 26g | Protein: 2g | Fat: 11g

Leave a Reply

Your email address will not be published. Required fields are marked *