Imagine pulling a tray of deeply golden, fragrant coconut bars from the oven, the kitchen filled with that warm, toasty aroma that only shredded coconut can produce. The edges are slightly crisp, the centers are impossibly chewy and soft, and once they cool, a generous drizzle of dark chocolate sets into glossy, snappable ribbons across the top. These coconut macaroon bars are the kind of thing that disappear from a plate before you have a chance to arrange them nicely.
What sets this recipe apart is the combination of sweetened condensed milk and egg whites. Sweetened condensed milk binds the coconut without making it heavy or wet, while whipped egg whites introduce just enough lift to keep the bars tender rather than dense. A small amount of almond extract works quietly in the background, amplifying the coconut flavor without announcing itself. The dark chocolate drizzle is not an afterthought either: using 70% cacao chocolate brings a gentle bitterness that balances the sweetness of the coconut beautifully.
This is an easy recipe, genuinely suitable for beginner bakers, and it requires no special equipment beyond a bowl, a whisk, and a baking pan. It is perfect for holiday cookie trays, bake sales, or any afternoon when you want something impressive with very little effort. The bars keep well and actually improve after a day of rest, making them an excellent make-ahead treat.
16
servings
Ingredients
- Drizzle
- 340 gsweetened shredded coconut (about 4 cups)
- 396 gsweetened condensed milk (one standard 14 oz / 397g can)
- 2 largeegg whites, at room temperature
- 0.25 tspfine sea salt
- 1 tsppure vanilla extract
- 0.5 tsppure almond extract
- 170 gdark chocolate (70% cacao), finely chopped (about 1 cup)
- Chocolate Drizzle
- 1 tspneutral oil (such as refined coconut oil or vegetable oil)
Ingredient Substitutions
Instructions
🔧 Equipment
- Preheat your oven to 325°F (165°C). Line a 9×13-inch baking pan with parchment paper, leaving a 2-inch overhang on the long sides to act as handles. Lightly grease any exposed pan edges with butter or non-stick spray.
- In a large bowl, whisk the egg whites and fine sea salt together until foamy and opaque, about 60 seconds. You are not looking for stiff peaks here, just a light, airy foam that coats the whisk. Stir in the vanilla extract and almond extract.
- Add the sweetened shredded coconut and pour in the entire can of sweetened condensed milk. Using a sturdy spatula, fold everything together until the coconut is evenly coated and the mixture looks thick, glossy, and cohesive. There should be no dry coconut remaining at the bottom of the bowl.
- Transfer the mixture to the prepared pan and spread it into an even layer using damp fingertips or the back of a lightly oiled spatula. Press it gently and firmly into the corners and edges so it bakes evenly. The layer will be about 3/4 inch thick.
- Bake for 25 to 28 minutes, until the top and edges are deeply golden brown, with the center set and not jiggly when the pan is gently nudged. The color is your best guide here: pale bars will be gummy, so aim for a rich, toasted golden hue.
- Set the pan on a wire cooling rack and let the bars cool completely in the pan, at least 30 minutes. Do not try to cut them while warm as they will crumble.
- While the bars cool, prepare the chocolate drizzle. Combine the finely chopped dark chocolate and neutral oil in a small microwave-safe bowl. Microwave in 30-second bursts at 50% power, stirring between each interval, until fully melted and smooth. Alternatively, melt over a double boiler. Let the chocolate cool for 5 minutes so it thickens slightly and drizzles more neatly.
- Use the parchment overhang to lift the cooled slab out of the pan onto a cutting board. Drizzle the melted chocolate over the top in a back-and-forth motion using a spoon or a piping bag. Allow the chocolate to set at room temperature for 15 minutes, or speed it up with 10 minutes in the refrigerator. Slice into 16 bars and serve.
- Line a 7-inch or 8-inch square baking pan that fits inside your air fryer basket with parchment paper. Lightly grease any exposed sides. Prepare the coconut mixture exactly as described in steps 2 through 4 of the oven method, but this recipe will yield a thicker layer in the smaller pan, which is fine and desirable here.
- Preheat your air fryer to 300°F (150°C) for 3 minutes. A lower temperature than the oven is essential here because the circulating hot air cooks much more aggressively and can scorch the top of the bars before the interior sets.
- Place the filled pan in the air fryer basket. Bake for 18 to 20 minutes, checking at the 15-minute mark. If the top is browning too quickly, lay a small piece of aluminum foil loosely over the top for the remaining time. The bars are done when deep golden and set in the center with no jiggle.
- Carefully remove the pan from the air fryer using tongs or oven mitts and place on a cooling rack. Cool completely, at least 25 minutes, before adding the chocolate drizzle and slicing. This recipe will yield approximately 9 to 12 smaller bars from the 7- or 8-inch pan.
- Add the chocolate drizzle using the same method described in the oven instructions, allowing it to set fully before cutting.
- Toast the shredded coconut first for maximum flavor: spread it on a dry skillet over medium heat and stir constantly for 4 to 6 minutes until golden and fragrant. Watch it closely as it goes from golden to burnt quickly. Transfer immediately to a bowl and let it cool for 10 minutes.
- Line a 9×13-inch pan with parchment paper, leaving an overhang on the long sides. In a large bowl, combine the cooled toasted coconut with the sweetened condensed milk, vanilla extract, almond extract, and fine sea salt. Stir well until the coconut is fully coated and the mixture is thick and sticky. There are no egg whites in this version since there is no baking.
- Press the mixture firmly and evenly into the prepared pan using damp fingertips or the back of an oiled spatula. It is important to press down with real pressure here to help the bars hold together once chilled. Compact the corners especially well.
- Melt the dark chocolate with the neutral oil using the microwave method in 30-second bursts at 50% power, stirring until smooth. Pour the melted chocolate over the coconut layer and use an offset spatula to spread it into an even coating across the entire surface rather than a drizzle, which adds structural help to the no-bake bars.
- Refrigerate uncovered for at least 2 hours, or until the chocolate is completely firm. Use the parchment overhang to lift the slab out and slice into 16 bars with a sharp knife warmed briefly under hot water. Store these bars in the refrigerator as they soften at room temperature.
Nutrition Per Serving
Per 1 serving (makes one 9×13-inch pan, cut into 16 bars)
Why This Recipe Works
The combination of sweetened condensed milk and egg whites is what makes this bar so reliable and texturally satisfying. Sweetened condensed milk has had most of its water removed and carries a high concentration of sugar and milk proteins, which means it acts as both a binder and a humectant, actively holding on to moisture and keeping the bars chewy for days. Without it, the coconut would simply dry out and crumble. The egg whites, whisked to a light foam before folding in, contribute structure and a subtle chewiness without the density that whole eggs would add. They coagulate gently in the oven, helping the bars hold their shape when sliced while keeping the interior soft.
Baking at 325°F (165°C) rather than a higher temperature is a deliberate choice. The Maillard reaction, the browning that happens between amino acids and sugars at the surface, is exactly what you want here since it creates that deeply toasted, nutty flavor that defines a great macaroon. However, the high sugar content of this mixture means it can burn before it bakes through at higher temperatures. A moderate oven lets the interior set fully while the exterior reaches that ideal deep golden color. If your bars are browning on top before they seem set, your oven may run hot: tent the pan loosely with foil and continue baking.
For the chocolate drizzle, adding just a small amount of neutral oil to the melted chocolate is a simple but important step. Oil disrupts the cocoa butter crystal structure slightly, producing a chocolate that stays fluid longer for easier drizzling and sets to a slightly softer finish that slices cleanly rather than cracking or shattering. If you find your chocolate is seizing (turning grainy and stiff), it has likely come into contact with a small amount of water. Start fresh with dry bowls and utensils, and be sure to use finely chopped bar chocolate rather than chips, which contain stabilizers that can interfere with smooth melting.
Baker’s Tips
- Bring the egg whites to room temperature before whisking. Cold egg whites take longer to foam and can result in an uneven mixture.
- Use your fingers (lightly dampened with water) to press the coconut mixture into the pan. This is the most effective way to get an even, compact layer without it sticking to your spatula.
- Do not overbake. The bars will look slightly soft in the very center when you pull them from the oven, but they firm up considerably as they cool. Pulling them at the golden-brown stage rather than waiting for them to look fully set is the key to a chewy, moist interior.
- For the cleanest slices, let the bars cool completely and chill in the refrigerator for 20 minutes before cutting. Use a sharp chef’s knife and wipe it clean between cuts.
- Finely chop the chocolate bar rather than using chocolate chips for the drizzle. Bar chocolate melts more smoothly because it lacks the stabilizers added to chips to help them hold their shape during baking.
- If you want a more dramatic drizzle effect, transfer the melted chocolate to a small zip-top bag, snip a tiny corner off, and pipe it in thin, controlled lines across the bars.
Variations
- Lime Coconut Macaroon Bars: Add 2 tsp lime zest and 1 tbsp fresh lime juice to the batter. Swap the dark chocolate drizzle for a white chocolate and lime zest drizzle for a tropical twist.
- Espresso Dark Chocolate: Dissolve 1 tsp instant espresso powder into the condensed milk before mixing. The coffee deepens the chocolate flavor in the drizzle and adds subtle complexity to the coconut base.
- Toasted Almond and Coconut: Press 60g (1/2 cup) of roughly chopped toasted almonds into the top of the bars before baking for crunch and a nutty dimension. Reduce almond extract to 1/4 tsp.
- Cherry Coconut Bars: Fold 80g (1/2 cup) of finely chopped dried tart cherries into the coconut mixture before spreading. The tartness cuts through the sweetness beautifully and pairs wonderfully with dark chocolate.
Troubleshooting & FAQ
My bars crumbled when I tried to cut them. What went wrong?
The bars came out gummy and wet in the center even after the full bake time. What happened?
My chocolate drizzle turned grainy and clumpy instead of smooth. How do I fix it?
The chocolate drizzle cracked into shards when I sliced the bars. Is there a way to prevent this?
Can I use unsweetened coconut instead of sweetened? Will the recipe still work?
Storage & Make-Ahead
- Storage: Store the cut bars in an airtight container at room temperature for up to 4 days, or refrigerate for up to 10 days. Layer between sheets of parchment paper to prevent the chocolate drizzle from sticking. The no-bake version must be stored in the refrigerator at all times.
- Make-Ahead: The bars can be baked up to 3 days ahead and stored uncut and wrapped tightly at room temperature, with the chocolate drizzle added on the day of serving for the cleanest presentation. They can also be frozen (cut or uncut, before the chocolate drizzle) for up to 2 months. Thaw overnight in the refrigerator, then add the chocolate drizzle once thawed.
