Cookies & Cups > Recipes > Cookies > Hi Hat Chocolate Cookies

Hi Hat Chocolate Cookies

Hi Hat Cookies are a fun spin on the classic Hi Hat Cupcake! Easy to put together and super impressive!

Hi Hat Cookies.. a chewy chocolate chip cookie topped with a swirl of frosting, dipped in chocolate coating. A fun spin on the classic cupcake!

Cookies topped with excessive frosting and then dipped in chocolate. Yes, that’s what we’re talking about today.

Clearly the size of the swirl is up to you. But really, go big or go home, right?

Yes, these are over the top…but aren’t they fun?!

And it’s all about the frosting, isn’t it?

I mean unless you are one of those people who at birthday parties who asks for a “small” piece…or have ever uttered the words, “too much frosting”, “too rich” or “too sweet”.

If any of those phrases apply, let’s just agree to disagree.

In my life, it’s either a corner piece topped with a buttercream rose or nothing.

So here we are. Hi Hat Chocolate Cookies.

the inside of the hit hat cookies... LOVE the frosting!

The base cookies that I made for this recipe are actually perfect on their own, if you’re looking for a chocolate cookie.

They’re a soft chewy chocolate chocolate chip cookie.

cocoa powder

You’ll only need a large teaspoon sized amount of dough for each cookie. They spread a decent amount.

Chocolate cookie dough

They’ll look like this when they’re baked…

Chewy Chocolate Chocolate Chip Cookies

Let them cool and whip up a batch of my Favorite Vanilla Buttercream. I filled a piping bag and attached a large tip to the bag. You could also use a large zip-top bag with the corner snipped off.

Frosting the hi hat cookies

Then pipe the desired amount of frosting up on there…

Swirls of frosting on chocolate cookies!

Then chill the cookies while you prepare your coating.

IMG_1260

It’s just a little vegetable oil and chocolate chips. Melt them together…

Melting chocolate chips for the hi hat coating.

Then get to dipping, allowing the excess to drip off.

Dipping the hi hat cookie into the chocolate coating

How pretty are these?

Hi Hat Cookies.. a chewy chocolate chip cookie topped with a swirl of frosting, dipped in chocolate coating.

Annnnd if you get bored of dipping, run out of frosting (if you’re heavy-handed like me) or are just in a sprinkles mood…

Chewy Chocolate Cookies dipped in chocolate and coated in sprinkles...super easy and adorable!

Can’t go wrong!

Check out Confessions of Cookbook Queen for my inspiration for these cookies! she did GORGEOUS Red Velvet Hi Hat Cookies for the holidays.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Hi Hat Chocolate Cookies

5 Stars 4 Stars 3 Stars 2 Stars 1 Star No reviews

Description

makes 3 dozen cookies


Ingredients

Scale

Cookies

  • 1 cup butter, room temperature
  • 1 cup granulated sugar
  • 1 cup light brown sugar
  • 2 eggs
  • 2 tsp vanilla
  • 1 tsp salt
  • 1 tsp baking soda
  • 1/2 cup cocoa powder
  • 2 1/4 cup flour
  • 1 cup chocolate chips

Frosting

Chocolate Coating

  • 2 cups semi sweet chocolate chips
  • 3 Tbsp vegetable oil

Instructions

Cookies

  1. Preheat oven to 350°
  2. Line a baking sheet with parchment paper or a silicone mat. Set aside.
  3. Cream butter and sugars together. Mix in eggs and vanilla until combined, scraping sides as necessary.
  4. Add in salt, baking soda and cocoa powder and mix until evenly incorporated. Mix in flour.
  5. Finally stir in chocolate chips.
  6. Drop cookie dough onto baking sheet in Tablespoon sized portions. Bake for 10 minutes until tops have just set.
  7. Remove from oven and transfer to wire rack to cool completely.
  8. Prepare buttercream frosting while cookies are cooling.
  9. Using a bag fitted with a large piping tip, or a zip-top bag with the corner cut off, pipe a generous amount of frosting onto each cookie. When finished place cookies in the refrigerator to chill while preparing the chocolate coating.

Chocolate Coating

  1. Over a double boiler melt chocolate chips and oil together until just melted. Remove from heat. Remove the cookies from the refrigerator and carefully dip each cookie into the melted chocolate, allowing excess to drip off. Transfer back to wire rack to allow chocolate to set, or place back in fridge to set quickly.

Notes

store in cool climate or refrigerator
Cookie recipe adapted from all recipes.

Want To Save This Recipe?

Find more recipes like this:

Rate this recipe and share a comment

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

I accept the Privacy Policy

22 comments on “Hi Hat Chocolate Cookies”

  1. Samina | The Cupcake Confession

    I seriously tend to get suspicious of people who do not like too much frosting or are repelled by sugary desserts! I mean, HOW CAN YOU NOT LIKE FROSTING, PEOPLE! :O 😀 I loveeee this cookie version of hi-hat! That buttercream frosting….. OOOOOHHH!!! Think I just drooled! 😀
    *-*

  2. How to Philosophize with Cake

    I’ve had hi hat cupcakes, but never cookies! What a great idea–everything tastes better in cookie form 🙂 Pinned to my cookie board!

  3. Averie @ Averie Cooks

    They look so good! I love the inside shot where you can see all that awesome frosting! Pinned 🙂

  4. Laura @ Lauras Baking Talent

    These are so fun! I’m totally a give me a corner with lots of frosting type person. So I’m on board for these over the top cookies.

Scroll to Top