Condensed Milk Coconut Cookie Bars are chewy coconut bars on a buttery graham crust, finished with a sweet condensed milk topping and plenty of chocolate.
I like this style of bar because it has that classic soft, sticky center with toasty edges, and the crust makes them feel more like a real dessert than a plain cookie bar. The coconut stays chewy, the chocolate melts into little pockets, and the whole thing slices up neatly once it’s cold.
These are especially good for cookie trays, casual get-togethers, and weekends when I want a make-ahead dessert that doesn’t require frosting or fuss. I usually serve them straight from the fridge, cut small, because they’re rich in the best way.
Why You’ll Love This Recipe
Soft and Chewy: The condensed milk and coconut bake into that dense, chewy texture I always want in a bar cookie.
Buttery Crust: A graham cracker base gives you a crisp, buttery bottom that keeps the topping from feeling too sticky.
Chocolate in Every Bite: Folding some chips into the coconut layer and sprinkling the rest on top makes the chocolate feel more evenly spread out.
Easy to Slice and Serve: Once chilled, these cut into clean bars and hold their shape well on a platter.
Flexible: You can keep them plain, add pecans, or swap the crust crumbs depending on what you have.
Ingredients You’ll Need
Crust
- Graham cracker crumbs: These make the base taste like classic cookie-bar crust. I use fine crumbs so the crust presses in firmly and doesn’t crumble when you cut.
- Granulated sugar: Just enough to sweeten and help the crust bake up a little crisper.
- Unsalted butter: Melted butter is what makes this crust work. If your butter is salted, it’s fine—just go a little lighter on added salt.
- Fine salt: Don’t skip it. It keeps the crust from tasting flat and helps the graham flavor come through.
Coconut Layer
- Sweetened condensed milk: This is the base of the topping and the reason the bars set up into that chewy, fudgy texture.
- Sweetened shredded coconut: I like sweetened coconut here because it toasts and stays chewy. If you use unsweetened, you may want a little extra sugar so the topping doesn’t taste bland.
- Semi-sweet chocolate chips: Semi-sweet is my go-to here. Milk chocolate works too if that’s what you have, but the bars will taste noticeably sweeter.
- Vanilla extract: Simple, but it makes the topping taste more like a cookie bar and less like plain coconut.
- All-purpose flour: A small amount helps the condensed milk mixture thicken and set so the center isn’t runny.
- Fine salt: Coconut and chocolate both need a pinch of salt. It also keeps the topping from tasting one-note sweet.
- Pecans (optional): I like the extra crunch, especially if you’re serving these on a cookie tray. Leave them out for a nut-free version.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F. Line a 9×13-inch pan with parchment paper, leaving some overhang on the long sides, then lightly grease the parchment.
- Mix the crust: Stir the graham cracker crumbs, sugar, melted butter, and salt together until the mixture is evenly moistened.
- Bake the crust: Press the crust mixture firmly into an even layer in the pan. Bake for about 8 minutes, just until it looks set and smells toasty.
- Whisk the topping: In a bowl, whisk the sweetened condensed milk, vanilla, flour, and salt until smooth.
- Add the mix-ins: Fold in the shredded coconut, about half of the chocolate chips, and the pecans if you’re using them.
- Top the crust: Spread the coconut mixture evenly over the warm crust, then sprinkle the remaining chocolate chips over the top.
- Bake: Bake for 15 to 18 minutes, until the edges are golden and the center is set (it shouldn’t jiggle like liquid, but it will still be soft).
- Cool and chill: Cool completely at room temperature, then chill for at least 1 hour for cleaner slices.
- Slice: Lift the bars out using the parchment overhang and cut into squares. Wipe the knife between cuts if you want neat edges.
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
Use parchment paper. These can be a little sticky, especially if you slice them before they’re fully chilled. Parchment with overhang makes lifting and cutting so much easier.
Press the crust firmly. I use the bottom of a measuring cup or glass to really pack it in. A tight crust stays together when you pull the bars out and slice.
Mix the flour in until it’s completely smooth. If you see little flour bits in the condensed milk, they’ll bake into small pale specks. Whisking well before adding the coconut fixes that.
Pull them when the center is set. You want the edges lightly golden, but don’t wait for the middle to look dry. The bars firm up a lot as they cool and chill.
Chill longer for cleaner cuts. An hour is the minimum I’d do, but a longer chill makes the slices neater. Wiping the knife between cuts helps too.
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 cut them small. I like them best with something not too sweet, like black coffee or an americano.
- Milk: A cold glass of milk is classic with chewy bar cookies like this. It’s also a nice counter to the sticky-sweet topping.
- Ice cream: If you want to plate them as dessert, serve a bar with a scoop of vanilla ice cream. It’s simple and works well with the coconut and chocolate.
- Fruit: Fresh berries on the side are nice if you want a lighter plate. Raspberries or strawberries are my usual pick.
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 in the fridge for up to 4 days. I like these cold because they’re easier to slice and they stay nicely chewy.
You can make this recipe ahead and chill it overnight before slicing. If you’re taking them somewhere, it actually helps them travel better since they’re firmer.
If you want them warmer, you can let a bar sit at room temp for 10 to 15 minutes, or give it a quick microwave warm-up. Just don’t overdo it or the chocolate gets messy.
If you want them to last longer, freeze individual portions in an airtight container. Thaw in the fridge overnight so they don’t get wet on the surface.
A few quick answers
This section covers a few extra details that may help before you head to the recipe card.
Recipe FAQs
Do these need to be chilled before slicing?
I strongly recommend it. Once the bars are fully cool and chilled, the topping firms up and you get clean cuts instead of sticky, dragged edges.
Can I use unsweetened coconut?
Yes. The bars will taste less sweet and a little more “toasty coconut” than candy-sweet. If you want them closer to the sweetened-coconut version, add a couple tablespoons of sugar to the topping mixture.
How do I know when the bars are done baking?
Look for golden edges and a center that looks set, not wet. It will still feel soft when hot, but it shouldn’t slosh or look liquid in the middle.
Can I swap the graham cracker crumbs?
Definitely. Crushed vanilla wafers work well, and shortbread cookie crumbs are great if you want a richer crust. Just keep the texture fine so it presses in evenly.
Are the nuts required?
No, you can leave them out and the bars still work perfectly. If you want a little crunch without nuts, I sometimes add a few extra chocolate chips instead.
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
Crust
- 1 1 2 cups graham cracker crumbs
- 1 4 cup granulated sugar
- 1 2 cup unsalted butter melted
- 1 4 tsp fine salt.
Coconut Layer
- 1 can sweetened condensed milk 14 oz
- 2 cups sweetened shredded coconut
- 1 cup semi sweet chocolate chips
- 1 tsp vanilla extract
- 2 tbsp all purpose flour
- 1 4 tsp fine salt
- 1 2 cup chopped pecans optional.
INSTRUCTIONS
Pan and Crust
- heat oven to 350F
- line a 9x13 inch pan with parchment leaving overhang and lightly grease
- mix graham crumbs sugar melted butter and salt until evenly moistened
- press firmly into an even layer and bake 8 minutes.
Topping and Bake
- whisk condensed milk vanilla flour and salt until smooth
- fold in coconut and half the chocolate chips and nuts if using
- spread evenly over warm crust and sprinkle remaining chocolate chips
- bake until edges are golden and center is set 15 to 18 minutes
- cool completely then chill 1 hour for clean slices and cut into bars.
