Coconut Macaroon Bars are my go-to when I want a dessert bar that’s chewy, a little buttery, and honestly easier than making individual cookies. You get a sturdy shortbread base and a thick coconut layer that holds together nicely when you slice it.
The flavor is classic: sweet coconut, vanilla, and that rich shortbread crust underneath. I really like this version because the topping bakes up golden on top while staying soft in the middle, and it doesn’t fall apart the second you pick up a bar.
These are especially good on a holiday platter, but I make them year-round for bake sales, potlucks, and weekends when I want a simple 8×8 pan dessert that feels a little special.
Why You’ll Love This Recipe
Two great layers: The shortbread crust gives you that buttery base, and the coconut topping stays thick and chewy on top.
Soft and chewy: If you like classic coconut macaroons, the texture here hits the same notes, just in easy bar form.
Easy to slice and serve: Chilling makes clean cuts, so these look neat on a plate without a lot of fuss.
Make it your way: Keep it plain, add a little almond extract, or finish with a quick chocolate drizzle.
Great for cookie trays: They hold up well, travel well, and they’re a nice change from the usual chocolate chip options.
Ingredients You’ll Need
Shortbread Crust
- All-purpose flour: I use regular flour here for a classic shortbread bite. A 1:1 gluten-free baking blend can work too if you need a gluten-free crust.
- Granulated sugar: Just enough to sweeten the crust and give it that shortbread feel.
- Fine salt: Don’t skip it. It keeps the crust from tasting flat and helps the coconut layer taste more balanced.
- Unsalted butter: Melted butter makes this crust quick and reliable. If you only have salted butter, cut back the added salt a bit.
- Vanilla extract: Simple, classic, and it ties the crust and topping together.
Coconut Macaroon Topping
- Sweetened shredded coconut: This is the classic macaroon texture. I like the finely shredded kind best because it packs together and slices cleaner.
- Sweetened condensed milk: This is where the sticky, chewy texture comes from. It also keeps the coconut layer from drying out.
- Egg whites: You’re not making meringue here—just a quick whisk to get them foamy so the topping bakes up light, not dense.
- Vanilla extract: Coconut and vanilla are a really nice pairing in this recipe.
- Fine salt: A little salt helps keep the topping from tasting one-note sweet.
- Almond extract (optional): If you like that classic bakery-style coconut flavor, add a tiny splash. I keep it subtle.
Optional Finish
- Semisweet chocolate chips: Semisweet is my go-to here because it doesn’t get too sweet with the condensed milk.
- Coconut oil: Just helps the chocolate melt smoother and drizzle a little easier.
Recipe Instructions
- Preheat the oven: Heat the oven to 350°F. Line an 8×8-inch pan with parchment paper, leaving enough overhang to lift the bars out later.
- Mix the dry ingredients: In a medium bowl, stir together the flour, sugar, and salt.
- Add the butter: Stir in the melted butter and vanilla until the mixture looks evenly moistened and you don’t see dry flour.
- Press into the pan: Press the crust mixture firmly into the lined pan in an even layer. Use the bottom of a measuring cup if that helps.
- Bake the crust: Bake until the crust is lightly golden and set around the edges, about 12 to 14 minutes.
- Mix the coconut topping: Whisk the egg whites until foamy. Stir in the sweetened condensed milk, vanilla, salt, and almond extract if using, then fold in the shredded coconut until evenly coated.
- Bake the bars: Spread the coconut mixture over the warm crust and press lightly to level it out. Bake until the top is golden and the center looks set, about 18 to 20 minutes.
- Cool and chill: Cool completely in the pan, then chill for 30 to 60 minutes so the bars slice cleanly. Lift out using the parchment and cut into bars.
- Drizzle with chocolate (optional): Melt the chocolate chips with the coconut oil, then drizzle over the cooled bars and let the chocolate set.
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 down firmly. If the crust is packed well, it won’t crumble when you lift and slice. I focus on the corners and edges since those are easy to miss.
Spread the coconut evenly. Take a few seconds to level it out so you don’t end up with thin spots that brown too fast.
Pull them when the center looks set. The top should be nicely golden, but you don’t want the whole pan to look dry. If you want extra chew, shave off a couple minutes and let them cool completely before cutting.
Use the right pan if you care about edges. A metal pan gives crispier, browner edges. Glass works too, but the bars usually bake a little softer and lighter.
Chill before slicing. It’s the difference between tidy bars and sticky, shaggy cuts. Even a short chill helps a lot.
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 add the chocolate drizzle. I usually serve them with plain black coffee or a latte.
- Tea: A strong cup of tea (English breakfast or Earl Grey) is a nice match with the sweet coconut.
- Fresh berries: Raspberries or strawberries are nice on the side if you want something fresh with the bar.
- Ice cream: A scoop of vanilla or chocolate ice cream turns one bar into a simple plated dessert. This is great if you’re serving them after dinner.
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. If your kitchen runs warm, I usually move them to the fridge so the coconut layer stays firm.
Refrigerate for up to 1 week for a firmer, chewier bar. I like them chilled, but you can let a bar sit out for a few minutes if you prefer a softer bite.
You can freeze the sliced bars for up to 2 months. I wrap them well so they don’t pick up freezer smells.
Thaw in the fridge overnight or on the counter for about 30 to 60 minutes. If you added chocolate drizzle, thawing in the fridge helps keep it looking neat.
A few quick answers
This section covers a few extra details that may help before you head to the recipe card.
Recipe FAQs
Can I use unsweetened coconut?
Yes. The bars will be less sweet, and the coconut flavor comes through a little more. I add about 2 tablespoons of granulated sugar to the topping when I use unsweetened coconut.
How do I know when the coconut layer is done?
Look for a golden top and a center that looks set instead of wet. A little softness is fine since it firms up as it cools and chills.
Can I make these gluten-free?
You can. Swap the all-purpose flour in the crust for a 1:1 gluten-free baking blend. The coconut topping is naturally gluten-free, so it’s really just the crust you’re adjusting.
Why did my crust turn out crumbly?
Usually it’s from not pressing the crust firmly enough before baking, or slicing before the bars are fully cooled and chilled. I also find metal pans help the crust set a bit more.
Do I have to add the chocolate drizzle?
No, they’re great plain. If you do add it, semisweet chocolate is my favorite here, and a tiny bit of coconut oil makes the drizzle smoother.
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
Coconut Macaroon Bars
INGREDIENTS
Shortbread Crust
- 1 1/2 cups all purpose flour
- 1/4 cup granulated sugar
- 1/2 tsp fine salt
- 1/2 cup unsalted butter melted
- 1 tsp vanilla extract.
Coconut Macaroon Topping
- 3 cups sweetened shredded coconut
- 1 14 oz can sweetened condensed milk
- 2 large egg whites
- 1 tsp vanilla extract
- 1/4 tsp fine salt
- almond extract optional.
Optional Finish
- 1/2 cup semisweet chocolate chips
- 1 tsp coconut oil.
INSTRUCTIONS
Prep and Crust
- heat oven to 350 degrees F and line an 8x8 inch pan with parchment leaving overhang
- mix flour sugar and salt then stir in melted butter and vanilla until evenly moistened
- press firmly into the pan in an even layer
- bake until lightly golden and set around the edges.
Coconut Layer and Bake
- whisk egg whites until foamy then stir in condensed milk vanilla and salt
- fold in shredded coconut until evenly coated
- spread topping over warm crust and press lightly to level
- bake until the top is golden and the center looks set
- cool completely in the pan then chill 30 to 60 minutes for clean slices
- lift out using parchment and cut into bars.
Optional Chocolate
- melt chocolate chips with coconut oil then drizzle over cooled bars and let set.
