• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Best Dessert Recipes
  • Home
  • Recipes
    • Bars
    • Brownies
    • Cake
    • Dessert Dips
    • Candy
    • Cookies
    • Cake
    • Cupcakes
    • Frozen
  • Contact
  • Privacy
  • Shop!
  • Get the Emails
menu icon
go to homepage
  • Home
  • Recipes
    • Bars
    • Brownies
    • Cake
    • Dessert Dips
    • Candy
    • Cookies
    • Cake
    • Cupcakes
    • Frozen
  • Contact
  • Privacy
  • Shop!
  • Get the Emails
subscribe
search icon
Homepage link
  • Home
  • Recipes
    • Bars
    • Brownies
    • Cake
    • Dessert Dips
    • Candy
    • Cookies
    • Cake
    • Cupcakes
    • Frozen
  • Contact
  • Privacy
  • Shop!
  • Get the Emails
×

Frosted Coconut Bars

March 31, 2022 by Jessica 5 Comments

Sharing is caring!

38 shares
  • Facebook
  • Email
  • Yummly
Jump to Recipe

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.

single coconut bar with shredded coconut topping

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

Table of Contents

  • Why You’ll Love Them
  • Ingredients
  • How to Make Coconut Bars
  • How to Toast Coconut
  • Easy Variations
  • Storage & Freezing
  • More Delicious Desserts
  • Frosted Coconut Bars
    • Ingredients
      • Coconut Bars:
      • Frosting:
    • Instructions
      • For Coconut Bars:
      • For Frosting:
    • Notes
    • Nutrition
  • 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.
stack of frosted coconut bars

Ingredients

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

ingredients for coconut bars
  • 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.
hand holding coconut cookie bar

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.
close up of frosted coconut bar

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.
step by step photos of how to make coconut bars
  1. 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.
  2. Bake until the edges are slightly browned and remove- do not wait until the whole top is golden brown. Cool totally before frosting.
step by step photos of how to make coconut bars

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.
bowl of cream cheese frosting

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.
coconut sugar cookie bar on a spatula

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.
toasted coconut bars in a baking dish

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.

collage of frosted coconut bars on pink background

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
overhead shot of torn apart rice krispie treat with sprinkles
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
overhead of cookie dough dip recipe with dipping options
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
close up shot of pina colada poke cake on a plate
frosted coconut bar on pink background
close up of frosted coconut bar

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 minutes
Cook Time: 20 minutes minutes
Cooling Time: 1 hour hour
Total Time: 1 hour hour 40 minutes 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

Filed Under: Bars

Reader Interactions

Comments

  1. MJ

    April 5, 2022 at 8:47 pm

    5 stars
    These are absolutely perfect for spring! I might add some colorful sprinkles and make them again for Easter!

  2. Anita

    April 5, 2022 at 9:27 pm

    5 stars
    I love coconut in baked goods and this dessert speaks to my soul. It’s easy to put together, and it’s so delicious.

  3. Keri Bevan

    April 5, 2022 at 9:54 pm

    5 stars
    Oh yum, these were sooo delicious. Everyone here loved them. Thanks so much for the great recipe. This is a keeper!

  4. Mirlene

    April 5, 2022 at 10:14 pm

    5 stars
    I never thought of adding sour cream to bars but it definitely tastes great! Love the toasted sweet coconut sprinkles on them!

  5. Jessie

    April 5, 2022 at 10:54 pm

    5 stars
    I am in looooove with these bars! My family loves coconut cake, but it’s always so time consuming – I’m totally swapping these bars in at our next family gathering. So much easier!

Leave a Reply

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

Recipe Rating




Primary Sidebar

Meet Jessica

Best dessert recipes is a central place for easy dessert recipes featuring semi-homemade, one step and easy dessert making hacks guaranteed for all culinary levels. Jessica is a cookbook author and Le Cordon Bleu Culinary School certified recipe developer. See her work in Parade Magazine, Better Homes & Gardens, Mashed, AllRecipes AllStars and The Daily Meal Food + Travel and more!

jessica eating a cheesecake

Visit Our Sister Sites

For all things savory, make sure to visit our sister sites, SavoryExperiments.com and MySauceRecipes.com.

savory experiments logo

Trending Now

angled shot of two granola cookies

Granola Cookies

straight on shot of jar of cream cheese frosting

Best Cream Cheese Frosting

straight on shot of bowl of frosting

Maple Cream Cheese Frosting

angled shot of slice of butternut squash cake

Butternut Squash Cake

Footer

About

  • Privacy Policy
  • Disclaimer
  • Accessibility Policy

Newsletter

  • Sign Up! for emails and updates

Contact

  • Contact
  • About

As an Amazon Associate, I earn from qualifying purchases. Exclusive Member of Mediavine Food.

Copyright © 2022 Best Dessert Recipes

↑ back to top