HomeDessertCoconut Cream Bars - Sugar Spun Run

Coconut Cream Bars – Sugar Spun Run


These Coconut Cream Bars are made with a tender, buttery cookie bar base topped with a lightweight coconut frosting and toasted coconut. A fast and simple 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, actually)! 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 quite a lot of potential to be too candy. To assist offset the sweetness, each the bottom and the frosting used right here at the moment are tempered by a small portion of cream cheese.

Three coconut cream bars stacked on top of each other.

This provides an especially delicate, practically imperceptible tang, nevertheless it does wonders in conserving the bars from being too wealthy. I exploit this identical trick in my sugar cookie bars, and form 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!
  • Smooth 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 must pay shut consideration to the next components:

  • Unsalted butter. We’ll use unsalted butter in each the cookie bars and the frosting. Be certain your butter is softened to room temperature earlier than you start.
  • Coconut. Use sweetened shredded coconut. When 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 all the time 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 chunk.
  • Cream cheese. Apart from 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 completely 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 really 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!

Keep in mind, that is simply an outline of the components I used and why. For the total recipe please scroll right down to the underside of the submit!

The best way 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 mild and creamy, about 1 minute on medium-high pace.
  2. Stir within the eggs and extracts till utterly integrated.
  3. Mix the dry components in a separate bowl, then add them to the moist components.
  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, elective, 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 whilst you make the frosting.
  3. Make the frosting – Cream collectively the butter and cream cheese till easy.
  4. Step by step 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. Minimize, serve, and luxuriate in!

SAM’S TIP: Keep shut by the oven whereas toasting your coconut, as a result of it may well burn shortly! Be certain to examine on it steadily and provides it just a few turns with a spatula to ensure it’s cooking evenly.

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

Steadily 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 instantly. Do what feels finest for you and your loved ones!

Can I halve this recipe?

Sure! In case you do, it would be best 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 may bake in a 9×9 pan (however please let me know in case you strive it!).

How candy are these?

These are positively candy, however not cloyingly so, which is precisely what I’d aimed for. Including cream cheese to the frosting and the bottom helps lots with this!

Coconut cookie bar topped with frosting and toasted coconut.

Can’t get sufficient coconut? Attempt 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 case you do this recipe, you should definitely tag me on Instagram, and you can even discover me on YouTube and Fb

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 lightweight coconut frosting and toasted coconut. A fast and simple deal with for spring or summer season! Recipe contains how-to video.


Course: Dessert

Delicacies: American

Prep Time: 30 minutes

Cook dinner Time: 25 minutes

Complete Time: 55 minutes

Servings: 24 squares

Energy: 373kcal

Stop your display from going darkish


Backside layer

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

  • Mix butter, cream cheese, and sugar in a big mixing bowl and use an electrical mixer to beat till mild, 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 massive 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 goal flour, ½ teaspoon baking powder, 1 teaspoon salt

  • Step by step add dry components to moist, stirring on medium-low pace till utterly mixed.

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

Coconut Cream Frosting

  • (Non-obligatory) 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 frivolously browned.  Permit toasted coconut to chill whilst 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 easy and creamy.

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

  • Step by step 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. Minimize and serve.

  • Non-obligatory: 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 every 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 info relies on third-party calculations and must be thought of an estimate solely. Precise dietary content material will differ based mostly upon manufacturers used, measuring strategies, cooking methodology, 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.




Please enter your comment!
Please enter your name here

Most Popular

Recent Comments