Coconut Cream Bars – Sugar Spun Run

These Coconut Cream Bars are made with a tender, buttery cookie bar base topped with a light-weight coconut frosting and toasted coconut. A fast and straightforward deal with for spring or summer season! Recipe features a how-to video!

Two coconut cream bars stacked on top of each other, with the top bar missing a bite.

Simple Coconut Bars

These coconut cream bars are an irresistible mashup between coconut cake and coconut cookies. And I do imply irresistible, as soon as I make them it’s important I make myself a small ration then pack them up and get them out the door, in any other case I end them off all on my own.

They’re tender and chewy, and they’re topped with a brand new and improved coconut frosting. Thanks to a couple tweaks, the frosting is now less complicated and fewer candy than the unique recipe, however nonetheless simply as tasty (tastier, truthfully)! A little bit of toasted coconut on high provides texture and a heat, toasty taste, and they’re able to serve.

A recipe like coconut cream bars has numerous potential to be too candy. To assist offset the sweetness, each the bottom and the frosting used right here as we speak are tempered by a small portion of cream cheese.

Three coconut cream bars stacked on top of each other.

This provides a particularly delicate, practically imperceptible tang, nevertheless it does wonders in conserving the bars from being too wealthy. I exploit this similar trick in my sugar cookie bars, and kind of fell in love with it.

Why I feel you’ll love my recipe:

  • Prepared in lower than an hour!
  • Satisfying, however not too candy.
  • Makes 24 servings, so it’s nice for events!
  • Gentle and chewy texture with a crunchy toasted coconut topping.

What You Want

Overhead view of ingredients including coconut, cream cheese, butter, and more.

Whereas these coconut cream bars are easy, you need to pay shut consideration to the next elements:

  • Unsalted butter. We’ll use unsalted butter in each the cookie bars and the frosting. Be sure that your butter is softened to room temperature earlier than you start.
  • Coconut. Use sweetened shredded coconut. Whilst you technically don’t have to toast a few of the coconut, I strongly suggest it. It simply takes a couple of minutes to do and provides texture.
  • Coconut extract. Whereas this isn’t an ingredient I at all times maintain stocked in my pantry, I do suggest it for this recipe, it makes an enormous distinction! With out it, the bars are nonetheless good, however the coconut topping alone doesn’t pack as a lot of a coconut punch all through the entire thing as I have a tendency to love.
  • Egg + egg yolk. An additional yolk provides richness to the dough and promotes a young, chewy chew.
  • Cream cheese. In addition to tempering the sweetness within the frosting, only a small quantity of cream cheese combined into the dough makes the bars delectably tender and melt-in-your-mouth. The cookie bar base of this recipe is totally different than you could count on or be used to, it’s distinctive in its taste and texture, and it’s simply so dang good!

SAM’S TIP: I like topping off my coconut cream bars with a drizzle of melted darkish chocolate. It provides an entire new dimension of taste, and jogs my memory of my coconut macaroons!

Bear in mind, that is simply an summary of the elements I used and why. For the total recipe please scroll right down to the underside of the put up!

Tips on how to Make Coconut Cream Bars

Make the Bar Layer

A easy however tremendous tender cookie bar, this comes collectively shortly.

Collage of four phots showing batter being prepared and poured into a sheet pan.
  1. Cream collectively the butter, cream cheese, and granulated sugar utilizing an electrical mixer. Do that till the combination is gentle and creamy, about 1 minute on medium-high pace.
  2. Stir within the eggs and extracts till utterly included.
  3. Mix the dry elements in a separate bowl, then add them to the moist elements.
  4. Unfold the batter right into a parchment lined 9×13 pan and bake for 25 minutes at 350F. Let the bars cool utterly of their pan earlier than frosting.

Toast Coconut & Make Frosting

Toasting the coconut is, technically, non-obligatory, nevertheless it not solely provides much more depth of taste, it provides a nice crunch to the bars.

Collage of four photos showing bars being pulled from the oven, coconut after toasting, and icing being prepared.
  1. Toast the coconut – Whereas the bars cool, scatter ½ cup (60g) of coconut over a parchment lined sheet. Place in your 350F oven for 4-5 minutes.
  2. Take away the coconut from the oven, toss with a spatula, and prepare dinner in 3 minute increments till toasted. Let the coconut cool when you make the frosting.
  3. Make the frosting – Cream collectively the butter and cream cheese till clean.
  4. Steadily add the powdered sugar, then stir within the extract and salt.


Collage of two photos showing bars being iced and topped with toasted coconut.
  1. Unfold the frosting over the cooled cookie bars.
  2. Add the coconut – Sprinkle the untoasted coconut over the frosted bars, then add the toasted coconut on high. Reduce, serve, and luxuriate in!

SAM’S TIP: Keep shut by the oven whereas toasting your coconut, as a result of it may burn shortly! Be sure that to verify on it regularly and provides it a number of turns with a spatula to verify it’s cooking evenly.

Overhead view of frosted coconut cream bars topped with toasted coconut.

Regularly Requested Questions

How ought to coconut cream bars be saved?

Retailer these bars in an hermetic container. So far as refrigeration goes, it’s actually as much as you and your consolation stage. I’ve left desserts made with cream cheese frosting at room temperature for as much as 2 days; however many individuals really feel higher refrigerating straight away. Do what feels greatest for you and your loved ones!

Can I halve this recipe?

Sure! In the event you do, you’ll want to bake in a 9×9 pan and scale back the baking time (however not the temperature). I haven’t tried this myself, so I can’t say how lengthy they are going to bake in a 9×9 pan (however please let me know when you attempt it!).

How candy are these?

These are undoubtedly candy, however not cloyingly so, which is strictly what I’d aimed for. Including cream cheese to the frosting and the bottom helps rather a lot with this!

Coconut cookie bar topped with frosting and toasted coconut.

Can’t get sufficient coconut? Strive my island cookies or coconut cream pie!

Take pleasure in!

Let’s bake collectively! I’ll be strolling you thru all of the steps in my written recipe and video beneath! In the event you do this recipe, be sure you tag me on Instagram, and you can too discover me on YouTube and Facebook

Two coconut cream bars stacked on top of each other, with the top bar missing a bite.

Coconut Cream Bars

These coconut cream bars are made with a tender, buttery cookie bar base topped with a light-weight coconut frosting and toasted coconut. A fast and straightforward deal with for spring or summer season! Recipe consists of how-to video.


Course: Dessert

Delicacies: American

Prep Time: 30 minutes

Prepare dinner Time: 25 minutes

Complete Time: 55 minutes

Servings: 24 squares

Energy: 373kcal

Stop your display screen from going darkish


Backside layer

  • Preheat oven to 350F (177C) and put together a 13×9 pan by lining with parchment paper (or evenly grease and flour).  Put aside.

  • Mix butter, cream cheese, and sugar in a big mixing bowl and use an electrical mixer to beat till gentle, creamy, and well-combined (about 1 minute medium/excessive pace).

    1 cup (226 g) unsalted butter, 2 oz (57 g) cream cheese, 1 ¾ cup (350 g) sugar

  • Add eggs, egg yolk, and extracts and stir effectively.

    2 giant eggs + 1 egg yolk, 1 teaspoon vanilla extract, ¼ teaspoon coconut extract

  • In a separate, medium-sized bowl, whisk collectively flour, baking powder, and salt.

    2 ½ cups (285 g) all objective flour, ½ teaspoon baking powder, 1 teaspoon salt

  • Steadily add dry elements to moist, stirring on medium-low pace till utterly mixed.

  • Unfold batter evenly into ready pan and bake within the middle rack of 350F (175C) oven for 25 minutes.  Enable cookie bars to chill utterly in pan earlier than overlaying with coconut cream frosting.  — Don’t flip off the oven, you’ll use subsequent if toasting your coconut.

Coconut Cream Frosting

  • (Non-compulsory) Line a cookie sheet with parchment paper and sprinkle ½ cup (60g) of coconut evenly over the cookie sheet. Bake in 350F (177C) oven for 4-5 minutes, take away, flip with spatula, and return to oven and repeat if wanted in 3 minute intervals till coconut is evenly browned.  Enable toasted coconut to chill when you put together the frosting.  

    1 ½ cups (180 g) sweetened shredded coconut

  • Mix butter and cream cheese in a medium-sized bowl and use an electrical mixer to beat till clean and creamy.

    ½ cup (113 g) unsalted butter, 3 oz (85 g) cream cheese

  • Steadily add powdered sugar, beating till mixed.  

    2 cups (250 g) powdered sugar

  • Add coconut extract and salt and stir till effectively mixed.

    ½ teaspoon coconut extract, ⅛ teaspoon salt

  • Unfold the frosting in an excellent layer over the cooled bars.

  • Sprinkle untoasted coconut evenly over cookie bars then high with toasted coconut. Reduce and serve.

  • Non-compulsory: For an additional decadent deal with, drizzle with melted darkish chocolate.



Retailer in an hermetic container at room temperature for as much as 2 days or within the fridge in an hermetic container for as much as per week.


Serving: 1sq. | Energy: 373kcal | Carbohydrates: 47g | Protein: 3g | Fats: 20g | Saturated Fats: 14g | Trans Fats: 1g | Ldl cholesterol: 50mg | Sodium: 145mg | Potassium: 97mg | Fiber: 2g | Sugar: 35g | Vitamin A: 425IU | Vitamin C: 1mg | Calcium: 18mg | Iron: 1mg

Dietary data is predicated on third-party calculations and ought to be thought-about an estimate solely. Precise dietary content material will fluctuate primarily based upon manufacturers used, measuring strategies, cooking technique, portion sizes, and extra.

I initially revealed this recipe in April of 2017. I’ve up to date the recipe as a result of I felt the frosting on the unique was far too candy, so this model features a less-sweet frosting. I’ve additionally up to date the images, improved the textual content to be extra useful, and added a how-to video.