Hi Hat Chocolate Cookies

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!

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

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.


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.


Hi Hat Chocolate Cookies
makes 3 dozen 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
  • ½ cup cocoa powder
  • 2¼ cup flour
  • 1 cup chocolate chips
Chocolate Coating
  • 2 cups semi sweet chocolate chips
  • 3 Tbsp vegetable oil
  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.
store in cool climate or refrigerator
Cookie recipe adapted from all recipes.


Leave a Reply

22 Comments on "Hi Hat Chocolate Cookies"

Sort by:   newest | oldest | most voted
sue/the view from great island

These just make me smile!

Librarian Lavender

Those cookies are looking gorgeous! Such a wonderful recipe!

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.

Averie @ Averie Cooks

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

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!


Those cookies are meant to bring smiles!! Blessings, Catherine

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! 😀


These cookies look so nice! I am sure they are also very delicious! Must try recipe..:)

Chloe @ foodlikecake

This is such a cool idea! So cute!

Tracy | Peanut Butter and Onion

I have heard of high hat cupcakes… but these are really more up my alley!

Alissa S.

This gets me thinking, could you just scrap the cookie and make high hats?! Kind of like those marshmallows covered in chocolate, but instead it’s creamy frosting!
…excuse me, I need to go experiment now…


Those cookies look incredible!!! They’re so pretty and look so yummy too!! I’m with you, I love lots of frosting! Who needs cake when there’s frosting??!!! 😉


Oh my gosh, so YUM!

Jess @ Sweet Menu

Oooh amazing idea! I just love these. Gosh, can you imagine serving them to guests, they look so impressive!

Anne @ Have a Cookie!

Yep – you had me at vanilla buttercream 🙂


I would love to make these for work, but have no idea how to carry them. Any ideas? 🙂

Jenny Flake

How fun are these?! Soooo good!!!


Homggg, how do you come up with this stuff? Any chocolate lover would gobble these up like mini cupcakes.


I’m going to try to make these tomorrow to take to work for a birthday, but I am afraid to make the frosting! I guess I shouldn’t buy ready made frosting, huh?


These are so delicious and a huge hit at the annual cookie exchange. One woman’s son proclaimed that I was his new mommy based on these cookies! They’re that good.