Chocolate Peanut Butter Hi-Hat Cupcakes Recipe | Cupcake Project
Home  »  Recipes  »  Cupcakes  »  Chocolate Peanut Butter Hi-Hat Cupcakes Recipe

Chocolate Peanut Butter Hi-Hat Cupcakes Recipe

hi hat Cupcakes

These chocolate peanut butter hi-hat cupcakes are loaded with dark chocolate chips, topped with peanut butter frosting, then dipped in more chocolate are a sight to behold.

These peanut butter hi-hat cupcakes are truly the ultimate chocolate peanut butter cupcake!  Take a look inside:

hi-hat Cupcakes

What is a Hi-Hat Cupcake?

A hi-hat cupcake is any cupcake recipe that is frosted with a tall swirl of frosting and then dipped in chocolate. They are wonderful for people who love a high proportion of cupcake to cake! Hi-hat cupcakes (also known as chocolate-dipped cupcakes or chocolate shell cupcakes) can be made with all different flavor combinations and decorated in lots of fun ways! Learn more in my post all about hi-hat cupcakes.

Chocolate Peanut Butter Hi-Hat Cupcake Recipe

Note: I created this original hi-hat cupcake recipe. However, the recipe for the peanut butter frosting is from AllRecipes and I have re-written it in my own words.

Join the free mailing list to receive the latest recipes, tips, and tricks by email!
hi-hat Cupcakes
Print Pin
4.94 from 15 votes

Chocolate Peanut Butter Hi-Hat Cupcakes Recipe

These chocolate peanut butter hi-hat cupcakes are loaded with dark chocolate chips, topped with peanut butter frosting, then dipped in more chocolate are a sight to behold.
Course Dessert
Cuisine American
Keyword chocolate peanut butter cupcakes, hi hat cupcakes
Prep Time 10 minutes
Cook Time 25 minutes
Total Time 35 minutes
Servings 18 cupcakes
Calories 746kcal


Cupcake Ingredients

  • 1 1/2 cups all-purpose flour
  • 1 teaspoon baking soda
  • 1/2 cup cocoa powder
  • 1 1/2 cups sugar
  • 3/4 cup smooth peanut butter
  • 2 large eggs
  • 1/2 cup peanut oil
  • 3/4 cup milk I used 2%, but if you have another kind on hand, go ahead and use it
  • 1/2 teaspoon vanilla extract
  • 1 cup chocolate chips

Frosting Ingredients

  • 1 cup unsalted butter room temperature
  • 2 cups smooth peanut butter
  • 4 cups powdered sugar
  • 1/4 cup + 2 tablespoons milk I used 2%, but if you have another kind on hand, go ahead and use it

Chocolate Dip Ingredients

  • 2 cups chocolate chips
  • 3 tablespoons peanut oil


Cupcake Instructions

  • In a medium-sized bowl, whisk together flour, baking soda, and cocoa powder.
  • In another medium-sized bowl, mix sugar, peanut butter, and eggs until well combined.
  • Mix oil, milk, and vanilla into the wet ingredients.
  • Slowly add the flour mixture until fully incorporated.
  • Fold in chocolate chips.
  • Fill cupcake liners 3/4 full.
  • Bake at 350 F for 25 minutes or until cupcakes bounce back when lightly touched.

Frosting Instructions

  • In a large mixing bowl, mix butter and peanut butter until fully combined.
  • Mix in powdered sugar a little bit at a time until fully incorporated.
  • Add milk a little bit at a time and keep mixing until the frosting becomes light and fluffy (about 3 minutes).
  • Pipe a swirl of frosting onto each cupcake using a large round tip (I used Wilton tip number 1A , but if you don’t have a tip, you can just cut the end off of a sandwich bag).
  • Place frosted cupcakes in the freezer for at least an hour. (If you don’t have room in the freezer, you can cool the cupcakes in the refrigerator or – in a pinch – you could not cool them at all. I found that the frozen cupcakes were the easiest to dip. But, I dipped a whole batch of room temperature ones and they all worked; the chocolate was just a wee bit drippier.)

Chocolate Dip Instructions

  • hi hat Cupcakes
  • Place chocolate chips and oil into a tall microwave-safe cup (I used a two cup Pyrex measuring cup).
  • Microwave for twenty seconds at a time (stirring in between) until all of the chocolate is melted.
  • Let the chocolate sit for a couple of minutes so it is still warm but not so hot that it burns you if you touch it.
  • Take the frosted cupcakes out of the freezer. One by one, grab the cupcakes by their wrappers, turn them upside-down, and dunk them into the cup of melted chocolate - making sure that all of the frosting gets covered. (If you listen carefully, you may be able to hear them squealing, “Wheeee!”) Let the cupcakes hover over the cup of chocolate until all of the excess chocolate drips off.
  • Admire your work.
  • Store cupcakes in the refrigerator until you are ready to eat them!


Nutrition Facts
Chocolate Peanut Butter Hi-Hat Cupcakes Recipe
Amount Per Serving
Calories 746 Calories from Fat 360
% Daily Value*
Fat 40g62%
Saturated Fat 15g75%
Cholesterol 51mg17%
Sodium 309mg13%
Potassium 338mg10%
Carbohydrates 87g29%
Fiber 3g12%
Sugar 65g72%
Protein 14g28%
Vitamin A 430IU9%
Vitamin C 0.2mg0%
Calcium 74mg7%
Iron 2mg11%
* Percent Daily Values are based on a 2000 calorie diet.
Have you tried this recipe?Click here to leave a comment and rating!

If you like this recipe, you’ll also like:

Love it? Share it!

Leave a Reply

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

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

35 comments on “Chocolate Peanut Butter Hi-Hat Cupcakes Recipe”

  1. my mom’s favorite cake is a chocolate peanut butter that I made every year for her bday. Its really good but this… would knock her socks off!

  2. I could become addicted to these. Gorgeous.

  3. These are ridiculously cute! And that peanut butter frosting looks so creamy and delicious. Awesome, fun cupcake!

  4. tinksays:

    love these!! they are fantastic. i made some character cupcakes at the weekend, would love to know your thoughts?

  5. Anonymoussays:

    Yum! I can’t wait to make these.

  6. these are amazing!! i’ve been wanting to try hi-hats for ages, so i think i might start with these… so cute.

  7. PLEPOMAsays:

    Pretty and I know they will taste great. I am ready to try High Hats!

  8. Haven’t tried the recipe yet. i absolutely LOVE anything peanut butter and chocolate together, however my kids are allergic and my husband doesn’t like nuts. Any recommendations on substitutes? Would SunButter (Sunflower Seed butter) be as good?

  9. These look amazing, would love a bite ;-)

  10. Stefsays:

    Jegawhat – I have never tried sunbutter, but I don’t see why it wouldn’t work. Give it a go!

  11. All these need is a cane a high starched collar to make them proper!

    I think they are more delicious this way however. Chocolate and PB are two tastes that taste great together…period!!

  12. These were delicious, however I only baked mine for 25 minutes and even that was a few minutes too long so play attention those last 10 minutes.

  13. P Calefsays:

    I wish there was an easy way to print the recipes.

  14. julessays:

    Just finished making these. If these were the last thing I ever ate I’d die happy! OMG so good!!! I agree do watch the cooking time though. Mine were done in 25 min. Didn’t have peanut oil so I used vegetable oil. Don’t know what they would have tasted like with the peanut oil but they came out fabulous using vegetable oil. Thanks for the recipe!

  15. Larasays:

    OMG, the more I read in your blog the more I need a cupcake right now! This is devilish!!! Both thumbs up for your very special recipes!!!

  16. Stacisays:

    i don’t know what i did wrong. mine came out hard (i baked them for the full 30 mins) and the taste was horrible. i know it had to be something i did b/c i’ve loved every other recipe i’ve tried. any advice as to what went wrong?

  17. Stefsays:

    Staci – It’s so hard to say what went wrong. Maybe your oven temperature is off? Was your oil bad?

  18. Stacisays:

    Stef, I had just bought the oil so i don’t think it was that. the oven could have been off which is probably why they over baked but i still don’t understand why the taste was off. is there a specific kind of chocolate or peanut butter i should use? the cocoa powder i used was a little old (opened in jan of this year) so that could have been it too. maybe i’ll try new cocoa and less time in the oven and see if that works.

  19. My goodness! This is the real thing. This cupcake recipe should be nominated as the best recipe for creativeness. With its looks I am pretty sure it will win. Gosh! I love this cupcake. Thanks a lot for sharing your recipe.

  20. Amazing recipe! Thank you for sharing the recipe with us! I can;t wait to try it out!

  21. When you say to fold the chocolate chips into the batter does that mean to melt them first and then put them in the batter

  22. Stefsays:

    Kerrington – Nope. Don’t melt them first.

  23. JessiGsays:

    I know you mentioned dark chocolate chips in the introduction. I was just wondering if that means all the chocolate chips used in the batter recipe and the dipping repice? Cause it’s not specified

  24. Stefsays:

    Jessie – I used dark chocolate chips for the whole thing, but any chocolate chips would work.

  25. Jaimesays:

    Will the chocolate shell firm up (like the chocolate candy shell on a soft serve ice cream) or will it stay soft and gooey? Just wondering…

  26. Stefsays:

    Jaime – It’s gets hard like a shell.

  27. Dianesays:

    Just wondering if 4 cups of powdered sugar is absolutely necessary for the peanut butter frosting? Can you use less?

  28. Anonymoussays:

    This looks really good….just seems like a lot of work. But it’s gonna be worth it!

  29. Anonymoussays:

    These look AMAZING!

  30. Susan Esays:

    The frosting is a bit stiff, didn’t come out fluffy. I wasn’t able to use a piping tip because of it, I just cut the tip on the bag. BUt it still came out like playdough. Is there anything that would make it a bit creamier? Was thinking of adding cram cheese……what do you think? I do agree on the bake time 20-22 minutes is enough, 30 minutes is way too long

  31. Brittany St. Thomassays:

    I made these tonight, and had the same problem. 25 minutes, and they are more like “cup-cookies” lol.

  32. rohinisays:

    I made these for a friend’s birthday yesterday and everyone loved it. Thank you Stef :)

  33. Michellesays:

    Hey when you say

    “In another medium-sized bowl, mix sugar, peanut butter, and eggs until well combined.
    Mix oil, milk, and vanilla into the wet ingredients.”

    Did you mean with a spatula or electric mixer?

    Thanks in advance :)

  34. My hubby absolutely LOVES peanut butter and chocolate together. He can’t get enough of peanut butter cups. I know he would be in love with these. Thanks for sharing your recipe. I can’t wait to try it!

Show All Comments

Stay Connected!

Join my mailing list - and receive a free eBook!

Sign me up!
Gray Logos Representing Media Where Cupcake Project has Appeared
Next Post