This recipe for Brown Butter Sugar Cookie Bars with Fluffy Buttercream Frosting is perfect for serving at parties and easier to make than sugar cookies.
There are two kinds of people in this world. The ones who are really in it for the buttercream frosting and the ones who just want the cookie or cake that the frosting is on. Okay, okay, there is a third group of people that like the perfect combination of the two, but it seems like most people have a favorite. I’m sure many of you already know that I am a huge frosting fan. It dates back to my childhood when I would spend my own money on frosted cookies from the McGlynn Bakeries inside Target stores in our area. So, when I decided to make brown butter sugar cookie bars, I knew they had to be topped with a thick layer of fluffy buttercream frosting.
Disclaimer: Please note that some of the links in this post are affiliate links. There is no additional cost to you, but I will earn a small commission if you purchase through those links.
As with my Brown Butter Chocolate Chip Cookie Bars, these sugar cookie bars get great flavor from the addition of browned butter. My sister told me that she wasn’t sure that it was worth the extra step of browning the butter, so she made a pan of bars with regular butter and she found out that they are way better with the browned butter.
So, brown butter is made by melting butter in a pan over heat until the milk solids are browned. Put the sticks of butter in a pan over medium heat. Continue heating, stirring often, until the butter browns on the bottom of the pan. At first it feels like it’s never going to brown and then suddenly, it’s done and you have to remove it from the heat, so this is one of those things that you don’t want to walk away from. If you want more instructions for exactly how it works, check out this video: How To Brown Butter
Immediately pour the brown butter into a bow, so that it doesn’t continue to brown. If you want, you can skim the foam off the top. Allow the browned butter to cool to room temperature. You can put the bowl in the fridge or in a shallow bath of cold water to help speed up the cooling.
Next, mix together the baking soda and water together and set aside. In a stand mixer with a large bowl,(I used my Kitchen Aid mixer), cream together the cooled, brown butter, shortening and sugar. Add eggs and vanilla, mix well. Stir in the baking soda and water mixture and the salt. Then, add the flour one cup at a time, mixing well after each addition.
Spread the cookie dough in a greased jelly roll pan measuring about 15×10 or half a sheet pan measuring about 16×12 (I use a Wilton cookie pan with sides) and bake at 350 degrees for 20-25 minutes, until golden brown.
To make the Fluffy Buttercream Frosting, beat together butter and shortening until smooth. Mix in the first half of the powdered sugar (4 cups), one cup at a time. Then, add the marshmallow cream and vanilla. Next, mix in the second half of the powdered sugar (4 cups), one cup at a time. Finally, add the milk and beat until fluffy. Stir in food coloring, if desired. I used Wilton Icing Gel because you can use a smaller amount that with liquid food coloring.
Once the sugar cookie bars have cooled, spread on the buttercream frosting.
Add sprinkles and cut into bars.
I love it…there is almost an equal amount of frosting and sugar cookie bar! This recipe for brown butter sugar cookie bars with fluffy buttercream frosting makes a large batch of bars that is perfect for serving to a crowd at a party or barbecue.
Brown Butter Sugar Cookie Bars
- Brown the butter in a saucepan, pour into a large bowl and allow it to cool to room temp.
- Mix baking soda and water together and set aside.
- Cream together butter, shortening and sugar.
- Add eggs and vanilla, mix well.
- Stir in the baking soda and water mixture and the salt.
- Add the flour, one cup at a time, mixing well after each addition.
- Spread batter in a greased jelly roll pan.
- Bake at 350° F for 20-25 minutes. Do not overbake.
- 1 cup butter
- 1 cup shortening
- 8 cups powdered sugar
- 1/2 cup marshmallow cream
- 2 tsp vanilla
- 2 tbsp milk
- Optional: food coloring
- Beat together butter and shortening until smooth.
- Mix in the first half of the powdered sugar (4 cups), one cup at a time.
- Beat in the marshmallow cream and vanilla.
- Mix in the second half of the powdered sugar (4 cups), one cup at a time.
- Finally, add the milk and beat until fluffy.
- Stir in food coloring, if desired.
More recipes for cookie bars: