Peanut Butter Hi-Hat Cookies are homemade peanut butter cookies topped with a swirl of peanut butter frosting and dipped in melted chocolate. If you love chocolate with peanut butter, be sure to check out my Reese’s Peanut Butter Bars.

Peanut Butter Hi-Hat Cookies

Hi-hat decorating is generally associated with cupcakes. It’s the swirl of frosting that goes on top of the cupcake, or in this case, cookie. The swirl of frosting is then dipped into melted chocolate (think about a chocolate-dipped ice cream cone). These Peanut Butter Hi-Hat Cookies are perfect for everyone who loves that perfect (in my mind) chocolate and peanut butter flavor combination.


Peanut Butter Hi Hat Cookies

Peanut Butter Hi-Hat Cookies Ingredients

There are three parts to this recipe–the soft peanut butter cookies, the frosting, and the chocolate coating.

Peanut Butter: I chose to use only creamy peanut butter in the cookie recipe and the frosting. However, if you check out my peanut butter cookie recipe, you will see I used both chunky and creamy for the cookies. Use what you have on hand. For the frosting, stick with creamy peanut butter.

Brown Sugar: In the cookie recipe, I use a combination of granulated sugar and brown sugar. I like how the brown sugar adds a bit of flavor and the cookies are extra chewy because of it. Granulated sugar is used for sweetness! If you happen to be out of brown sugar you can use all granulated sugar.

Room Temperature Ingredients: Using room temperature ingredients (especially butter and eggs) will help you get the best results when baking the cookies. Butter is at room temperature at 65°F. Don’t put it in the microwave to soften it; simply cut it up into small pieces and let it sit out if you forgot to take it out of the refrigerator.

How to Make the Cookies

Again, the peanut butter cookie recipe is this recipe you can find here. To make the cookies, first, cream together the peanut butter, granulated sugar, and brown sugar. Next, beat in the egg and vanilla. In a separate bowl, combine the flour, baking powder, and salt. Finally, add and stir the dry ingredients into the creamed mixture.

To bake the cookies, use a 3 tablespoon scoop to scoop the dough into balls. Place the cookies onto an ungreased baking sheet. Use the bottom of a glass to gently flatten the balls of dough.

Bake for 8-10 minutes. You do not want to overbake the cookies. I remove mine from the oven when the edges are just starting to brown. Let them rest on the cookie sheet for at least 5 minutes before moving them to the cooling rack to cool completely.

Piping Peanut Butter Frosting onto Peanut Butter Hi Hat Cookies

How to Make Peanut Butter Frosting

The peanut butter frosting really brings out the peanut butter flavor that one would expect from peanut butter hi-hat cookies. To make the frosting, simply beat the sifted confectioners’ sugar, butter, peanut butter, heavy cream, vanilla, and salt. Beat on high speed until light and fluffy.

When ready, place the frosting in a piping bag fitted with a 2A tip, or any open round tip. (If you don’t have a piping bag, just use a zipped plastic bag with the corner snipped off). Holding the bag directly above the cookie, start to apply pressure.  Do not move the bag up, keep it steady and apply more pressure, letting the frosting fill out around the cookie, then slowly move up for another ring.  

When you have reached the desired size of dollop, release pressure and lift up. Place the frosted cookies in the refrigerator to chill as you make the chocolate coating. Let them chill for at least 15 minutes.

Dipping Cookies into Chocolate for Peanut Butter Hi Hat Cookies

How to Make Peanut Butter Hi-Hat Cookies

To finish off these ‘better than Reese’s Peanut Butter Cups’ treats, the final step is to dip the frosted cookies in melted chocolate. To melt the chocolate, add the chocolate and oil to a microwave-safe bowl. Microwave, uncovered, for about 30 seconds. Stir and microwave for another 10-15 seconds. Stir after each interval until the chocolate is melted and smooth.

When ready to dip the frosted cookies in the chocolate, be sure the glass or bowl you are using is deep enough for the height of the piped buttercream. Also, it has to be wide enough to fit the edges of the cookie and your fingers holding onto it as you dip. Let the chocolate set before serving (about 15 minutes). Store cookies in the refrigerator for up to a week.

Inside of Peanut Butter Hi Hat Cookies

Looking for More Peanut Butter Desserts?

Peanut Butter Cupcakes with Peanut Butter Frosting

Chocolate Peanut Butter Ooey-Gooey Cake

Peanut Butter Cheesecake

Reese’s Cheesecake Pie

Peanut Butter Brownie Trifle

4.67 from 3 votes

Peanut Butter Hi-Hat Cookies

Prep Time 20 mins
Cook Time 10 mins
Chill 15 mins
Total Time 45 mins
Peanut Butter Hi-Hat Cookies are homemade peanut butter cookies topped with a swirl of peanut butter frosting and dipped in melted chocolate.



  • cups creamy peanut butter
  • ½ cup (1 stick, 113g) unsalted butter, softened
  • ½ cup (100g) granulated sugar
  • ½ cup (100g) packed brown sugar
  • 1 large egg, room temperature
  • 1 teaspoon vanilla extract
  • cups (160g) all-purpose flour
  • ¾ teaspoon baking powder
  • ¼ teaspoon kosher salt


  • 4 cups (500g) confectioners' sugar, sifted
  • ¾ cup (1½ sticks or 170g) butter, room temperature
  • 2⅔ cups (688g) creamy peanut butter
  • ¾ cup (178.5g) heavy cream
  • 2 teaspoons vanilla
  • ¼ teaspoon kosher salt


  • cups (20 ounces) semisweet chocolate chips
  • ¼ cup (54.5g) vegetable oil



  • Preheat oven to 375°F.
  • In a large bowl, cream together the peanut butter, butter, granulated sugar, and brown sugar until well blended. Beat in the egg and vanilla.
  • In a separate bowl, combine the flour, baking powder, and salt; stir into creamed mixture.
  • Scoop dough into balls. (I used a 3-tablespoon scoop.) Place cookies 2 inches apart onto ungreased cookie sheets. Gently press each ball of dough with the bottom of a glass to slightly flatten. (Note: Dip the bottom of the glass in confectioners' sugar if glass is sticking to dough.)
  • Bake for 8 to 10 minutes in the preheated oven, or until edges are lightly browned. Do not overbake!
  • Cool completely on a cooling rack, about 45 minutes.


  • In a large bowl, use a hand mixer on low speed to beat the confectioners' sugar, butter, peanut butter, heavy cream, vanilla, and salt.
  • Increase the speed to high and beat until light and fluffy.
  • Place frosting in piping bag fitted with tip.
  • On top of each cooled cookie, pipe frosting in a tall swirl, getting as much height as possible. Place frosted cookies in the refrigerator while making chocolate coating, about 15 minutes.


  • In a small microwavable bowl, microwave chocolate chips and oil uncovered, on high, for 30 seconds, then 10 to 15 seconds, stirring after each interval, until mixture is smooth.
  • Dip the cone-shaped frosted cookies into the chocolate coating to coat most of the frosting, letting excess chocolate drip off. Let the chocolate set (about 15 minutes) before serving.

Did you make this recipe?

Thank you for making my recipe! You took pictures, right? Well go ahead and post them on Instagram! Be sure to mention me @iambaker and use the hashtag #YouAreBaker.

Share with your friends!

Categorized in: , ,

Related Recipes

Meet Amanda Rettke

Amanda Rettke is the creator of I Am Baker, and the bestselling author of Surprise Inside Cakes: Amazing Cakes for Every Occasion – With a Little Something Extra Inside.Over the course of her 15+ year blogging adventure, she has been featured in and collaborated with the Food Network, New York Times, LA Times, Country Living Magazine, People Magazine, Epicurious, Brides, Romantic Homes, life:beautiful, Publishers Weekly, The Daily Mail, Star Tribune, The Globe and Mail, DailyCandy, YumSugar, The Knot, The Kitchn, and Parade, to name a few.

Reader Comments

  1. Your recipes are always THEE best both in creative and taste (at least the ones I’ve tried). Plus you give such clear directions in your recipes. Kudos to you!

  2. well I do need an additional chin and I was wondering how I was going to get it and this is probably my answer


    1. Hi, Shelby! I work with iambaker and am happy to help with questions. We made about 27 cookies with this recipe. Have a wonderful day!

  4. Made these yesterday. Very good recipe. The only change I would make is the chocolate. I would use hardening candy chocolate instead of semi-sweet chips and oil.

Leave a Reply

Your email address will not be published.

Recipe Rating

This site uses Akismet to reduce spam. Learn how your comment data is processed.