Coconut Macaroon Cookie Bars are a simple layered bar with a buttery cookie crust and a chewy coconut topping that sets up into neat squares. It’s one of those desserts that tastes like two favorites in one pan.
The base has a shortbread-meets-graham flavor that I really like with coconut, and the top stays soft and a little sticky in the best way. I usually add the chocolate drizzle, but they’re still great plain.
For me, these are especially good for a cookie tray, a holiday platter, or any time I want a bar cookie that slices clean and travels well. They also hold up nicely next to coffee or tea.
Why You’ll Love This Recipe
Two layers, one pan: You get a buttery crust and a chewy coconut topping without fussing with separate bakes or fancy shaping.
Soft and chewy: The macaroon layer stays tender and a little gooey in the middle, with golden edges on top.
Great for cookie trays: These slice into tidy squares, so they’re easy to stack, pack, and share.
Chocolate is optional: Drizzle it, zig-zag it, or skip it. The bars still taste complete either way.
Make-ahead friendly: They actually cut better once they’ve had time to cool and set, which is convenient.
Shortbread Crust
- All-purpose flour: I use regular flour here. It keeps the base sturdy enough to hold the coconut layer without turning cakey.
- Graham cracker crumbs: These add a light toasty flavor and make the crust taste a little more “cookie bar” than plain shortbread. If you want a classic shortbread base, you can swap in more flour.
- Unsalted butter: Melted butter makes this crust quick to mix and easy to press into the pan. If you only have salted butter, just go a little lighter on the added salt.
- Granulated sugar: Keeps the crust crisp at the edges and sweet enough to stand up to the coconut topping.
- Kosher salt: Don’t skip it. It keeps the crust from tasting flat next to the sweet condensed milk layer.
- Vanilla extract: Basic vanilla is perfect here. It helps the crust taste more like a cookie than a plain crumb base.
Coconut Macaroon Layer
- Sweetened condensed milk: This is the glue for the coconut layer and what gives it that classic macaroon chew. I don’t recommend swapping it out in this recipe.
- Sweetened shredded coconut: This is where all the texture comes from. The fine shreds coat really well and bake up evenly.
- Egg whites: You’re not making a meringue here—just whipping them foamy so the topping bakes up lighter and sets nicely.
- Vanilla extract: It makes the coconut layer taste more like a bakery-style macaroon (in the familiar way, not fussy).
- Almond extract (optional): A tiny bit is nice if you like that classic macaroon flavor. I keep it small because it can take over fast.
- Kosher salt: A pinch goes a long way in the topping, especially with sweetened coconut.
Optional Topping
- Semisweet chocolate chips: Semisweet is my go-to here because it doesn’t get too sweet with the condensed milk layer. Dark chocolate works too if that’s what you like.
- Coconut oil (optional): A little coconut oil helps the melted chocolate drizzle more smoothly and set with a softer bite.
- Preheat the oven: Heat the oven to 350°F.
- Line the pan: Line an 8×8-inch pan with parchment paper, leaving some overhang so you can lift the bars out later.
- Mix the dry ingredients: In a bowl, stir together the flour, graham cracker crumbs, sugar, and salt.
- Add the butter: Stir in the melted butter and vanilla until the mixture is evenly moistened.
- Bake the crust: Press the crust mixture firmly into the pan in an even layer. Bake for about 10 minutes, until lightly golden.
- Whisk the egg whites: While the crust bakes, whisk the egg whites until foamy.
- Mix the topping base: Stir the condensed milk, vanilla, almond extract (if using), and salt into the foamy egg whites.
- Fold in the coconut: Add the shredded coconut and fold until it’s fully coated.
- Bake: Spread the coconut mixture evenly over the warm crust and press lightly. Bake for about 18 to 22 minutes, until the top is golden and set.
- Cool: Let the bars cool completely in the pan.
- Melt the chocolate: Melt the chocolate chips with the coconut oil (if using) until smooth.
- Drizzle and chill: Drizzle the melted chocolate over the cooled bars, then chill for 15 to 20 minutes to set.
- Slice: Lift the bars out using the parchment overhang and slice into squares with a sharp knife.
Recipe Tips & Tricks
Line the pan well. Parchment with an overhang makes the whole thing easier, especially once the coconut layer sets. It’s the difference between neat bars and a lot of digging.
Press the crust firmly. Take a minute to really pack it in so it holds together when you slice. I like using the bottom of a measuring cup to get an even layer.
Watch the top near the end. The coconut layer should look set and golden, not dark brown. If the edges are getting too deep in color, it’s usually time to pull the pan.
Chill before cutting. These slice much cleaner once they’re fully cool, and even better after a quick chill. The chocolate drizzle also stays neater that way.
Wipe the knife between cuts. A quick wipe (or a warm knife) helps you get tidy edges through the sticky coconut layer.
Serving Suggestions
- Coffee or espresso: These are really good with coffee, especially if you go heavy on the chocolate drizzle. I usually serve them with something simple like an Americano or latte.
- Milk: A cold glass of milk is classic with sweet, chewy bars like this. It’s also nice if you’re serving them to kids.
- Ice cream: If you want a plated dessert, serve a bar with a small scoop of vanilla ice cream. A little extra chocolate drizzle on the plate is nice too.
- Fruit: Fresh berries on the side (strawberries or raspberries) are an easy way to add something lighter. I like that contrast with the coconut.
Storage and Make Ahead
Store the bars airtight at room temperature for up to 3 days. I keep them in a container with a tight lid so the crust doesn’t dry out.
If you want them to last a little longer, refrigerate them for up to 1 week. The coconut layer firms up more in the fridge, so I usually let a bar sit out for a few minutes before eating.
You can also make these ahead since they need time to cool completely before slicing anyway. I often bake them the day before I need them and drizzle the chocolate once they’re fully cooled.
For longer storage, you can freeze individual bars in an airtight container. Thaw in the fridge or on the counter until soft enough to bite.
Recipe FAQs
Can I use unsweetened coconut instead of sweetened?
Yes. Unsweetened shredded coconut works if you want the bars less sweet, and you can keep the condensed milk the same. The flavor will be a little more “toasty coconut” and less candy-like.
Can I make the crust without graham cracker crumbs?
You can swap the graham cracker crumbs for more all-purpose flour for a more classic shortbread base. The crust will taste a little less toasty, but it still bakes up sturdy and buttery.
How do I know when the coconut layer is done baking?
The top should be golden and look set, not wet or shiny in the center. A little softness is fine—it firms up as it cools—but you don’t want it still jiggly.
Why are my bars messy to cut?
The most common reason is cutting before they’re fully cool. Chill them for 15 to 30 minutes, then use a sharp knife and wipe it between cuts.
Can I freeze Coconut Macaroon Cookie Bars?
Yes, they freeze well. I like freezing them as individual squares so I can thaw a few at a time when I want one.
Coconut Macaroon Cookie Bars
INGREDIENTS
Shortbread Crust
- 1 cup all purpose flour
- 1 cup graham cracker crumbs
- 1 2 cup unsalted butter melted
- 1 4 cup granulated sugar
- 1 4 tsp kosher salt
- 1 tsp vanilla extract.
Coconut Macaroon Layer
- 14 oz sweetened condensed milk
- 3 cups sweetened shredded coconut
- 2 large egg whites
- 1 tsp vanilla extract
- 1 4 tsp almond extract optional
- 1 4 tsp kosher salt.
Optional Topping
- 1 2 cup semisweet chocolate chips
- 1 tsp coconut oil optional.
INSTRUCTIONS
Prep and Crust
- heat oven to 350 F and line an 8x8 inch pan with parchment leaving overhang
- mix flour graham crumbs sugar and salt then stir in melted butter and vanilla until evenly moistened
- press firmly into pan and bake until lightly golden about 10 minutes.
Coconut Layer and Bake
- whisk egg whites until foamy then stir in condensed milk vanilla almond extract if using and salt
- fold in shredded coconut until fully coated
- spread evenly over warm crust and press lightly
- bake until top is golden and set about 18 to 22 minutes then cool completely in pan.
Finish and Slice
- melt chocolate chips with coconut oil if using then drizzle over cooled bars
- chill 15 to 20 minutes to set chocolate
- lift out and slice into bars with a sharp knife.
