• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • Meet Kelly
  • Browse All Recipes
  • Contact

The Anthony Kitchen logo

  • Recipe Index
  • Dinner Ideas
  • Dessert
  • Entertaining
menu icon
go to homepage
search icon
Homepage link
  • Home
  • Recipe Index
  • About
  • Contact
  • Stay in touch...

    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • ×

    Home · Recipes · Brownies and Bars · Chocolate Coconut Bars

    January 26, 2019

    Chocolate Coconut Bars

    Jump to Recipe Print Recipe
    Image For Pinterest
    Image For Pinterest
    Image For Pinterest
    Image For Pinterest
    Image For Pinterest
    Image For Pinterest
    Image for PInterest
    Image for PInterest
    Image for PInterest

    Flavor combinations don't get much better than chocolate and coconut. That is unless you use that combo to stack a gooey bar cookie equipped with a buttery graham cracker crust. In this case, it actually does get better.

    Chocolate Coconut Bars are an easy-to-make, crowd-pleasing dessert that consists of 5 main ingredients and comes together in less than 10 minutes of prep time.

    A front view of a Chocolate Coconut Bar sitting on a serving spatula with a white baking dish in the background.

    These bar cookies very closely resemble both Magic Bars or Hello Dolly bars. However, most renditions of these old-fashioned bars are cloyingly sweet and somewhat of a turn-off for today's palette. This recipe, on the other hand, has been updated with just the right amount of salt for a quick-fix dessert your modern-day taste buds will swoon for.

    Love gooey, delicious dessert bars? Bookmark these 7-Layer Bars and Gooey Pecan Pie Bars to try next!

    CHOCOLATE COCONUT BAR INGREDIENTS

    Chocolate Coconut Bars are extremely simple to make and require only a few ingredients. They're made up of three layers consisting of a graham cracker crust for the base, sweetened condensed milk, and, of course, chocolate and coconut. The ingredients for the bars are as follows:

    • Semi-Sweet Chocolate Chips
    • Unsweetened Coconut
    • Sweetened Condensed Milk
    • Graham Cracker Crumbs
    • Unsalted Butter
    • Salt

    A photo of half of a baking dish of the chocolate coconut bars before they are cut. In the background are two white bowls of chocolate chips and shredded coconut.

    HOW TO MAKE CHOCOLATE COCONUT BARS

    1. Stir together crust ingredients and transfer to baking dish.
    2. Add salt to condensed milk and pour over crust.
    3. Add chocolate chips and coconut, then press down with fork tines.
    4. Bake, then carefully run a knife along edges.
    5. Allow cool and cut into bars or squares.

    1. MAKE THE GRAHAM CRACKER CRUST

    The crust for Chocolate Coconut Bars is very easy to make. It consists of graham cracker crumbs, unsalted butter, and salt. To make the crust, all you have to do is melt the butter and stir it into the graham cracker crumbs, along with the salt.

    The size of your graham cracker crumb will affect the consistency of your crust. The finer the crumb, the tighter the crust. Alternatively, the larger the crumb, the more crumbly the crust. Both taste delicious, but if you prefer a crust that doesn't crumble, consider running the graham crackers through a food processor (or purchasing graham cracker crumbs) rather than crushing them with a rolling pin or mallet.

    HOW MANY GRAHAM CRACKERS IN A PACKAGE TO MAKE A CUP?

    There are nine graham crackers in a package. One package of graham crackers converts into about 1 ¼ cup of crumbs. Therefore, seven graham crackers will yield about 1 cup of crumbs.

    2. ADD THE SWEETENED CONDENSED MILK

    Sweetened condensed milk is an amazing ingredient for baking. Do not confuse sweetened condensed milk with evaporated milk. After a short stint in the oven, this product offers a sticky-sweet texture and a flavor that very closely resembles vanilla pudding. However, it is very sweet. Adding a little salt across the top will go a long, long way in enhancing the overall flavor of your Chocolate Coconut Bars.

    Just pour the sweetened condensed milk over the graham cracker crumbs and then it's time for the chocolate and the coconut.

    3. ADD CHOCOLATE AND COCONUT

    The semi-sweet chocolate chips will go on first, followed by a sprinkle of unsweetened coconut. Once the ingredients are in place, you'll use the tines of a fork to gently nudge the chocolate chips into the layer of sweetened condensed milk.

    4. BAKE

    The bars go into the oven and bake for 28-30 minutes, just until the coconut is tinging with a gorgeous golden-brown across the top.

    HOW TO KEEP THE BARS FROM STICKING TO THE PAN

    As mentioned earlier, sweetened condensed is heavy on the sugar, which means when it gets hot, it gets sticky. This is part of what makes these Chocolate Coconut Bars so ooey-gooey, addictively delicious, however, if that sweetened condensed milk creeps to the edges of the pan and seeps down along the sides, it could potentially make your bars somewhat difficult to remove from their baking vessel without any breaks.

    There are a couple of things you can do to prevent this:

    1. Don't spread the sweetened condensed milk all the way to the edges of your pan.
    2. Run a knife along the edges of the pan as soon as it comes out of the oven and before you cut into bars.
    3. Or, line the pan with parchment paper or nonstick aluminum foil before you begin.

    5. SET AND CUT

    Once the bars are out of the oven, you'll need to give them at least 30 minutes to set up. In fact, it's actually preferable that your Chocolate Coconut Bars are completely cooled before you make your first cut. If you cut into them too soon, the sweetened condensed milk will likely not stay put in bar form.

    HOW TO CUT CHOCOLATE-COCONUT BARS

    You can cut the bars into twelve bars or sixteen squares. To make bar shapes, make three evenly spaced cuts going in one direction and four cuts from the opposite direction.

    To make squares, make 4 even cuts across the bars in each direction.

    A half shot of the baking dish of Chocolate Coconut Bars that have been cut into squares.

    HOW TO STORE CHOCOLATE COCONUT BARS

    Chocolate Coconut Bars do not need to be refrigerated and can be stored in an airtight container at room temperature for up to 3-4 days.

    HOW TO FREEZE CHOCOLATE COCONUT BARS

    If you’d like to enjoy your bars for any length of time beyond this, you should consider freezing them! You can keep Chocolate Coconut Bars in the freezer for up to 2 months. In fact, these bars are just as delicious directly out of the freezer.

    To freeze them, transfer the cooled bars to an airtight, freezer-safe container, separated by sheets of wax paper to help prevent them from sticking. Once frozen, you can move them to a freezer-safe zip-top, gallon-sized bag to save space if needed. Be sure to remove as much air as possible before sealing.

    Three Chocolate Coconut Bars stacked on top of each other served on a white plate. In the background is a red and white checkered napkin.

    5 MORE CHOCOLATEY DESSERTS TO TRY

    • Simple Chocolate Pound Cake is a perfectly moist pound cake with a tender crumb featuring not one, but two kinds of chocolate!
    • Texas Sheet Cake is the perfect party dessert as it both feeds and pleases a crowd. Super chocolatey, decadently moist and tender, and topped with gooey, fudgy icing!
    • Easy Coconut Macaroons are made with sweetened condensed milk and finely shredded coconut. The perfect gluten-free cookie for entertaining!
    • Fudgy Walnut Brownies are a bite-sized treat with a quick-fix topping of melted chocolate and chopped walnuts. The best chocolate treat for snacking, potluck parties, and giving as gifts!
    • Classic Chocolate Brownies are soft, chewy and loaded with big chocolate flavor! Guaranteed to be the best you’ve ever had.
    4.13 from 98 votes
    Chocolate Coconut Bars
    Print
    Chocolate Coconut Bars
    Prep Time
    10 mins
    Cook Time
    28 mins
    Total Time
    38 mins
     

    Chocolate Coconut Bars with a buttery graham cracker crust, a gooey chocolate center and a golden, flaky coconut topping and just 10 minutes of prep!

    Course: Dessert
    Cuisine: American
    Keyword: Chocolate Coconut Bars
    Servings: 12
    Calories: 360 kcal
    Author: Kelly Anthony
    Ingredients
    • 1 ½ cup fine graham cracker crumbs
    • ½ cup + 2 tablespoons unsalted butter, melted
    • ¾ teaspoon fine sea salt, separated
    • 1 (14 ounce) can sweetened condensed milk (not to be confused with evaporated milk)
    • 1 cup semi-sweet chocolate chips
    • ¾ cup unsweetened coconut flakes
    Instructions
    1. Preheat the oven to 350° and have ready a greased 8"x8" baking dish. 

    2. In a small mixing bowl, stir together graham cracker crumbs, melted butter, and a ½ teaspoon salt. Transfer to the baking dish and press firmly across the bottom.

    3. Pour the can of sweetened condensed milk over the crust and sprinkle a ¼ teaspoon of salt across the top.

    4. Scatter chocolate chips across the dish, followed by the coconut. Use the tines of a fork to gently press the toppings into the condensed milk.

    5. Bake for 28-30 minutes, until the coconut is tinging golden-brown across the top. Remove from the oven and run a sharp knife along the edges of the dish. 

    6. Allow to cool completely -- 30 minutes to 1 hour. Cut into 12 bars or 16 squares, serve and enjoy!

    Recipe Video

    Recipe Notes

    The crust will taste salty before baking.

    Nutrition Facts
    Chocolate Coconut Bars
    Amount Per Serving
    Calories 360 Calories from Fat 207
    % Daily Value*
    Fat 23g35%
    Saturated Fat 14g88%
    Cholesterol 38mg13%
    Sodium 261mg11%
    Potassium 257mg7%
    Carbohydrates 35g12%
    Fiber 2g8%
    Sugar 26g29%
    Protein 4g8%
    Vitamin A 405IU8%
    Vitamin C 0.9mg1%
    Calcium 116mg12%
    Iron 1.6mg9%
    * Percent Daily Values are based on a 2000 calorie diet.

    PInterest image for Chocolate Coconut Bars

    Chocolate Coconut Bars
    « Black Eyed Pea Salad
    Honey Mustard Dressing Recipe »
    19508 shares
    • Share
    • Tweet
    • Yummly

    Looking for more recipes?

    Be sure to check out the recipe index where you can browse recipes by meal type and category!

    Check Out the Recipe Index

    Primary Sidebar

    I’m Kelly Anthony — a baker, home chef, and mom with a passion for food and an adoration for entertaining.

    Comfort food is my specialty, and it is truly my pleasure to share these recipes with you. If you’d like to get to know me a little better, click here.

    Trending recipes

    • Strawberry Cupcakes
    • Shrimp Po Boy
    • Jalapeno Popper Dip
    • Buffalo Chicken Sliders
    • Chile con Queso
    • Pizza Dip

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • Disclaimer
    • Accessibility Policy

    Newsletter

    • Sign up for weekly recipes
    • Facebook
    • Instagram
    • Pinterest
    • YouTube

    Contact

    • Work with me
    • Contact