• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Live to Sweet
  • Contact
  • About
    • About
    • Privacy Policy
  • Recipe Index
  • Work with Me
menu icon
go to homepage
  • Recipe Index
  • Spring Baking
  • About
  • Shop
  • Subscribe
  • Contact
  • Work with Me
    • Facebook
    • Instagram
    • Pinterest
    • TikTok
  • subscribe
    search icon
    Homepage link
    • Recipe Index
    • Spring Baking
    • About
    • Shop
    • Subscribe
    • Contact
    • Work with Me
    • Facebook
    • Instagram
    • Pinterest
    • TikTok
  • ×
    Home » Recipes » Cakes and Cupcakes

    High Hat Cupcakes

    October 30, 2020 by Amee 2 Comments

    Jump to Recipe Print Recipe

    Chocolate cupcakes are a year-round treat, but add some marshmallow "spider webs" and you've got a spooky Halloween treat! Over the top in the best way, these High Hat Cupcakes need to be on your baking list!

    High Hat Cupcakes

    This post may contain affiliate links, and as an Amazon Associate I earn from qualifying purchases. I’ll never link to anything I don’t use and love! Click here for full disclosure and privacy policy.

    These High Hat Cupcakes are super chocolatey, frosted SKY-HIGH with vanilla buttercream, then dipped in chocolate! The finishing touch are the spooky marshmallow "webs!"

    If you enjoy this recipe, check out the posts for my Chocolate Madeleines, Death by Chocolate Cupcakes, and Cinnamon Maple Cookies!

    There are a couple of interesting ingredients in the cake recipe, the first of which is coffee. The cake won't taste like coffee, I swear! The coffee enhances the chocolate flavor, and I highly recommend it! If you would prefer not to use it, you can substitute hot water instead.

    You'll also see vinegar in the list of ingredients. This may seem like a strange ingredient in a cake, but SCIENCE! The vinegar reacts with the baking soda (think second grade science volcano project), which gives your cake a lighter, fluffier texture. You won't taste the vinegar. That said, if you don't have white vinegar, consider taste in what you substitute. Apple cider vinegar would be a good fit, but your aged balsamic would lend a strange flavor.

    Last, but most definitely not least, I highly recommend using chocolate extract in this recipe! It lends an amazing depth of flavor to chocolate baked goods! If you can't find it in your local grocery store, you can find some here. Even better, makes yourself some Homemade Chocolate Extract for next time!

    High Hat Cupcakes

    The buttercream is a simple (and delicious) vanilla American buttercream. This recipe makes a LOT, but you'll need it to make those sky-high swirls!

    Speaking of swirls, I used a 1M tip to pipe my buttercream for the Halloween cupcakes. I like the way the 1M tip made the frosting look after being dipped in chocolate. However, I thought a round tip might be better for avoiding gaps in the frosting, so that's what I went with for Valentine's Day. Oh, and I ditched the webs because...Valentine's Day.

    The downside to the round tip is that you end up with frosting that looks shockingly like a poop emoji. I added some sprinkles so it was harder to tell! 😀

    High Hat Cupcakes

    Check out the recipe for details on dipping the buttercream in chocolate and making the marshmallow spider webs! It's a highly entertaining endeavor for your kiddos to help with, too (just be prepared for the inevitable cleanup)! Happy Halloween, everybody! I hope you have a super SWEET time!!

    Other Recipes You May Like

    • Chocolate Madeleines
    • Maple Cinnamon Cookies
    • Black Velvet Cupcakes on a white background.
      Black Velvet Cupcakes
    • Homemade Chocolate Extract in a glass bottle with a cork in the top with a gift tag attached with a twine bow.
      Homemade Chocolate Extract

    Cake and buttercream recipes adapted from Brown Eyed Baker (link here).

    High Hat Cupcakes

    Amee
    These Hi-Hat Cupcakes are super moist and super chocolatey! Frosted sky-high with vanilla buttercream, then dipped in chocolate, these babies are over the top in the best way!
    5 from 1 vote
    Print Recipe Pin Recipe
    Course Dessert
    Cuisine Cupcakes
    Servings 12 cupcakes
    Calories 863 kcal
    Prevent your screen from going dark while you bake!

    Ingredients
     
     

    Dark Chocolate Cupcakes:

    • 3 oz bittersweet chocolate, finely chopped
    • ⅓ cup dutch process unsweetened cocoa powder
    • ¾ cup hot coffee (see note)
    • ¾ cup flour
    • ¾ cup sugar
    • ¼ teaspoon salt
    • ½ teaspoon baking soda
    • ⅓ cup vegetable oil
    • 2 eggs
    • 2 teaspoon white vinegar (see note)
    • 1 teaspoon vanilla extract
    • 1 teaspoon chocolate extract (see note)

    Vanilla Buttercream:

    • 2 cups unsalted butter, at room temperature (4 sticks)
    • 4 cups powdered sugar, sifted
    • 1 tablespoon vanilla extract
    • 1 tablespoon heavy (whipping) cream

    Dipping Chocolate:

    • 12 oz bittersweet chocolate, chopped fine
    • 2 tablespoon vegetable oil

    Marshmallow Webs:

    • 8 jumbo marshmallows (or 2 cups mini marshmallows)

    Instructions
     

    For Cupcakes

    • Preheat oven to 350℉. Line muffin pan with cupcake liners and set aside.
    • In a medium heatproof bowl, combine chopped chocolate and cocoa powder. Pout hot coffee over the top (see note) and whisk until smooth. Refrigerate chocolate mixture for 20 minutes.
    • Combine flour, sugar, salt, and baking soda in a large bowl. Set aside.
    • After chilling 20 minutes, remove chocolate mixture from the refrigerator. Add oil, eggs, vinegar (see note), vanilla extract, and chocolate extract, whisking until smooth.
    • Add chocolate mixture to flour mixture and whisk until smooth.
    • Divide batter among 12 muffin cups. Each will be about ¾ full. Bake 15-18 minutes, or until a toothpick inserted in the center comes out clean.
    • Cool cupcakes 10 minutes in the pans, then turn out onto wire racks to cool completely.

    For Buttercream

    • Cream room temperature butter and sifted powdered sugar until well mixed and smooth.
    • Add vanilla extract and cream. If the buttercream is too thin, you can add more powdered sugar to thicken it. If it seems too stiff, more cream can be added until the buttercream is the desired consistency.
    • Pipe the buttercream on the cooled cupcakes in tall swirls. Place the frosted cupcakes in the refrigerator to chill while you prepare the chocolate.

    For Chocolate

    • Place chopped chocolate and vegetable oil in a heatproof container. You want the container to be both wide enough and deep enough to dip the buttercream.
    • Warm the chocolate mixture in the microwave for 30-second bursts, stirring after each, until the mixture is smooth. Allow the chocolate to cool slightly (about 10 minutes) before dipping chilled cupcakes.

    For Webs

    • Place marshmallows in a heatproof bowl and microwave for 20-30 seconds or until puffed. Stir.
    • Dip fingertips into the melted marshmallows and stretch the "webs" between your fingertips and over the cupcakes. You may need a second set of hands to hold the cupcakes steady while you apply the webs. It's so messy and so fun!
      Enjoy!

    Notes

    Note on coffee: The cake won't taste like coffee, I swear! The coffee enhances the chocolate flavor, and I highly recommend it! If you would prefer not to, you can use hot water instead.
    Note on chocolate extract: I highly recommend this (sometimes overlooked) extract! It lends an amazing depth of flavor to chocolate baked goods! If you can't find it in your local grocery store, you can find some [here]. Even better, makes yourself some [Homemade Chocolate Extract] for next time!
    Note on vinegar: This may seem like a strange ingredient in a cake, but SCIENCE! The vinegar reacts with the baking soda (think second grade science volcano project), which gives your cake a lighter, fluffier texture. You won't taste the vinegar. That said, if you don't have white vinegar, consider taste in what you substitute. Apple cider vinegar would be a good fit, but your aged balsamic would likely lend a strange flavor.

    Nutrition Estimate

    Serving: 1 cupcakeCalories: 863kcalCarbohydrates: 92gProtein: 5gFat: 55gSaturated Fat: 29gPolyunsaturated Fat: 7gMonounsaturated Fat: 15gTrans Fat: 1gCholesterol: 112mgSodium: 129mgPotassium: 288mgFiber: 4gSugar: 74gVitamin A: 1020IUVitamin C: 0.01mgCalcium: 43mgIron: 4mg

    Nutrition information is provided as a courtesy and is only an estimate.

    Tried this recipe?I'd love to hear all about it! Leave a review below, then snap a pic and tag me on Instagram!
    Text "Click to shop my Amazon storefront" with images of baking tools and ingredients.

    More Cake and Cupcake Recipes from Scratch

    • Collage of Spring Cakes.
      10+ Spring Cakes
    • Caramel being drizzled from a spoon onto a slice of Irish Apple Cake on a white plate.
      Irish Apple Cake
    • Sliced Chai Cake on parchment paper on a dark baking sheet.
      Chai Cake
    • Apple cider caramel being poured onto ice cream on top of a slice of Apple Upside Down Cake.
      Apple Upside Down Cake

    Reader Interactions

    Comments

      Leave a Reply Cancel reply

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

      Recipe Rating




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

    1. StellaR

      July 18, 2022 at 1:05 pm

      5 stars
      These cupcakes are so good! I'll have to make them again near halloween and try the webs!

      Reply
      • Amee

        July 19, 2022 at 10:16 am

        So glad you enjoyed them! The webs are so fun to make (and eat)! Thanks so much for your review, Stella!

        Reply

    Primary Sidebar

    Photo of Amee, founder of Live to Sweet.

    Hi, I'm Amee!

    I'm the baking blogger, recipe developer, and food photographer behind Live to Sweet. Here you'll find desserts made from scratch that are often unique, and always delicious! 

    About Me

    New & Seasonal Recipes

    • Earl Grey Cookies
    • Close up of Strawberry Whipped Cream Cake on a white plate.
      Strawberry Whipped Cream Cake
    • Strawberry Filled Cupcakes with fresh strawberries on top.
      Strawberry Filled Cupcakes
    • Slice of Lemon Buttermilk Pie topped with whipped cream, a lemon slice, and a sprig of lavender on a small white plate.
      Lemon Buttermilk Pie
    • Closeup of Honey Lavender Latte Cookies on a pan.
      Honey Lavender Latte Cookies
    • Top view of Lilac Strawberry Galette with two scoops of vanilla ice cream and lilac blossoms on top.
      Lilac Strawberry Galette

    Follow Along with Me!

    • Instagram
    • Facebook
    • Pinterest
    • TikTok
    • YouTube

    Trending Recipes

    • Jar of Vanilla Sugar on a metal tray with vanilla beans.
      Homemade Vanilla Sugar
    • Small white bowl filled with Buttermilk Frosting with a piping bag alongside.
      Buttermilk Frosting
    • Slice of Chocolate Ganache Cake with a blackberry on top.
      Chocolate Ganache Cake
    • Slice of Lemon Lavender Cake on a white plate with a fork and lavender flowers alongside.
      Lemon Lavender Cake
    • White Bowl of Strawberry Pastry Cream with fresh strawberries.
      Strawberry Pastry Cream
    • Blueberry Buttercream in a white cup with fresh blueberries on top.
      Blueberry Buttercream

    Footer

    ↑ back to top

    About

    • About Me
    • Privacy Policy

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact

    As an Amazon Associate I earn from qualifying purchases.

    Live to Sweet © 2018-2025. All Rights Reserved.