Frosted Coconut Bars

Craving a bite of vacation without leaving your house? Whether it is a staycation or the best addition to food to take out on the boat, these Frosted Coconut Bars are the perfect tropical treat.

Tender crumb cookie bars topped with coconut frosting and toasted coconut flakes are the ultimate summer dessert. Even though it comes in three steps, it is still a super easy dessert recipe.

Why You’ll Love Them

• Have you ever had Pepperidge Farms Frosted Coconut Cake? These taste very similar.
• The bar is a blend of cake and sugar cookie bar- using cake flour instead of all-purpose flour create a finer texture and tender crumb.
• These can be made ahead of time.
• Dial in your own coconut flavor by customizing the levels of extracts in the bar batter, frosting and topping.
• Your friends will beg you for this recipe and you’ll want to make it time and time again.
• Most bars use graham crackers or a pie crust, these have coconut baked right into the tender cookie base.

Ingredients

These magic bars get their unique flavor and texture from several ingredients that may require a quick trip to the grocery store.

• Cake flour- Cake flour is a low protein flour (7-9%) that is ground into a finer consistency than all-purpose flour (10-12% protein).
• Cornstarch– Yes, this seems like an add ingredient for a cookie bar, but cornstarch is a key element in adding chewiness.
• Baking powder– Acts as a leavener.
• Coarse kosher salt– If using fine sea salt, reduce volume by half. Salt balances the sweet from sugar and also amplifies other natural flavors.
• Unsalted butter– We generally use unsalted so we can control the salt, but if you opt for salted, please omit the additional kosher salt.
• Sugar– They are cookies- they need sugar.
• Egg– Acts as a binder, unless otherwise specified, we use large eggs.
• Vanilla extract & Coconut Extract– Using both adds unique flavor, but if you want to dial back the coconut and just have a mild flavor, use all vanilla, but if you are a real coconut lover and want to taste like you are biting into a fresh coconut, use all coconut extract.
• Sour cream- adds a tanginess, balances other flavors and gives moisture. Full fat, plain Greek yogurt is a good swap.

Making frosting from scratch is fairly easy, but if you need to cut a corner, this is the place to do so. Grab a tub of pecan coconut, vanilla or cream cheese frosting from the store. But if you want to whip up your own batch, here is what you’ll need:

• Unsalted butter- Again, if you use salted butter, then omit additional salt. Make sure the frosting is very soft to get the best whip.
• Powdered sugar– a finer texture sugar that is ideal for frosting.
• Vanilla extract & Coconut Extract– Just like the cake batter, you can control the coconut flavors by using both, or just one of the extracts. Almond extract is another complementary flavor.
• Fine sea salt- We used a fine sea salt because it doesn’t have as much time to dissolve as a coarse would need, but make sure to use sea salt and not iodized, which can have a metallic aftertaste.
• Heavy cream or whole milk– used to get a nice, spreadable consistency.
• Sweetened coconut– You can certianly throw shredded coconut on straight out the bag, but lightly toasting is gives a nutty flavor and heightens the natural flavors.

How to Make Coconut Bars

1. Preheat the oven and line the bottom of a 9”x13” pan with parchment paper. The parchment paper works so much better than just cooking spray and will also work as a sling to get the bars out of the pan easily to slice.
2. Sift together the dry ingredients in a large bowl. If you don’t have a sifter (I love my crank handle sifter) then whisk to make sure they are all evenly distributed.
3. Cream together the butter and sugar for at least 3-4 minutes. Many folks don’t cream for long enough. The purpose is to incorporate air into the mixture. This airs is responsible for air pockets while baking, which creates lighter desserts. Don’t skip the creaming!
4. Mix together the wet ingredients and then slowly combine with the dry ingredients until just blended. Do not overmix. Overmixing can make sure tough and dense baked goods.

5. The batter is super thick and sticky. The parchment can slip and slide, so drop it by large spoonfuls and then gently spread into an even layer using an offset spatula. Tap it several times on the counter to further even it out.
6. Bake until the edges are slightly browned and remove- do not wait until the whole top is golden brown. Cool totally before frosting.

If you are making your own frosting….

1. Beat the butter until creamy to add air into the mixture, then blend in the powdered sugar, extracts, salt and at least 2 tablespoons of the creamy. If the frosting is still too thick to spread, add more cream, one tablespoon at a time.
2. Spread onto bars using an offset spatula.
3. If desired, top with the toasted sweetened coconut.

How to Toast Coconut

Toasting coconut is optional, but can immensely change the flavor profile of this easy bar recipe. It bring out natural coconuty flavors and becomes a little nutty.

• Oven Instructions: Line a baking sheet with parchment paper, add shredded sweetened coconut in a single layer and bake at 350℉, monitoring closely for 8-12 minutes.
• Skillet Instructions: Heat a non stick skillet over medium heat and add shredded sweetened coconut, tossing for 8-10 minutes until lightly browned.

Easy Variations

• For a caramelized molasses flavor, you can use half white granulated sugar and half brown sugar.
• Make chocolate coconut bars by adding 1/4 cup mini chocolate chips or dark chocolate chips to the shredded coconut topping.
• Go pina colada style by topping with chopped candied cherries. Don’t add them until right before serving, otherwise the red seeps into the coconut and they taste great, but look a little unsightly.

Storage & Freezing

Store coconut bars in an airtight container at room temperature for 3-5. Aim for a single layer, but if you need to stack, seperate with a layer of parchment paper.

Frosted coconut bars can be frozen for up to 3 months in an airtight container, ideally in a single layer.

More Delicious Desserts

• Coconut Pound Cake
• Coconut Cream Pie
• Cookie Butter
• Millionaire Bars

Single Serving Rice Krispie Treats

Just what you need- a small batch Rice Krispie treat in the microwave. Only 3 ingredients and 3 minutes until gooey bliss.

Check out this recipe

Chocolate Chip Cookie Dough Dip

The best no-cook edible chocolate chip cookie dough dip made with cream cheese, brown sugar and mini chocolate chips.

Check out this recipe

Pina Colada Poke Cake

With a pineapple coconut filling, a fluffy whipped topping and a moist crumb, this Pina Colada Poke Cake will whisk you to the tropics!

Check out this recipe

Frosted Coconut Bars

Tender coconut sugar cookies topped with dreamy coconut frosting and toasted shredded coconut.

5 from 5 votes

Print Rate

Course: Dessert

Cuisine: American

Keyword: coconut bars

Prep Time: 20 minutes

Cook Time: 20 minutes

Cooling Time: 1 hour

Total Time: 1 hour 40 minutes

Servings: 12

Calories: 507kcal

Ingredients

Coconut Bars:

• 2 cups cake flour
• 1 ½ tablespoons cornstarch
• ½ teaspoon baking powder
• ½ teaspoon coarse kosher salt
• ½ cup unsalted butter , softened
• ¾ cup sugar
• 1 egg
• 1 teaspoon vanilla extract
• 1 teaspoon coconut extract
• ¼ cup sour cream

Frosting:

• 1 cup unsalted butter , softened
• 3 cups powdered sugar
• 1 teaspoon vanilla extract
• 1 teaspoon coconut extract
• 1/8 teaspoon fine sea salt
• 2-4 tablespoons heavy cream or whole milk
• 1 cup shredded sweetened coconut , toasted

Instructions

For Coconut Bars:

• Preheat the oven to 350℉. Line the bottom of a 9”x13” pan with parchment paper. Set aside.
• Sift together the cake flour, cornstarch, baking powder and salt. Set aside.
• In the bowl of a stand mixer fitted with the paddle attachment or in a large mixing bowl using an electric mixer, cream the butter and sugar together until light and fluffy.
• Add the egg, vanilla and coconut extracts and mix until well blended. Add the sour cream and beat until fully combined.
• Slowly add the dry ingredients to the wet ingredients, mix until just combined. Do not overmix.
• Drop the batter by large spoonfuls into the prepared dish. The batter will be very thick. Spread batter evenly for uniform baking.
• Bake for 18-20 minutes or until the edges are slightly browned. Don’t overbake. Cool completely before frosting.

For Frosting:

• Beat the butter until creamy, about 1 minute.
• Add the powdered sugar, vanilla and coconut extracts, salt, and 2 tablespoons of heavy cream.
• Beat until desired consistency is attained, thinning with more cream, if needed.
• Spread onto bars and top with the toasted coconut.
• If you've tried this recipe, come back and let us know how it was in the comments or star ratings!

Notes

How to Toast Coconut:

• Oven Instructions: Line a baking sheet with parchment paper, add shredded sweetened coconut in a single layer and bake at 350℉, monitoring closely for 8-12 minutes.
• Skillet Instructions: Heat a non stick skillet over medium heat and add shredded sweetened coconut, tossing for 8-10 minutes until lightly browned.

Nutrition

Calories: 507kcal | Carbohydrates: 63g | Protein: 4g | Fat: 28g | Saturated Fat: 18g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 7g | Trans Fat: 1g | Cholesterol: 80mg | Sodium: 171mg | Potassium: 70mg | Fiber: 1g | Sugar: 45g | Vitamin A: 796IU | Vitamin C: 1mg | Calcium: 30mg | Iron: 1mg