If you are a coconut lover, this recipe is absolutely for you! These Coconut Butter Bars are an absolute dream in dessert form. With a rich, buttery crust, a creamy filling, and plenty of toasted coconut flakes on top, there’s a whole lot to love about this sweet treat.
These bars are an instant potluck favorite, but there is no wrong time to whip up a batch, especially with how incredibly easy they are to make. Add them to your holiday baking list, serve them as an Easter treat, or just indulge your sweet tooth any day of the week!
Why You’ll Love This Recipe
- Incredibly Easy: The crust and filling come together in minutes with very basic mixing.
- Tropical Twist: It delivers a beautiful, sweet coconut flavor that transforms a classic butter bar into a tropical escape.
- The Perfect Texture: The dense, buttery shortbread crust perfectly balances the soft, gooey, creamy coconut center.
- A Stunner for Crowds: Baking it in a 9×13 dish makes it incredibly easy to slice into neat squares and serve to a hungry crowd.
What You’ll Need
The Buttery Crust:
- 2 cups All-purpose flour.
- 1 cup Brown sugar: Packed tightly.
- 1 cup (2 sticks) Unsalted butter: Melted.
- 1 tsp Salt.
The Creamy Coconut Filling:
- 1 can (14 oz) Sweetened condensed milk: The magic ingredient for a gooey, rich center!
- 3 large Eggs.
- ¼ cup Unsalted butter: Melted.
- ½ cup All-purpose flour.
- 2 tbsp Granulated sugar.
- 2 tsp Alcohol-free vanilla flavoring: (To keep this completely alcohol-free!).
- 1 tsp Salt.
- 3 cups Sweetened shredded coconut: For the inside of the filling.
The Topping:
- 1 cup Sweetened shredded coconut: To sprinkle over the top before baking.
How to Make It (Step-by-Step)
Prep time: 10 minutes | Bake time: 38–43 minutes | Total time: approx. 55 minutes | Yield: 12–16 Bars
Step 1: Prep and Preheat
Preheat your oven to 350°F (175°C). Lightly grease a 9×13-inch baking dish with nonstick cooking spray. (You can also line it with parchment paper leaving an overhang for incredibly easy lifting later!).
Step 2: The Shortbread Crust
In a medium mixing bowl, combine the 2 cups of flour, 1 cup of packed brown sugar, 1 teaspoon of salt, and the 1 cup of melted butter. Mix until it forms a thick, crumbly dough.
Step 3: Press and Bake
Transfer the dough directly into your prepared baking dish. Use your hands or the back of a spatula to firmly press the dough down into a tight, even layer. Bake the crust for 13 to 15 minutes, or until the edges are just turning golden.
Step 4: Mix the Coconut Filling
While the crust is baking, mix together your filling. In a large bowl, whisk together the sweetened condensed milk, eggs, melted butter, flour, sugar, alcohol-free vanilla flavoring, and salt. Fold in the 3 cups of sweetened shredded coconut until evenly distributed.
Step 5: Pour and Top
💡 Crucial Step: Pour the coconut filling directly over the hot, baked crust, spreading it out into a smooth, even layer. Immediately sprinkle the remaining 1 cup of shredded coconut evenly over the top.
Step 6: The Golden Bake
Pop the dish back into the oven and bake for an additional 25 to 28 minutes, or until the middle is perfectly set and the coconut on top has started to turn a beautiful, toasted golden-brown.
Step 7: Cool and Slice
Allow the bars to cool completely to room temperature in the pan before attempting to slice them. Serve and enjoy!
💡 Expert Tips for Success
- The Clean Cut: For the cleanest, sharpest bakery-style slices, chill the cooled bars in the refrigerator for 1 to 2 hours before cutting them with a large, sharp knife.
- Watch the Top: Coconut flakes can go from perfectly toasted to burnt very quickly. Keep a close eye on the oven during the last 5 minutes of baking. If the top is browning too fast, loosely tent a piece of aluminum foil over the pan!
- Don’t Overmix: When whisking the wet filling ingredients together, mix just until combined. Overbeating the eggs can cause the filling to puff up too much in the oven and then crack as it cools.
Variations and Substitutions
- The Chocolate Drizzle: Once the bars are completely cool, drizzle melted semi-sweet or dark chocolate over the top for a decadent “Mounds Bar” flavor profile!
- The Nutty Crunch: Fold ½ cup of chopped macadamia nuts, pecans, or sliced almonds into the filling along with the coconut for a gorgeous, buttery crunch.
- Citrus Brightness: Stir a tablespoon of fresh lemon or lime zest directly into the filling mixture to beautifully cut through the rich sweetness of the condensed milk.
Serving Suggestions
- The Dessert Platter: Serve these sweet squares chilled or at room temperature alongside a hot cup of dark roast coffee or a tall glass of iced tea.
- A La Mode: For a truly indulgent treat, serve a slightly warm square with a generous scoop of vanilla bean ice cream right on top!
- The Perfect Gift: Because these bars travel and hold their shape beautifully, they are absolutely perfect for packing up in bakery boxes to take to neighborhood potlucks or bake sales.
Frequently Asked Questions (FAQs)
Do I need to refrigerate these bars?
Yes! Because the filling contains a high amount of dairy and eggs, these bars should be stored in an airtight container in the refrigerator. They will stay fresh, gooey, and delicious for up to 5 days!
Can I freeze Coconut Butter Bars?
Absolutely. These freeze incredibly well! Once they are completely cooled and sliced, place the bars in a single layer in a freezer-safe container (separated by parchment paper) and freeze for up to 3 months. Thaw them overnight in the fridge before serving.

