These super moist Oreo cupcakes are stuffed with Oreo cookie crumbs and topped with cookies and cream frosting. For a bakery-style finish, the tops are dipped in a chocolate magic shell and rolled in even more cookies!
After working as a pastry chef for over 8 years, I’ve learned how to create bakery-style cupcakes that taste just as good as they look. These Oreo cupcakes are exactly that!
I adapted my favorite black cocoa cupcake recipe, using black cocoa powder for an Oreo taste and simplifying it to a one-bowl method. Like my Oreo cookie cake, they’re bursting with cookies and cream flavor and ready to impress at your next birthday party or any occasion!
Table of Contents
What are hi-hat cupcakes?
A hi-hat cupcake has frosting covered in a hard chocolate coating. It’s meant to resemble a chocolate-dipped soft-serve ice cream cone, easily turning a simple cupcake into a bakery-worthy one!
How to Bake Perfect Cupcakes
Use a kitchen scale. Baking with a scale is my #1 baking tip! Using too much flour can result in dry and dense cupcakes.
Use room temperature ingredients. The eggs and sour cream must be at room temperature to blend easily into the batter.
Sift the dry ingredients. Cake flour and cocoa powder can often be clumpy, leading to a clumpy batter! Sifting removes any clumps and aerates the ingredients for a fluffy texture.
Process the Oreos into crumbs. This step is especially important for the frosting, as big chunks can clog the piping tip. I use a food processor, but a ziplock bag and rolling pin work, too. I use the same trick for my homemade Oreo cake to ensure a smooth texture.
Fill the cupcake liners evenly. Fill each liner about two-thirds full to ensure even baking and uniform sizes. Because the chocolate batter is thin, I like to use a pourable cup!
Use a pastry bag for frosting. Use a pastry bag fitted with a large round tip to pipe the frosting onto the cupcakes. This allows for more precise control and professional-looking swirls.
Prep the cupcakes for dipping. Because you are working with warm chocolate, the frosting must be chilled and firm to prevent it from melting.
Ingredient Notes and Substitutions
Oreos: You will use roughly half a family pack of cookies. Any leftovers can be used to make Oreo whoopie pies or cheesecake cookies!
Cake flour: I prefer cake flour for its light and tender texture, but all-purpose flour can also be used!
Sour cream: Another key ingredient to a soft and moist cupcake! Full-fat Greek yogurt is a great substitute.
Coffee: The coffee brings out more of a rich chocolate flavor. I use instant Folgers dissolved in hot water, but you could also use regular drip coffee, espresso, or cold brew. If you prefer to leave it out, use equal parts hot water instead.
Black cocoa powder: Like my Oreo brownies and Oreo cinnamon rolls, black cocoa powder is key to an authentic Oreo flavor! If you don’t have any, substitute it with equal parts Dutch-processed cocoa powder.
Find the full list of ingredients, measurements, and instructions in the recipe card below!
Recipe Instructions
Step 1: Combine the wet ingredients. In a large bowl, whisk together the sugar, sour cream, and oil until combined. Then mix in the eggs and vanilla. (Image 1 below)
Step 2: Mix in the dry ingredients and coffee. Whisk in the sifted dry ingredients until almost combined. Then, whisk in the hot coffee. (Image 2 below)
Step 3: Scoop the cupcake batter. Fill the cupcake liners 2/3 full with the chocolate cake batter. (Image 3 below) Because it’s a thin batter, I recommend using a bowl with a spout to pour it!
Step 4: Bake the cupcakes. You’ll know they’re done baking when the tops spring back gently when touched. Let the pan cool on a wire rack for a few minutes, remove them from the pan and let them finish cooling on the rack. (Image 4 above)
Step 5: Make the cookies and cream frosting. Using a stand or hand mixer is best! Beat the frosting for at least 2-3 minutes. This will incorporate air into it, resulting in a light, fluffy texture and increased volume! If you don’t have enough frosting for the cupcakes, it is likely that it wasn’t beaten long enough. (Image 5 below)
Step 6: Frost the cupcakes. Using a large round tip, gently squeeze the piping bag, moving your hand clockwise, swirling the frosting on top of itself before releasing pressure. (Image 6 below)
Step 7: Dip the cupcakes. Hold the cupcake upside down and dip it straight into the melted chocolate, then lift it out gently, allowing any excess chocolate to drip off. It’s best to use a deep, large-mouthed cup, like a Pyrex or coffee cup. (Image 7 above)
Step 8: Roll in Oreo crumbs. Wait 20-40 seconds until the chocolate looks like it’s half set, then roll the side of the cupcake in extra crushed Oreos. (Image 8 above)
Storage, Freezing, and Make Ahead
Make ahead: The chocolate shell is best on the day of serving. Over time, it will soften and sweat from the moisture in the buttercream. The entire cupcake can be baked and assembled 2-3 days in advance, although I recommend waiting to dip them until the day of serving!
Storage: Store leftovers in an airtight container in the fridge for 3-4 days.
Freezing: The frosted cupcakes can be frozen in an airtight container for up to one month. I recommend waiting to dip them in chocolate until serving!
FAQs
Yes, I recommend Dutch-processed cocoa powder like Ghiradelli for the best flavor!
It’s rare to find it in stores. I buy it on Amazon from King Arthur!
Because it’s not a lot of batter, use my chocolate velvet cake recipe for the cake batter. You should have enough Oreo frosting to cover the cake!
If you tried this or any other recipe on my website, please let me know how it went in the comments; I love hearing from you! Also, please leave a star rating while you’re there! You can also tag me on Instagram or Facebook so I can check it out!
Hi-Hat Oreo Cupcakes
Ingredients
Chocolate Cupcake Batter
- 15 Oreo cookies
- 2/3 cup + 2 tablespoons cake flour, *See notes below for measuring*
- 1/4 cup black cocoa powder
- 1/2 teaspoon baking powder
- 1/4 teaspoon baking soda
- 1/2 teaspoon fine sea salt
- 1/2 cup finely ground Oreo cookies
- 3/4 cups granulated sugar
- 1/2 cup sour cream, room temperature
- 1/4 cup vegetable oil
- 1 large egg, room temperature
- 1 teaspoon vanilla extract
- 1/2 cup hot coffee, or hot water
Oreo Frosting
- 1 1/2 cups unsalted butter, room temperature
- 2 cups powdered sugar
- 2/3 cup finely ground Oreo cookies
- 3 tablespoons heavy cream
- 1 teaspoon vanilla extract
Chocolate Magic Shell
- 7 oz bittersweet chocolate bar, chopped
- 1 tbsp vegetable oil
Instructions
- Preheat the oven to 350 F/180 C. Line a 12-cup cupcake pan with liners and set aside.
- Process the Oreos into super fine crumbs with a food processor. Set aside.15 Oreo cookies
- Sift together the flour, cocoa powder, baking powder, baking soda, and salt. Then whisk in 1/2 cup of the Oreo crumbs.2/3 cup + 2 tablespoons (85 g) cake flour, 1/4 cup (28 g) black cocoa powder, 1/2 teaspoon baking powder, 1/4 teaspoon baking soda, 1/2 teaspoon fine sea salt, 1/2 cup (55 g) finely ground Oreo cookies
- Cream the sugar, sour cream, and oil together until well combined. Then mix in the egg and vanilla.3/4 cups (150 g) granulated sugar, 1/2 cup (113 g) sour cream, 1/4 cup (52 g) vegetable oil, 1 (50 g) large egg, 1 teaspoon vanilla extract
- Whisk in the sifted dry ingredients. When almost combined, start whisking in the hot coffee. Pour the batter into a bowl with a spout for easy pouring, as the batter will be very thin. Fill each cupcake liner 2/3 full. You will have enough batter for 12 cupcakes!1/2 cup (113 g) hot coffee
- Bake in the preheated oven for 15-20 minutes, or until the tops spring back when touched. Let the pan cool on a wire cooling rack.
- While the cupcakes are cooling, make the cookies and cream frosting. Cream the butter in a stand mixing bowl until smooth. Then mix in 2/3 cup of the reserved Oreo crumbs and the powdered sugar. Once combined, mix in the heavy cream and vanilla extract. Beat on medium speed until super light and fluffy.1 1/2 cups (340 g) unsalted butter, 2 cups (240 g) powdered sugar, 2/3 cup (67 g) finely ground Oreo cookies, 3 tablespoons heavy cream, 1 teaspoon vanilla extract
- Pipe the Oreo frosting on top of each cooled cupcake, swirling it on top of itself. Then chill the cupcakes on a baking sheet in the freezer for 15-20 minutes or until the frosting is cold and firm.
- Then melt the chocolate and oil in a deep, large-mouthed cup like a glass measuring or coffee cup. Let it cool for a few minutes. Then, hold the cupcakes upside down and dip the top straight into the chocolate. Lift it out gently and let any excess drip off. Place it back on the baking tray and wait 20-30 seconds, or until the chocolate looks mostly set. Then gently roll the side in any remaining Oreo crumbs.7 oz bittersweet chocolate bar, 1 tbsp vegetable oil
They were absolutely delicious!!
Easy to follow and the use of cake flour and adding the crushed cookies in the batter, frosting and to adorn the chocolate coating is genius! My first time using cake flour chocolate cake and the results were splendid! I am looking forward to making these again!
I loved this recipe 💕💕
Everyone at my office loved these! They said the frosting was the best!
These were a HIT! Super moist, sooo chocolatey, and that cookies and cream frosting was to die for. Your recipes are the BEST!