Social Media

Peanut Butter Hi-Hat Cupcakes Recipe

Indulge in the decadence of these Peanut Butter Hi-Hat Cupcakes, a perfect blend of sweet and salty flavors. A classic chocolate cupcake is topped with a creamy peanut butter frosting, then dipped in a rich chocolate shell for a delightful crunch. It's a scrumptious treat that's sure to impress at any gathering.

Peanut Butter Hi-Hat Cupcakes Recipe

Photos of Peanut Butter Hi-Hat Cupcakes Recipe

Most ingredients for this recipe are common pantry items, but there are a few you might need to pick up. Semi-sweet chocolate is crucial for the luscious chocolate shell, and creamy peanut butter gives the frosting its rich flavor. You may also need cream of tartar, which helps stabilize the egg whites in the frosting. Make sure to grab some unsalted butter, as it allows you to control the saltiness of the frosting.

Peanut Butter Hi-Hat Cupcakes Ingredients

Chocolate cupcakes: The base of our recipe, you can make your own or use ready-made ones.

Egg whites: Used in the frosting to give it lightness and volume.

Granulated sugar: Adds sweetness to the frosting.

Cream of tartar: Stabilizes the egg whites in the frosting.

Unsalted butter: Allows control over the saltiness of the frosting.

Creamy peanut butter: Gives the frosting its rich, peanutty flavor.

Vanilla extract: Enhances all the other flavors.

Salt: Balances the sweetness in the frosting.

Semi sweet chocolate: Forms the luscious chocolate shell.

Canola oil: Thins the chocolate to make it easier for dipping.

One reader, Gregor Rubin says:

star icon star icon star icon star icon star icon

These peanut butter hi-hat cupcakes are a game-changer! The creamy peanut butter frosting is a dream, and the chocolate shell adds the perfect touch. The recipe is easy to follow, and the end result is absolutely divine. I can't wait to make these again!

Gregor Rubin

Techniques Required for Making Peanut Butter Hi-Hat Cupcakes

How to make the chocolate cupcakes: This involves preparing the chocolate cupcake batter, baking the cupcakes, and allowing them to cool completely before frosting.

How to make the peanut butter frosting: This involves creating a meringue base, incorporating butter and peanut butter, and achieving a smooth and creamy texture for the frosting.

How to create the chocolate shell: This involves melting the chocolate and canola oil together, allowing it to cool slightly, and then dipping the frosted cupcakes into the chocolate to create a shell.

How To Make Peanut Butter Hi-Hat Cupcakes

Hi-hat cupcakes are fun and indulgent with many layers. This recipe features a soft peanut butter meringue frosting and a delicious chocolate shell.

Preparation: 45 minutes
Cooking: 20 minutes
Additional Time: 3 hours 25 minutes
Total: 4 hours 30 minutes



For the Peanut Butter Frosting:

  • 1batchchocolate cupcakes,homemade
  • 3egg whites,room temperature
  • ¾cupgranulated sugar
  • ¼tspcream of tartar
  • 10tbspunsalted butter,very soft, not melted
  • 1cupcreamy peanut butter,not natural style
  • 1tsppure vanilla extract
  • pinchsalt

For the Chocolate Shell:

  • 10ozsemi sweet chocolate,coarsely chopped
  • tbspcanola,or vegetable oil


  1. Set the butter and eggs out. Make the chocolate cupcakes. Allow them to completely cool.

Peanut butter frosting:

  1. Place egg whites, sugar, and cream of tartar in a heatproof bowl. Set bowl over a saucepan filled with two inches of simmering water. Do not let it touch the water.

  2. Whisk constantly until sugar is dissolved for about 4 minutes.

  3. Transfer the mixing bowl to an electric mixer fitted with a whisk attachment. Beat on high speed for 5 to 6 minutes until soft, glossy peaks form.

  4. At medium speed, add the butter 1 Tablespoon at a time until completely combined and creamy. Finally, beat in the peanut butter and vanilla until combined. Taste. Add a pinch of salt if needed.

  5. Pipe frosting onto each cooled cupcake. Chill cupcakes in the refrigerator or freezer until frosting is completely firm.

Chocolate shell:

  1. Melt the chopped chocolate and oil together in the microwave in 20-second increments, stirring after each until completely melted. Let the chocolate cool down for 5 minutes before dipping.

  2. Holding the cupcake by its bottom, carefully and quickly dip each into chocolate to coat the frosting.

  3. Place on a wire rack on top of a baking sheet in case any chocolate drips off. Refrigerate cupcakes for 30 minutes to set the chocolate. Enjoy!


  • Calories: 406.19kcal
  • Fat: 29.62g
  • Saturated Fat: 12.66g
  • Trans Fat: 0.41g
  • Monounsaturated Fat: 11.59g
  • Polyunsaturated Fat: 3.79g
  • Carbohydrates: 34.94g
  • Fiber: 2.62g
  • Sugar: 27.70g
  • Protein: 6.74g
  • Cholesterol: 25.44mg
  • Sodium: 190.23mg
  • Calcium: 22.95mg
  • Potassium: 238.94mg
  • Iron: 1.19mg
  • Vitamin A: 80.94µg

Technique Tip for Perfecting Peanut Butter Hi-Hat Cupcakes

When making the chocolate shell for your peanut butter hi-hat cupcakes, ensure the chocolate is completely melted and smooth before dipping. Any lumps or chunks can cause the shell to crack or not form properly. Also, let the chocolate cool slightly before dipping the frosted cupcakes. If the chocolate is too hot, it can melt the frosting, causing it to lose its shape. Lastly, dip the cupcakes quickly to get a nice, even coating. If you dip too slowly, the frosting may start to melt into the chocolate.

Time-Saving Tips for Making Hi-Hat Cupcakes

Plan ahead: Make the chocolate cupcakes a day in advance to allow them to cool completely before frosting.

Use a piping bag: Pipe the peanut butter frosting onto the cupcakes for a neat and professional finish.

Chill the cupcakes: Place the frosted cupcakes in the freezer to speed up the firming process before dipping them in the chocolate shell.

Melt the chocolate: Use the microwave to melt the chocolate and oil together in quick 20-second increments for a smooth and efficient process.

Set up a dipping station: Arrange a wire rack on top of a baking sheet to catch any chocolate drips and make cleanup easier.

Enjoy the process: Have fun and enjoy the creative process of making these delicious hi-hat cupcakes!

Substitute Ingredients For Peanut Butter Hi-Hat Cupcakes Recipe

  • egg whites - Substitute with aquafaba: Aquafaba, the liquid from canned chickpeas, can be whipped into a foam similar to egg whites and used as a substitute in the frosting. It's a great vegan alternative and works well in meringue-based recipes.

  • granulated sugar - Substitute with coconut sugar: Coconut sugar can be used as a substitute for granulated sugar in the frosting. It has a lower glycemic index and imparts a subtle caramel flavor to the frosting.

  • cream of tartar - Substitute with lemon juice: Lemon juice can be used as a substitute for cream of tartar to stabilize the egg whites when making the frosting. It provides the necessary acidity to achieve the same effect.

  • unsalted butter - Substitute with coconut oil: Coconut oil can be used as a substitute for unsalted butter in the frosting. It adds a hint of coconut flavor and works well in vegan or dairy-free versions of the recipe.

  • creamy peanut butter - Substitute with almond butter: Almond butter can be used as a substitute for creamy peanut butter in the frosting. It provides a similar creamy texture and nutty flavor, making it a great alternative for those with peanut allergies.

  • semi sweet chocolate - Substitute with dark chocolate: Dark chocolate can be used as a substitute for semi-sweet chocolate in the chocolate shell. It has a slightly more intense flavor and can complement the sweetness of the cupcakes and frosting.

  • canola oil - Substitute with coconut oil: Coconut oil can be used as a substitute for canola oil in the chocolate shell. It adds a hint of coconut flavor and works well as a dairy-free alternative.

Presentation Ideas for Peanut Butter Hi-Hat Cupcakes

  1. Elevate the cupcake: Place the chocolate-dipped cupcake on a pristine white plate, allowing the glossy chocolate shell to glisten under the spotlight.

  2. Garnish with finesse: Sprinkle a dusting of finely chopped peanuts over the chocolate shell, adding a touch of elegance and a delightful crunch to the presentation.

  3. Incorporate artistic drizzle: Carefully drizzle a zigzag pattern of melted peanut butter over the top of the chocolate shell, creating a visually stunning and appetizing design.

  4. Utilize a sophisticated plating technique: Position the cupcakes in a circular formation on a sleek slate platter, allowing each one to stand out as a delectable work of art.

  5. Add a touch of color: Place a single edible flower on the side of the plate, providing a pop of vibrant color and a hint of floral fragrance to complement the rich flavors.

  6. Enhance with gold leaf accents: delicately place a small, edible gold leaf on top of the peanut butter frosting, adding a luxurious and extravagant touch to the presentation.

Essential Tools for Making Hi-Hat Cupcakes

  • Saucepan: A deep cooking pan with a handle, used for heating or cooking sauces, soups, and other liquids.
  • Electric mixer: A kitchen appliance used for mixing, beating, and whipping ingredients to create smooth batters, doughs, and creams.
  • Whisk: A kitchen utensil with a handle and wire loops, used for beating, blending, and whipping ingredients.
  • Microwave: A kitchen appliance that uses microwave radiation to cook, heat, and defrost food quickly and efficiently.
  • Wire rack: A metal rack with a grid pattern, used for cooling baked goods and allowing air to circulate around the food.
  • Baking sheet: A flat, metal sheet used for baking and cooking in the oven, often lined with parchment paper or silicone mats.
  • Piping bag: A cone-shaped bag with a nozzle at one end, used for piping frosting, icing, and other decorative elements onto baked goods.
  • Heatproof bowl: A bowl designed to withstand high temperatures without cracking or breaking, often used for melting ingredients over a double boiler.
  • Mixing bowl: A deep bowl used for mixing and combining ingredients during food preparation.
  • Spatula: A flat, flexible utensil used for lifting, flipping, and spreading ingredients, as well as scraping bowls and pans.
  • Baking cups: Paper or foil cups used to line muffin or cupcake pans, preventing the batter from sticking and creating uniform, easy-to-remove baked goods.

How To Store and Freeze Peanut Butter Hi-Hat Cupcakes

  • Once the chocolate has set, store cupcakes in an airtight container at room temperature for up to 3 days or in the refrigerator for up to 1 week.
  • To freeze, place the cupcakes in a freezer-safe container and freeze for up to 2-3 months. When ready to eat, thaw overnight in the refrigerator and bring to room temperature before serving.
  • If freezing, it's best to freeze the cupcakes before dipping them in the chocolate shell. Once thawed, you can then dip them in the melted chocolate and let it set before serving.
  • If you have leftover peanut butter frosting, it can be stored in an airtight container in the refrigerator for up to 1 week or in the freezer for up to 2 months. Thaw overnight in the refrigerator and bring to room temperature before using.
  • If the frosting becomes too soft after thawing, you can re-whip it in a stand mixer fitted with the whisk attachment until it reaches the desired consistency.

How To Reheat Leftover Cupcakes

  • To reheat leftover peanut butter hi-hat cupcakes, start by removing them from the refrigerator and allowing them to come to room temperature for about 15-20 minutes. This will help ensure even reheating and prevent the frosting from melting too quickly.

  • If you prefer a softer, more melt-in-your-mouth chocolate shell, place the cupcakes on a microwave-safe plate and heat them in the microwave for 10-15 seconds at 50% power. Check the cupcakes and continue heating in 5-second intervals until the chocolate is slightly softened and the cake is warm.

  • For a firmer chocolate shell and a more traditional reheated cupcake experience, preheat your oven to 325°F (165°C). Place the cupcakes on a baking sheet and heat them in the oven for 5-7 minutes, or until the cake is warm and the chocolate is just beginning to soften.

  • If you have an air fryer, you can also use it to reheat your peanut butter hi-hat cupcakes. Set the air fryer to 300°F (150°C) and place the cupcakes in the basket, ensuring they are not touching each other. Heat for 2-3 minutes, or until the cake is warm and the chocolate has slightly softened.

  • Regardless of the reheating method you choose, be sure to keep a close eye on the cupcakes to prevent the chocolate shell from melting completely or the peanut butter frosting from losing its shape. Serve the reheated cupcakes immediately for the best texture and flavor.

Is Making Hi-Hat Cupcakes at Home Cost-Effective?

This peanut butter hi-hat cupcakes recipe is moderately cost-effective for a household. The ingredients, such as egg whites, sugar, butter, and chocolate, are commonly found in most kitchens. However, the cost of peanut butter and semi-sweet chocolate may vary. Considering the yield and the joy these decadent treats bring, the cost is reasonable. On a scale of 1-10, I rate this recipe an 8 for its taste and presentation. The approximate cost for a household of 4 people is around $15-$20, making it an affordable indulgence.

Are Peanut Butter Hi-Hat Cupcakes Healthy or Unhealthy?

The peanut butter hi-hat cupcakes recipe is a delightful treat, but it is not particularly healthy. Here's why:

  • The recipe uses a significant amount of sugar, both in the frosting and the chocolate shell, which can contribute to obesity, diabetes, and other health issues when consumed in excess.
  • The frosting contains a high amount of butter and peanut butter, which are high in saturated fats and calories.
  • The chocolate shell is made with semi-sweet chocolate and canola oil, adding more fat and calories to the cupcakes.

While the recipe does include some protein from the egg whites and peanut butter, the overall nutritional value is overshadowed by the high sugar and fat content.

To make this recipe healthier, consider the following suggestions:

  • Reduce the amount of sugar in the frosting by using a sugar substitute or decreasing the quantity of granulated sugar.
  • Replace some of the butter in the frosting with a healthier alternative, such as Greek yogurt or mashed avocado, to lower the saturated fat content.
  • Use dark chocolate with a higher cocoa percentage for the chocolate shell, as it contains more antioxidants and less sugar compared to semi-sweet chocolate.
  • Incorporate whole wheat flour or oat flour into the chocolate cupcake batter to increase the fiber content and provide a more balanced nutritional profile.
  • Reduce the portion size of the cupcakes to help control calorie intake.

Editor's Thoughts on This Delightful Cupcake Recipe

This recipe for peanut butter hi-hat cupcakes is a delightful combination of rich chocolate and creamy peanut butter. The chocolate cupcakes provide a perfect base for the fluffy and decadent peanut butter frosting, which is then coated in a smooth and luscious chocolate shell. The contrast of textures and flavors creates a truly indulgent treat that is sure to impress. The instructions are clear and easy to follow, resulting in a stunning and delicious dessert. Overall, this recipe is a winner and is perfect for any special occasion or simply to satisfy a sweet craving.

Enhance Your Peanut Butter Hi-Hat Cupcakes Recipe with These Unique Side Dishes:

Mashed Potatoes: Creamy mashed potatoes with a hint of garlic and parmesan cheese, topped with crispy bacon bits.
Grilled Asparagus: Tender grilled asparagus spears drizzled with a balsamic glaze and sprinkled with toasted almond slices.
Fruit Salad: A refreshing fruit salad with a mix of juicy watermelon, sweet strawberries, tangy kiwi, and a sprinkle of fresh mint leaves.
Chicken Alfredo Pasta: Succulent grilled chicken breast slices served over a bed of creamy fettuccine alfredo pasta, garnished with chopped parsley and grated parmesan cheese.

Alternative Recipes Similar to Peanut Butter Hi-Hat Cupcakes

Creamy Tomato Basil Soup: This creamy tomato basil soup is the perfect comfort food for a cozy night in. The combination of ripe tomatoes and fresh basil creates a rich and flavorful soup that will warm you up from the inside out.
Grilled Lemon Herb Chicken: Grilled lemon herb chicken is a light and refreshing dish that is perfect for a summer barbecue. The zesty lemon and aromatic herbs infuse the chicken with a burst of flavor that will have everyone coming back for seconds.
Mango Coconut Popsicles: These mango coconut popsicles are a tropical treat that is both refreshing and satisfying. The sweet mango and creamy coconut milk create a delightful combination that is perfect for a hot summer day.

Suggested Appetizers and Main Courses to Complement Hi-Hat Cupcakes

Stuffed Mushrooms: Impress your guests with these savory and indulgent stuffed mushrooms. The combination of creamy cheese, flavorful herbs, and earthy mushrooms will leave everyone wanting more. Perfect for any gathering or party.
Bruschetta: Elevate your appetizer game with these fresh and vibrant bruschetta bites. The juicy tomatoes, fragrant basil, and tangy balsamic glaze create a burst of flavor with every bite. A delightful and refreshing start to any meal.
Main Courses:
Grilled Salmon: Grilled salmon with a citrus glaze, served with a side of roasted vegetables and quinoa. The salmon is seasoned with a blend of herbs and spices, then grilled to perfection for a smoky flavor. The citrus glaze adds a tangy and refreshing twist to the dish, complementing the natural richness of the salmon. The roasted vegetables and quinoa provide a nutritious and satisfying accompaniment, making this a well-balanced and flavorful main course.
Stuffed Bell Peppers: Stuffed bell peppers filled with a savory mixture of ground turkey, rice, and a variety of vegetables, topped with melted cheese. The bell peppers are roasted until tender, allowing the flavors to meld together and creating a deliciously comforting dish. The filling is seasoned with aromatic herbs and spices, adding depth and complexity to the overall flavor profile. The melted cheese on top adds a creamy and indulgent finish, making each bite a delightful experience.

Why trust this Peanut Butter Hi-Hat Cupcakes Recipe:

This recipe offers a decadent combination of rich chocolate cupcakes and creamy peanut butter frosting, creating a delightful contrast of flavors and textures. The meticulous process of whipping the egg whites and gradually incorporating the butter ensures a lusciously smooth and airy frosting. The addition of semi-sweet chocolate and canola oil forms a delectable shell that encases the frosting, adding a satisfying crunch. With attention to detail and quality ingredients such as creamy peanut butter and unsalted butter, this recipe promises a delightful indulgence that's sure to impress.

Have you tried making these Peanut Butter Hi-Hat Cupcakes? Share your experience and discuss any tips or variations in the Baking and Desserts forum!
Can I use natural peanut butter instead of creamy peanut butter for the frosting?
Yes, you can use natural peanut butter, but the texture and consistency of the frosting may vary slightly. Natural peanut butter tends to be a bit runnier, so you may need to adjust the amount of butter or sugar to achieve the desired consistency.
Can I make the cupcakes and frosting ahead of time and assemble them later?
Absolutely! You can bake the cupcakes and make the frosting in advance. Store the cupcakes in an airtight container at room temperature and the frosting in the refrigerator. When you're ready to assemble, simply frost the cupcakes and proceed with the chocolate shell step.
How long do the hi-hat cupcakes stay fresh?
When stored in an airtight container in the refrigerator, the hi-hat cupcakes will stay fresh for up to 3-4 days. However, for the best taste and texture, it's recommended to enjoy them within 2-3 days.
Can I use milk chocolate or dark chocolate for the chocolate shell instead of semi-sweet chocolate?
Yes, you can use milk chocolate or dark chocolate if you prefer. Just keep in mind that the sweetness and flavor will vary depending on the type of chocolate you choose.
Can I freeze the hi-hat cupcakes?
Yes, you can freeze the hi-hat cupcakes. Place them in an airtight container or freezer-safe bag, ensuring they are well-protected. Thaw them in the refrigerator before serving for the best results.

Was this page helpful?

Chat Bubble Icon Share your own special recipe
Submit Your Own Recipe

Have your own special recipe to share? Submit Your Recipe Today!