Fudgy Peanut Butter Coconut Bars

Reader René asked me for a recipe for peanut butter coconut cookies, and these Fudgy Peanut Butter Coconut Bars are my answer: two distinct layers with plenty of peanut butter and coconut in every bite.

The bottom is rich, dense, and fudgy like a peanut butter blondie. On top is a light golden-brown, chewy coconut macaroon layer with lightly crisp, toasted bits for contrast.

For all that richness, these bars are not overly sweet. Peanut butter and coconut stay beautifully balanced, and a pinch of flaky salt on top adds a little sparkle. Let’s make some, shall we?

Pastry Chef Online Participates in Affiliate Programs. If you make a purchase through one of my links, I may earn a small commission. For more information click to read my disclosure policy

A stack of layered bars with a fudgy peanut butter layer topped by a layer of coconut macaroon.

Peanut Butter Coconut Bars, At a Glance

✅Skill Level: Beginner
✅Skills: The Creaming Method, Spreading Even Layers
✅Type: Bar Cookies
✅Number of Ingredients: 12
✅Prep Time: 15-20 minutes
✅Cook Time: 40-45 minutes
✅Yield: 1 8″ x 8″ pan, 16-25 bars, depending on how you slice them

Jump Straight to the Recipe

How to Make These Bar Cookies

This recipe comes together quickly and uses mostly pantry staples. If you already have a good understanding of The Creaming Method, you can skip right down to the recipe.

Otherwise, here are the ingredients you’ll need. I’ll supply substitutions where it makes sense.

Ingredients and Substitutions

A collage of images of all the ingredients needed to make fudgy peanut butter coconut bars.
  • butter: I usually use unsalted, but you can use salted if that’s what you have on hand.
  • granulated sugar: Provides sweetness and a moist texture in the peanut butter layer. And since we’re using unsweetened coconut, a little additional sugar sweetens the macaroon layer.
  • brown sugar: I prefer dark brown sugar, but if you have light brown sugar, go ahead and use that. If you have molasses at home, adding 6-7 grams along with light brown sugar should help to approximate the flavor of dark brown sugar. Brown sugar also brings sweetness and a bit of chew.
  • peanut butter: Use a national brand such as Jif or Skippy. A relatively large amount of peanut butter provides a ton of peanut flavor and enough fat to keep the layer rich and fudgy rather than cakey.
  • egg yolks: Two yolks bring emulsifiers for a smooth batter along with a bit of fat to help carry flavor. Yolks contain minimal water, and using less water helps to maintain a fudgy texture.
  • baking soda: Baking soda helps to neutralize the slightly acidic peanut butter and brown sugar. In this recipe, leavening is not baking soda’s primary job.
  • kosher salt: Found in both the peanut butter layer and the coconut layer, salt helps to focus flavors and counteract any bitterness.
  • vanilla extract: Helps to round out the flavors in both layers. You don’t have to use the Good Stuff here. Garden-variety vanilla will work just fine.
  • bread flour: Bread flour provides structure for the peanut butter layer and helps give the peanut butter layer its chewy texture. You may substitute all-purpose flour if that’s what you have on hand.
  • unsweetened coconut flakes: I prefer using unsweetened coconut flakes. If you have “Angel Flake” sweetened coconut, you may reduce or omit the amount of sugar in the coconut topping.
  • egg whites: The whites (leftover from using the yolks in the peanut butter layer) lend structure to the coconut layer and help make the edges and little browned bits nice and crisp. The water in the whites also helps to hydrate the coconut allowing for a very nicely chewy macaroon layer.
  • sweetened condensed milk: Provides a milky sweetness to the macaroon layer. Since it is thick and sticky, it also helps to bind the coconut into a cohesive layer.
  • finishing salt (not pictured): a pinch or two of flaky salt allows for a bit of sparkle on the tongue. I use Maldon sea salt, but any finishing salt will do nicely.

If you’re a fan of the peanut butter/coconut combination, you may also want to take a peek at my homemade Zagnut bar recipe. Peanut butter and coconut is not one of the more popular flavor combos, at least in the US, but those who love it really love it!

Procedure

In a nutshell, here’s how to make these bars.

  1. Make the peanut butter layer using The Creaming Method.
  2. Spread into a parchment-lined 8″ x 8″ pan.
  3. Refrigerate for 30 minutes.
  4. Stir together the macaroon ingredients and let rest until the 30 minutes is up.
  5. Smooth out the peanut butter layer.
  6. Dot the macaroon mixture on top of the peanut butter layer and smooth into an even layer.
  7. Bake until coconut layer is lightly golden brown, about 40-45 minutes.

Make the peanut butter layer in the same way you’d make any peanut butter cookie. If you start with very soft butter, you can even mix it by hand using a whisk and a spatula.

Cream together the butter with the two sugars and the salt, mix in the peanut butter followed by the egg yolks and vanilla, and then mix in the bread flour and baking soda last.

Making the macaroon layer is even more straightforward. Evenly mix all the ingredients together until all the coconut is coated.

Then, it’s a matter of smoothing the peanut butter layer into the pan and topping it with an even layer of the macaroon mixture.

This collage illustrates how I make those super even layers:

Would you like to save this post?

Enter your email address below, and don't forget to check the box!

A collage of 6 images showing how to evenly layer coconut macaroon batter on top of peanut butter cookie dough to make peanut butter coconut bars.
  1. Mix up the peanut butter dough. It will be about the consistency of peanut butter.
  2. Evenly “blob” the dough into a parchment-lined 8″ x 8″ (20 x 20 cm) baking pan.
  3. Spread evenly with an offset spatula and refrigerate for 30 minutes.
  4. Mix up the macaroon batter and let sit to hydrate while the peanut butter layer firms up.
  5. Smooth the peanut butter layer again if necessary, then “blob” on the macaroon batter. Use an offset spatula to smooth it and press it in place.
  6. Making even layers at this stage ensures your bars will have visually striking layers.
A collage of two images showing the baked, golden brown peanut butter coconut bars and the bars cleanly sliced after refrigerating.
  1. Image one gives you a good idea of how these bars will look once baked. Note deeply golden brown edges and a lightly golden brown top.
  2. See how evenly they slice once refrigerated? It’s worth taking the time to refrigerate them for several hours before slicing.
An overhead shot of 9 pb coconut bars arranged in a 3 x 3 grid. Some have a peanut butter drizzle on top while others are just plain lightly toasted coconut.
The peanut butter drizzle looks fancy, but it’s just two ingredients–peanut butter chips and coconut oil–and takes less than a minute to make. It’s also completely optional—the bars are plenty delicious without it.
Can I use sweetened coconut instead of unsweetened coconut?

Yes, you can. If using sweetened coconut, you may reduce or even omit the granulated sugar in the macaroon layer.

Why do I need to chill the peanut butter layer before adding the coconut?

Two reasons. First, the 30-minute chill makes sure that the peanut butter layer is firm enough to hold the coconut layer without smearing. And second, the chill time gives the coconut mixture a bit of time to hydrate while it waits for its turn to get layered on top of the peanut butter dough.

Do I really need to chill the bars before slicing?

Yes. For cleanest–practically pristine–slicing, I recommend chilling the bars for a few hours or overnight. Use an 8″ chef knife and cut straight down. The result: gorgeous, clean cuts that really show off the layers.

Can I make these without the peanut butter drizzle?

Absolutely. The bars are well-balanced and delicious as written. If you’d like to zhuzh them up a bit for a cookie try, melt 60 grams of peanut butter chips together with 6 grams of coconut oil. Put into a zip top bag and cut the tiniest corner off. Drizzle as desired. The peanut butter drizzle will set up firmly in about 10 minutes.

And because I am proud of this recipe, I draw your attention to the lovely, fudgy peanut butter layer and the visual and textural contrast between the peanut butter and coconut layers. Magic!

Three stacked peanut butter coconut bars showing equal layers of peanut butter dough and macaroon dough, the fudgy peanut butter interior, and the chewy coconut layer.

Bar cookies are way less fussy to make than individual cookies, especially if you’re like me and like to weigh everything.

Spread stuff in pan, bake, serve. Done!

Angel slices have 3 layered components: a sandy sable base, a slightly gooey pecan-coconut filling, and a thin sharp lemon glaze. They are my favorite Christmas cookie, although you are allowed to make them whenever you want.

Another nostalgic favorite are date nut bars. My version, featuring Medjool dates that cook down to jammy goodness without having to chop them first, brightens up things with the addition of orange zest and a bright citrus glaze.

My mom used to send us to school with an oatmeal raisin bar in our lunchbox. And then we’d have another when we got home from school. Easy to customize with your favorite dried fruit or mix of dried fruits, these simple bars are egg-free and lightly scented with cinnamon.

Questions?

If you have any questions about this post or recipe, I am happy to help.

Simply leave a comment here and I will get back to you soon. I also invite you to ask questions in my Facebook group, Fearless Kitchen Fun.

If your question is more pressing, please feel free to email me. I should be back in touch ASAP, as long as I’m not asleep.

A Note About Measurements

My recipes are almost all written by weight, including liquids, unless otherwise specified.

For accuracy and consistency of results, I encourage you to buy–and use–a kitchen scale.

I promise that baking and cleanup will be so much quicker and easier.

This is the scale that I recommend for home use. I have owned and used one for years.

Escali Primo Digital Scale

Several layered peanut butter coconut cookie bars on a marble surface.

Fudgy Peanut Butter Coconut Bars

Jennifer Field
These Fudgy Peanut Butter Coconut Bars pair a rich, fudgy peanut butter cookie layer with a golden, chewy-crispy coconut macaroon topping. Easy to make, not too sweet, and seriously satisfying.
Be the first to rate this recipe!
Prep Time 20 minutes
Cook Time 45 minutes
Chill Time 4 hours 30 minutes
Total Time 5 hours 35 minutes
Course Dessert
Cuisine American
Servings 20 bars
Calories 189 kcal

Ingredients

For the Peanut Butter Layer

  • 56 grams butter 2 oz or 4 Tbsp, salted or unsalted, very soft
  • 68 grams granulated sugar 2.4 ounces or about 1/3 cup
  • 68 grams dark brown sugar 2.4 oz or about 1/3 cup, lightly packed
  • 160 grams creamy peanut butter 5.6 oz or about 2/3 cup, such as Jif, Skippy, or Peter Pan
  • 2 egg yolks
  • 1 teaspoon vanilla extract
  • teaspoon kosher salt I use Morton's. If using Diamond Crystal, use a scant 3/4 teaspoon. If using fine salt, use a scant 1/4 teaspoon
  • ¼ teaspoon baking soda
  • 68 grams bread flour 2.4 oz or about 1/2 cup

For the Coconut Macaroon Layer

  • 110 grams sweetened condensed milk 3.9 oz or about 1/3 cup
  • 2 egg whites
  • 40 grams granulated sugar 1.4 oz or about 3 Tablespoons
  • 1 teaspoon vanilla extract
  • teaspoon kosher salt
  • 140 grams unsweetened shredded coconut 4.9 oz or about 1 3/4 cups

To Finish

  • 1-2 pinches flaky finishing salt such as Maldon

For Optional Peanut Butter Drizzle

  • 60 grams peanut butter chips 2.1 oz or 1/3 cup
  • 1 ½ teaspoons coconut oil 6 grams, refined or unrefined

Instructions
 

Mise en Place

  • Set a rack in the center of the oven. Preheat to 325° F/ 163° C. Line an 8" x 8" (20 x 20 cm) pan with parchment, cut or folded to fit across the bottom and up the sides of the pan.

For the Peanut Butter Layer

  • In a small bowl, whisk the baking soda and bread flour together. Set aside.
  • Use a spoon, whisk, or hand mixer to cream softened butter with the sugar and dark brown sugar until smooth.
  • Add peanut butter, 2 yolks, vanilla, and salt and cream together until uniform.
  • Stir in the bread flour mixture by hand until evenly mixed.
  • Scrape the dough into the pan in blobs. Use an offset spatula to spread out evenly.
  • Refrigerate for 30 minutes.

For the Macaroon Layer

  • In a medium bowl, combine sweetened condensed milk, egg whites, sugar, vanilla, and salt until smooth and evenly combined.
  • Add the coconut and stir together to evenly moisten.

To Layer and Bake

  • Make sure the chilled base is as smooth as you can make it.
  • Evenly blob on the coconut mixture, and then use an offset spatula to spread it evenly, connecting all the blobs and pressing gently to compact the layer.
  • Sprinkle on a pinch or two of flaky salt, just enough to get a couple of flakes on each bar.
  • Bake in the preheated oven for 40-45 minutes, rotating the pan halfway through if your oven tends to have hot spots. When fully baked, the coconut will be medium golden brown around the edges and a nice, light golden brown across the surface. Shoot for an internal temperature of 195° – 200° F / 91° – 93° C. NOTE: If the coconut is browning a bit faster than you'd like, you can loosely tent the pan with foil for the last 10 minutes of baking.
  • Allow to cool in the pan for 10 minutes, then use the parchment to remove the bars to a rack to cool completely. Cover and chill for several hours or overnight before slicing.

For the Optional Peanut Butter Drizzle

  • In a small, microwave-safe bowl, combine the peanut butter chips and coconut oil.
  • Microwave in 15-second bursts, stirring between each burst, until the mixture is smooth.
  • Load into a zip-top bag, and cut the tiniest possible corner off.
  • Drizzle evenly with the peanut butter glaze. NOTE: Glaze after chilling the bars and right before slicing.

Notes

  • Sweetened coconut: This recipe is formulated for unsweetened coconut. If using sweetened shredded coconut, reduce or omit the 40 grams of granulated sugar in the macaroon layer according to your taste.
  • For clean slices: Chill the bars for several hours or overnight before slicing with a large, sharp knife. They can be served chilled or allowed to come to room temperature. They are also most excellent heated for just a few seconds in the microwave before serving.

Nutrition

Serving: 1barCalories: 189kcalCarbohydrates: 18gProtein: 4gFat: 12gSaturated Fat: 7gPolyunsaturated Fat: 1gMonounsaturated Fat: 3gTrans Fat: 0.1gCholesterol: 27mgSodium: 160mgPotassium: 120mgFiber: 2gSugar: 13gVitamin A: 111IUVitamin C: 0.2mgCalcium: 28mgIron: 0.5mg
Keyword bar cookies, coconut, peanut butter

Would you like to save this post?

Enter your email address below, and don’t forget to check the box!

Did you make this recipe?Please tell us how it went!

Join in Today!

My Top 5 Secrets to Becoming Fearless in the Kitchen

Plus weekly new recipes, how-tos, tips, tricks, and everything in between

Leave a Reply

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

Recipe Rating