Condensed Milk Coconut Cookie Bars are a simple baked bar with a buttery cookie crust and a chewy coconut topping that slices cleanly once chilled. I like them when I want something that lands between a cookie and a bar, with that classic sweet coconut taste.
The crust is a little crisp at the edges but mostly tender, and the topping bakes into a toasty coconut layer that stays pleasantly chewy. This version is especially good because it’s all pantry-friendly, and you can keep it classic or add chocolate chips and nuts depending on the mood.
For me, these are a go-to for holiday cookie trays, bake sales, or any time I need a dessert that’s easy to portion. They’re also nice with coffee or tea because they’re rich and sweet in a very familiar way.
Why You’ll Love This Recipe
Soft and Chewy: The condensed milk coconut layer bakes up chewy and sliceable, not dry or crumbly.
Fast and Easy: It’s a straightforward mix-and-bake bar, with no mixer and no fancy steps.
Great for Cookie Trays: These hold their shape, travel well, and look neat once you cut them into squares.
Customizable: Add chocolate chips, add nuts, add citrus zest, or keep it plain. It’s flexible without changing the basic recipe.
Make-Ahead Friendly: They actually cut better after they’ve cooled and chilled, so you’re not rushing to slice them.
Ingredients You’ll Need
Pan and oven
- Nonstick spray: A light coat helps the parchment sit flat and keeps the corners from sticking.
- Parchment paper: Don’t skip it. It makes lifting the whole slab out of the pan easy, and that’s how you get clean, even bars.
Cookie crust
- All-purpose flour: I use regular flour here. It gives the crust enough structure so it slices instead of falling apart.
- Light brown sugar: This brings a little chew and that caramel-like sweetness that works really well with coconut.
- Granulated sugar: A bit of white sugar helps the crust bake up a touch crisper at the edges.
- Baking powder: Just enough to keep the crust from baking up too dense.
- Fine salt: Salt matters here since the topping is very sweet. It keeps the whole bar tasting balanced.
- Unsalted butter: Melted butter makes this crust quick. I like unsalted so I can control the salt level.
- Vanilla extract: Simple and classic. It makes the crust taste more like a real cookie.
Coconut topping
- Sweetened condensed milk: This is the binder for the topping and what gives that fudgy, chewy set once baked.
- Sweetened shredded coconut: This is where the texture comes from. Sweetened coconut also toasts nicely on top.
- Vanilla extract: A little extra vanilla in the topping helps the coconut taste richer and rounder.
- Fine salt: A small amount helps keep the topping from tasting flat or one-note.
- Semi-sweet chocolate chips (optional): Semisweet is my go-to here. Mini chips work too if you want the chocolate more evenly scattered.
- Chopped pecans or walnuts (optional): Either one works. I like pecans for a sweeter, softer crunch, and walnuts when I want a little more bite.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F. Line a 9×13-inch pan with parchment paper, leaving some overhang, then lightly grease.
- Mix the dry ingredients: In a large bowl, whisk the flour, brown sugar, granulated sugar, baking powder, and salt until evenly mixed.
- Add the butter: Stir in the melted butter and vanilla until the mixture is crumbly and evenly moistened.
- Press in the crust: Dump the crust mixture into the pan and press firmly into an even layer, making sure the corners are packed in well.
- Mix the topping: In another bowl, mix the sweetened condensed milk, shredded coconut, vanilla, and salt until it’s evenly combined.
- Add mix-ins: Fold in the chocolate chips and chopped nuts if you’re using them.
- Top the crust: Spread the coconut mixture over the crust. Press lightly to level it out so it bakes evenly.
- Bake: Bake for 25 to 32 minutes, until the edges are golden and the coconut topping is lightly toasted.
- Cool: Cool completely in the pan so the bars can set.
- Chill and slice: Chill for about 30 minutes for cleaner cuts. Lift out using the parchment, then 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
Press the crust firmly. This is the difference between bars that hold together and bars that crumble when you cut them. I really pack down the corners and edges.
Watch the coconut near the end. The topping can go from pale to pretty toasted quickly, especially around the edges. Pull the pan when the top is lightly golden, not dark brown.
Let them cool all the way. The topping sets as it cools, and it’s much easier to get neat squares once everything is fully cooled.
Chill before slicing. A short chill firms up the condensed milk layer and makes clean cuts easier. If your kitchen is warm, this helps a lot.
Use a sharp knife and wipe it. If you want really tidy bars, wipe the knife between cuts. Coconut topping can stick a bit.
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 added chocolate chips. I like them best with something not too sweet.
- Milk: A cold glass of milk is classic with chewy cookie bars. It’s also a good idea if you’re serving these to kids.
- Fresh fruit: Strawberries, raspberries, or sliced pineapple are nice on the side. It keeps the plate from feeling too heavy.
- Ice cream: Serve a bar with vanilla or coconut ice cream if you want to turn it into a full dessert. A small scoop is plenty.
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 airtight at room temperature for up to 3 days. I keep them in a single layer when I can, or I use parchment between layers so the tops stay neat.
If you want them to last longer, refrigerate for up to 1 week. They’ll be a little firmer cold, which some people actually prefer with chewy bars like this.
You can make these ahead because they slice best after they’ve cooled and had a short chill anyway. I often bake them the day before I need them, then cut the next day.
If you want to freeze them, freeze the sliced bars in an airtight container with parchment between layers. Thaw in the fridge overnight or on the counter for a couple of hours.
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 bars are done?
Look for golden edges and a lightly toasted top. The center will still feel a little soft, but it sets as it cools.
Can I use unsweetened coconut instead of sweetened?
Yes. The bars will be less sweet and a little less sticky-chewy. If you want to bump the sweetness back up, add about 2 tablespoons sugar to the topping.
Do I have to chill them before cutting?
No, but it helps a lot. A 30-minute chill firms up the topping so you get cleaner cuts and less sticking on the knife.
What nuts work best in these bars?
Pecans and walnuts are both great. I usually use pecans for a slightly sweeter flavor, but walnuts are nice if you want a more classic, toasty nut taste.
Can I add lemon or lime flavor?
Yes, and I like it here. Add about 1 teaspoon of lemon or lime zest to the coconut topping for a brighter coconut flavor.
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
Condensed Milk Coconut Cookie Bars
INGREDIENTS
Pan and oven
- nonstick spray
- parchment paper.
Cookie crust
- 2 cups all purpose flour
- 1/2 cup light brown sugar packed
- 1/4 cup granulated sugar
- 1 tsp baking powder
- 1/2 tsp fine salt
- 1 cup unsalted butter melted
- 1 tsp vanilla extract.
Coconut topping
- 1 can sweetened condensed milk 14 oz
- 2 1/2 cups sweetened shredded coconut
- 1/2 tsp vanilla extract
- 1/4 tsp fine salt
- 1/2 cup semi sweet chocolate chips optional
- 1/2 cup chopped pecans or walnuts optional.
INSTRUCTIONS
Prep
- heat oven to 350 F
- line a 9x13 inch pan with parchment and lightly grease.
Make crust
- whisk flour brown sugar granulated sugar baking powder and salt
- stir in melted butter and vanilla until crumbly and evenly moistened
- press firmly into an even layer in the pan.
Add topping
- mix sweetened condensed milk coconut vanilla and salt until evenly combined
- fold in chocolate chips and nuts if using
- spread over the crust and press lightly to level.
Bake and slice
- bake until edges are golden and topping is lightly toasted 25 to 32 minutes
- cool completely in the pan then chill 30 minutes for clean cuts
- lift out by parchment and slice into bars.
