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!

Chocolate oreo cupcakes on a baking tray with the center one missing a bite.

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 moist chocolate cake recipe, using black cocoa powder for an Oreo taste, and simplified it to a one-bowl method. Just like my Oreo cookie cake, they’re bursting with cookies and cream flavor and ready to impress at your next birthday party or for any occasion!

What are hi-hat cupcakes?

A hi-hat cupcake is one that has frosting covered in a hard chocolate coating. It’s meant to resemble a chocolate-dipped soft-serve ice cream cone. It can easily turn 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 cupcakes that are dry and dense.

Use room temperature ingredients. It’s really important for the eggs and sour cream to be at room temperature so they can blend easily into the batter.

Sift the dry ingredients. Cake flour and cocoa power can often be clumpy and lead to a clumpy batter! Sifting not only gets rid of any clumps but also aerates the ingredients for a fluffy texture.

Process the Oreos into crumbs. This is especially important for the frosting! Any big chunks of cookies will clog the piping tip and make it impossible to frost. I use a food processor, but you could use a ziplock bag and rolling pin too!

Evenly fill the cupcake liners. 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

Ingredients needed to make oreo cupcakes in bowls with labels.

Oreos: You will use roughly half a family pack of cookies. Use any leftovers to make Oreo whoopie pies or Oreo cheesecake cookies!

Cake flour: I prefer cake flour for a light and tender texture, but all-purpose flour can be used, too!

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!

How to Make Oreo Cupcakes

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!

A process collage of the steps for making the chocolate cake batter.

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, then 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 and fluffy texture and increased volume! If you find you don’t have enough frosting for the cupcakes, it’s likely 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 in a clockwise motion, swirling the frosting on top of itself before releasing pressure. (Image 6 below)

A process collage of the steps for decorating the cupcakes with oreo frosting.

Step 7: Dip the cupcakes. Hold the cupcake upside down and dip it straight down 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 start to 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: Freeze the frosted cupcakes in an airtight container for up to one month. I recommend waiting to dip them in chocolate until serving!

FAQs

Can I use regular cocoa powder instead of black cocoa powder?

Yes, I recommend Dutch-processed cocoa powder like Ghiradelli for the best flavor!

Where can I find black cocoa powder?

It’s rare to find it in stores. I buy it on Amazon from King Arthur!

Can I make this recipe into a cake instead?

Because it’s not a lot of batter, use my black velvet cake recipe for the cake batter. You should have enough Oreo frosting to cover the cake!

Oreo cupcakes on a black baking sheet.

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!

Chocolate oreo cupcake with a bite missing on a black baking tray.

Hi-Hat Oreo Cupcakes

5 from 4 votes

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!
Print Recipe Save Recipe Pin Recipe
Prep Time: 1 hour 30 minutes
Cook Time: 15 minutes
Total Time: 1 hour 45 minutes
Course: Dessert
Cuisine: American
Servings: 12 servings
Need Metric Measurements?Use the button options below to toggle between US cups and Metric grams!

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

Video

Notes

*Measure your dry ingredients properly. This is my #1 baking tip! Do not ever scoop a measuring cup into your flour, as this always leads to using too much flour. Instead, use the spoon-level method. This means fluffing the flour first, then spooning it into your measuring cup/spoon. For the BEST results, use a kitchen scale!*
Black cocoa powder: You can buy this online. It’s recommended for a true Oreo flavor! Dutch-processed cocoa powder can be substituted in equal parts.
Storage: Store leftovers in an airtight container in the fridge for 3-4 days. 
Freezing: Freeze the frosted cupcakes in an airtight container for up to one month. I recommend waiting to dip them in chocolate until serving!
Make ahead: The chocolate magic shell is best on the day of serving as it doesn’t hold up well to 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!
Serving: 1serving | Calories: 624kcal | Carbohydrates: 63g | Protein: 3g | Fat: 42g | Saturated Fat: 22g | Polyunsaturated Fat: 5g | Monounsaturated Fat: 12g | Trans Fat: 1g | Cholesterol: 86mg | Sodium: 214mg | Potassium: 189mg | Fiber: 2g | Sugar: 51g | Vitamin A: 852IU | Vitamin C: 0.1mg | Calcium: 48mg | Iron: 3mg

The calorie information provided for the recipe is an estimate. The accuracy of the calories listed is not guaranteed.

5 from 4 votes (1 rating without comment)

Leave a Reply

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

Recipe Rating




3 Comments

  1. I loved this recipe 💕💕5 stars

  2. Anthony bear says:

    Everyone at my office loved these! They said the frosting was the best!5 stars

  3. These were a HIT! Super moist, sooo chocolatey, and that cookies and cream frosting was to die for. Your recipes are the BEST!5 stars