Home » Cookies Bars & Candy » Coconut Bars

Coconut Bars

These rich and indulgent Coconut Bars feature a buttery shortbread crust topped with a luscious coconut filling. Perfectly portable, they’re a crowd-pleasing treat for potlucks, holidays, tailgating and bake sales.

coconut-cookie-bars-recipe

What You’ll Love About These Coconut Bars

  • Rich Coconut Flavor – If you’re a fan of coconut, these bars are a dream. They’re packed with shredded coconut flakes that bring out a naturally sweet, tropical taste.
  • Rich and Sweet – These coconut bars combine a moist and slightly chewy interior with a toasted golden top and a buttery crust at the base for an added layer of texture.
  • Simple Ingredients – You’ll need just a handful of pantry staples like sweetened condensed milk, eggs, sugar, butter, flour, and of course, coconut.
  • Quick to Make – These bars come together in under an hour, making them perfect for last-minute gatherings, bake sales, or weeknight cravings.

Ingredients to Make Coconut Bars Recipe

Ingredients you’ll need to make Toasted Coconut Bars: (Scroll down for full printable recipe card.)

  • Crust – All purpose flour, light brown sugar and melted butter forms the base of the crust.
  • Liquid -Sweetened condensed milk adds sweetness and forms the base of the filling.
  • Coconut – Sweetened flaked coconut is the star flavor.
  • Flour – All purpose flour stabilizes the coconut filling.
  • Sugar – Light brown sugar for sweetness.
  • Whole Eggs – Large eggs for richness.
  • Flavoring – Vanilla extract adds creamy floral notes. You can also use coconut extract for added flavor.
  • Salt – Salt is important in baked goods to balance the sweetness.
how-do-you-make-coconut-bars

How to Make the BEST Coconut Bars Recipe

  • Heat Oven and Prepare the Pan – Preheat oven and line a 13×9-inch baking pan with parchment paper leaving a 2-inch overhang. This will make it easier to remove the bars from the pan for slicing.
  • Make the Crust – Use a whisk to sift together the flour, brown sugar and salt. Once combined, add the melted butter stirring until fully moistened. Mix just until no flour streaks remain.
  • Press into Pan – Spread the crust mixture onto the bottom of the prepared pan.
  • Oven – Bake per the recipe until light brown and set, then let cool slightly while you make the filling.
  • Make the Coconut Filling – Whisk together the sweetened condensed milk, flour, brown sugar, eggs, vanilla extract, coconut extract and salt until blended. Add coconut, stir to combine.
  • Pour Coconut Mixture Over Crust – Sprinkle with remaining shredded coconut. (It’s fine to add more than 1 cup to the top!)
  • Oven – Bake per the recipe until the top is light golden brown and the filling is set when the pan is gently shaken.
  • Wire Rack – Cool chewy coconut bars completely in the pan on a wire rack. Remove from the pan using the parchment paper overhang and slice into bars.

Kitchen Equipment You’ll need to make Coconut Bars

  • 13×9-inch cake pan lined with parchment paper. You could also use a baking dish.
  • Measuring cups and measuring spoons for accurate measuring of the ingredients.
  • Large mixing bowl and small bowl for melting the butter.
  • Whisk for sifting the ingredients.
  • Large rubber spatula or spoon for stirring everything together.
  • Wire rack for cooling the bars.

homemade-coconut-bars-recipe

Recipe Variations and Substitutions

  • Nuts: You could add 1/2 cup of chopped pecans or walnuts to the crust.
  • Graham Crackers: You could use crushed cookie crumbs or graham cracker crumbs in place of flour for the crust.
  • Coconut: You could adapt this recipe using unsweetened coconut. Taste the filling and adjust the sweetness to your taste.
  • Sweetened Condensed Milk: If you can find coconut sweetened condensed milk, you can use it and omit the coconut extract.

Storage and Leftovers

  • Storage: You can store these Coconut Bars in an airtight container chilled in the refrigerator for up to one week.
  • Serving: Enjoy these cookie bars with a scoop of vanilla ice cream or whipped cream or just as is, with a tall glass of milk.
  • Freezer: You can bake, cool and freeze these bars for up to 2 months. Thaw in the fridge and enjoy!
homemade-coconut-cream-pie-bars

More Cookies and Cookie Bar Recipes to Make

Thanks for visiting come back soon!

Disclosure ~ If a purchase is made using one of the affiliate links on this website we may earn a small commission at no additional cost to you. Thank you!

Helpful Kitchen Items:

best-coconut-bars-recipe
Print Recipe Pin Recipe Rate this Recipe
5 from 2 votes

Coconut Bars

Prep Time15 minutes
Cook Time40 minutes
Cooling Time4 hours
Total Time4 hours 55 minutes
Course: Dessert
Cuisine: American, Southern
Keyword: chewy-coconut-bars, coconut-bars-recipe
Servings: 24 servings
Calories: 266kcal

Ingredients

  • 2 1/2 cups all purpose flour
  • 1 cup packed light brown sugar
  • 1 cup salted butter melted
  • 1 14 oz can sweetened condensed milk
  • 1/2 cup all purpose flour
  • 1/4 cup light brown sugar
  • 3 large eggs
  • 1 tsp vanilla extract
  • 1 tsp coconut extract
  • 1/2 tsp salt
  • 4 cups shredded sweetened flaked coconut divided use

Instructions

  • Preheat oven to 350F°. Line a 13×9-in. baking pan with parchment, leaving a 2 inch overhang. Spray bottom and sides with cooking spray.
  • In a medium bowl use a whisk to sift together the flour, brown sugar and salt. Once combined, add the melted butter stirring until fully moistened.
  • Press (or spread) the crust mixture onto the bottom of the prepared pan. Bake until light brown and set, around 15 minutes. Cool for 5 minutes on a wire rack. Reduce the oven setting to 325°F.
  • In a large bowl, whisk together the sweetened condensed milk, flour, brown sugar, eggs, vanilla extract coconut extract and salt until blended.
  • Stir in 3 cups of flaked coconut until evenly distributed. Pour the coconut mixture over the crust then sprinkle with remaining 1 cup coconut. (It's fine to add more than 1 cup to the top!)
  • Bake until the top is light golden brown, around 40 minutes. The filling should be set when the pan is gently shaken. Cool completely in the pan on a wire rack.
  • Lift the coconut bars from the pan using the parchment paper. Use a sharp knife to cut into bars.
  • Store in an airtight container chilled in the fridge for up to one week.

Notes

    • Nuts: You could add 1/2 cup of chopped pecans or walnuts to the crust.
    • Graham Crackers: You could use crushed cookie crumbs or graham cracker crumbs in place of flour for the crust.
    • Coconut: You could adapt this recipe using unsweetened coconut. Taste the filling and adjust the level of sweetness to your taste. 
    • Sweetened Condensed Milk: If you can find coconut sweetened condensed milk, you can use it and omit the coconut extract.

Nutrition

Serving: 1serving | Calories: 266kcal | Carbohydrates: 32g | Protein: 4g | Fat: 14g | Saturated Fat: 10g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 3g | Trans Fat: 0.3g | Cholesterol: 48mg | Sodium: 141mg | Potassium: 138mg | Fiber: 2g | Sugar: 19g | Vitamin A: 304IU | Vitamin C: 1mg | Calcium: 56mg | Iron: 1mg
Tried this recipe?Mention @melissassk or tag #melissassk!

3 Comments

  1. 5 stars
    I made these yesterday. I used condensed coconut milk and the can was slightly under 14 ounces so I put a squirt of cream of coconut in too. Still added coconut extract. Put pecans on top before the coconut topping. Insanely rich and yummy Melissa! Gotta start giving these to people I like cause it’d take 2 months for me to go through the pan LOL

5 from 2 votes

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating