• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Sweetly Cakes
  • Home
  • Recipe index
  • Cakes
  • Frosting & filling
  • Cupcakes
  • Cake basics
  • Brownies
  • Cookies
  • About
  • Contact
  • Français
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Home
  • Recipe index
  • Cakes
  • Frosting & filling
  • Cupcakes
  • Cake basics
  • Brownies
  • Cookies
  • About
  • Contact
  • Français
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×
    Home / Desserts / Cupcakes

    Hi-Hat Chocolate Cupcakes

    Last update: Nov 22, 2024 Published: Jul 8, 2021 by Fadela This post may contain affiliate links

    Jump to Recipe·Print Recipe·5 from 3 reviews

    Get ready to savor the best of both worlds with our Hi Hat Chocolate Cupcakes – think moist and tender chocolate cupcakes, topped with a fluffy marshmallow frosting, all tucked inside a satisfyingly crunchy chocolate coating.

    high hat cupcakes with meringue topping and chocolate hat
    Jump to:
    • Why you'll love this recipe
    • Ingredients you need
    • How to make Hi-hat Chocolate Cupcakes
    • Tips for this recipe
    • Storage and freeze
    • Recipe Variations
    • More Cupcake Recipes
    • High Hat Chocolate Cupcakes


    High Hat Chocolate Cupcakes, or Hi Hat Chocolate Cupcakes, are a delightful treat consisting of moist chocolate cupcakes topped with a fluffy marshmallow frosting, and then coated in a crisp chocolate shell.

    We can't get enough of dipped cupcakes because they bring together the best of both worlds - soft, fluffy cake inside and a satisfying, chocolate-coated crunch outside, creating a mouthwatering delight that's hard to resist.

    They're crafted from my incredibly moist chocolate cupcakes, topped with a fuss-free Italian meringue made from egg whites and sugar syrup, all encased in a crisp dark chocolate shell.

    Why you'll love this recipe


    • Irresistible Chocolate Flavor: These hi-hat cupcakes are rich and deeply chocolatey, satisfying any chocolate lover's craving.
    • Unique High Hat Topping: The signature high hat topping features a fluffy and glossy marshmallow frosting, adding a delightful contrast to the chocolate base.
    • Visual Appeal: These chocolate-dipped cupcakes are visually stunning, making them perfect for special occasions or impressing your guests with their eye-catching presentation

    Craving for more marshmallow recipes? Give these a try: Homemade hot chocolate with marshmallows, hot chocolate bombs, Oreo Hot chocolate, S'mores cookies, marshmallow frosting, hot chocolate cookies, Hot chocolate cheesecake.

    Ingredients you need

    You need these ingredients to make these dipped chocolate cupcakes with vanilla marshmallow topping:

    • Chocolate cupcakes: A mixture of vegetable oil, sugar, eggs, vanilla extract, cake flour, unsweetened cocoa powder, baking powder and baking soda, instant soluble coffee and buttermilk.
    • Marshmallow fluff: An Italian meringue style made from a syrup of sugar, water + powdered sugar, egg whites and vanilla extract (cream of tartar optional) or try this easy marshmallow frosting.
    • Chocolate shell: Made from semi-sweet chocolate chips or use baking chocolate couverture in bars and a bit of oil for a chocolate glaze that will harden.
    cupcake with marshmallow frosting and chocolat shell

    How to make Hi-hat Chocolate Cupcakes

    Here are some quick visual instructions. Don't forget that full recipe instructions with exact ingredients can be found in the recipe card below!

    Step 1: In a medium bowl, mix and stiff together all the dry ingredients, cake flour, unsweetened cocoa powder, instant coffee, baking powder baking soda, and pinch of salt.

    Step 2: In a separate bowl, whisk together the wet ingredients, vegetable oil, sugar, eggs and vanilla extract until well blended.

    medium bowl with dry ingredients
    medium bowl with egg and ingredients

    Step 3: Finally, add alternately the dry ingredients and the buttermilk milk, mixing gently between each addition until a homogeneous paste is obtained.

    Step 4: Then, using an ice cream scoop, fill cupcakes liners halfway (not more than that, otherwise they will overflow). And bake in the oven at half height for about 12 to 15 minutes without opening the oven door.

    Remove the chocolate cupcakes from the oven and let them cool for a few minutes before removing them from the pan and letting them cool completely on a wire rack.

    medium bowl with ingredients
    baked chocolate cupcakes

    Marshmallow Frosting

    Step 1: Start by making the sugar syrup by placing the water and powdered sugar in a saucepan and heating over medium heat. Check the temperature with a cooking thermometer, it should reach 244°F/118°C.

    Step 2: Meanwhile, place the egg whites at room temperature in the bowl of your hand mixer or stand mixer with the whisk attachment. As soon as the candy thermometer reads 239°F/115°C, start mixing the egg whites at medium speed.

    Step 3: Once the syrup hits the right temperature, pour it slowly into the foamy egg whites while mixing at low speed. Increase the speed to high, add vanilla extract, and whip for 5-7 minutes until the frosting forms stiff peaks.

    Decorate: Then fill a piping bag fitted with a round tip with the marshmallow frosting and form swirls on one chocolate cupcake, starting from the center and working your way up.

    Freeze: Finish by placing your all the cupcakes in a baking sheet and transfer cupcakes in the freezer and let sit for at least 30 minutes.

    marshmallow topping
    frosted cupcakes

    Chocolate Glaze

    • Place the semi sweet chocolate chips or chopped chocolate in a medium heatproof bowl with the oil and melt in a double boiler or in the microwave.
    • When the melted chocolate mixture is smooth, transfer it to a deep container, I took a tall glass for this step.
    • Then take the frosted cupcakes out of the freezer. (the meringue topping should be frozen and firm to the touch so it doesn't melt when it comes in contact with the hot chocolate mixture)
    • Hold one hi hat cupcake upside down and dip the marshmallow topping completely into the melted chocolate and remove immediately. Shake a little to release excess chocolate.
    • Place the cupcakes dipped in chocolate glaze on a cake rack and let them cool completely, let the chocolate cool until it forms a hard shell.
    frosted cupcake dipped in dark chocolate
    chocolate glazed cupcakes

    Tips for this recipe

    • Ingredients at the Right Temperature: Ensure that your ingredients are at room temperature. This helps in achieving a smoother batter and better texture.
    • Proper Piping: When piping the meringue or chocolate coating onto the cupcakes, use a large round tip and work in a swirling motion from the outside in. This creates the iconic high hat appearance.
    • Freeze Cupcakes: After piping the meringue or chocolate, freeze the cupcakes for at least 30 minutes before dipping them in melted chocolate. This helps the coating set and hold its shape.
    • Use Good Quality Chocolate: For the chocolate coating, use high-quality chocolate for the best flavor and a smooth, glossy finish.
    • Dip Quickly: When dipping the cupcakes in melted chocolate, do it quickly and in one smooth motion to avoid smudging the meringue or chocolate coating.
    • Let Excess Chocolate Drip: Allow any excess melted chocolate to drip off the cupcakes before placing them back in the fridge to set. This ensures a clean, even coating.

    Storage and freeze

    Storage in the Fridge: Store cupcakes in an airtight container in the fridge for up to 2-3 days.

    Freezing: Individually wrap cooled cupcakes in plastic, place them in an airtight container or freezer bag, and freeze for up to 2-3 months. Thaw in the fridge or at room temperature before serving.

    Recipe Variations

    • Peanut Butter Hi Hat Cupcakes: Chocolate cupcakes meet peanut butter frosting and a chocolate dip with a nutty crunch.
    • Mint Chocolate Hi Hat Cupcakes: Refreshing mint-infused cupcakes, minty meringue frosting, and a chocolate dip, topped with crushed mint candies.
    • Salted Caramel Hi Hat Cupcakes: Sweet and salty perfection with caramel-flavored mascarpone frosting, a chocolate dip, and caramel butter sauce drizzle.
    • Raspberry Chocolate Hi Hat Cupcakes: Chocolate cupcakes with a raspberry twist, raspberry frosting, and a chocolate dip crowned with a raspberry or like these raspberry cupcakes.
    • Strawberry hi hat cupcakes: Chocolate cupcakes and meringue frosting flavored with freeze-dried strawberry powder.
    • Coffee and Cream Hi Hat Cupcakes: Coffee-infused chocolate cupcakes, coffee frosting, and a chocolate dip with a coffee bean accent.
    • Coconut Chocolate H Hat Cupcakes: Coconut milk frosting atop chocolate cupcakes, dipped in chocolate and sprinkled with toasted coconut.
    • Orange Chocolate H Hat Cupcakes: Zesty orange-infused cupcakes, orange frosting, a chocolate dip, and candied orange peel garnish.
    • Nutella High Hat Cupcakes: Chocolate cupcakes filled with Nutella frosting, dipped in chocolate, and drizzled with more Nutella like these Nutella cupcakes.
    • Mini cupcakes: Try a small cupcake version, like this recipe for vanilla mini cupcakes.

    More Cupcake Recipes

    • Halloween Ghost Cupcakes
    • Coconut Cupcakes
    • Vanilla Bean Cupcakes
    • Chocolate Raspberry Cupcakes
    cut in half hi hat chocolate cupcakes

    I hope you love these chocolate cupcakes with marshmallow frosting. If you make it, be sure to leave a comment and a rating so I know how you liked it. Happy Baking!

    Print
    clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

    High Hat Chocolate Cupcakes


    5 Stars 4 Stars 3 Stars 2 Stars 1 Star

    5 from 3 reviews

    • Author: Fadela
    • Total Time: 40 minutes
    • Yield: 12 cupcakes
    Print Recipe
    Save Recipe Recipe Saved

    Description

    Chocolate cupcakes with marshmallow frosting recipe (about 12 cupcakes)


    Ingredients

    Chocolate Cupcakes

    • 2 Eggs - room temperature
    • 150 g (¾ cup) Sugar - granulated
    • 85 g (⅓ cup) Vegetable oil -rapeseed or grape seed oil
    • 2 tsp Vanilla extract 
    • 125 g (½ cup) Buttermilk - or plain yogurt
    • 90 g (¾ cup) Flour - cake flour
    • 40 g (⅓ cup) Cocoa powder - unsweetened
    • ½ tsp baking powder
    • ½ tsp Baking soda
    • 2 tsp instant espresso coffee - optional
    • 1 pinch salt

    Marshmallow frosting

    • 60 ml (¼ cup) Water
    • 250 g (1 ¼ cup) Sugar - granulated
    • 3 Egg whites - room temperature 
    • 2 tsp vanilla extract

    Chocolate coating

    • 200 g (9 oz) baking chocolate - chopped - semi-sweet
    • 2 tbsp rapeseed oil - or canola oil 

    Instructions

    Chocolate cupcakes

    1. Preheat your oven to 392°F/200°C and place the cupcake liners in a cupcake or muffin pan.
    2. Start by mixing together the dry ingredients, flour, cocoa, baking powder, baking soda, instant coffee powder and pinch of salt in a bowl.
    3. In a separate bowl, whisk together the vegetable oil, powdered sugar, eggs and vanilla until smooth.
    4. Then alternately add the dry ingredient mixture and the buttermilk and mix gently until smooth.
    5. Using an ice cream scoop, fill the cupcake liners halfway. (no more or they will overflow)
    6. Bake for about 12 to 15 minutes.
    7. Let the cupcakes cool a little before removing them from the pan and then let them cool completely at room temperature on a cake wire.

    Marshmallow Fluff Icing

    1. Place water and sugar in a saucepan and heat over medium heat.
    2. Check the temperature with a cooking thermometer, the syrup should reach 244°F/118°C
    3. Meanwhile, place the egg whites in the bowl of your stand mixer and when the thermometer reads 239°F/115°C start to whip at medium speed.
    4. As soon as the syrup has reached 244°F/118°C, lower the speed of the stand mixer and pour the syrup over the egg whites.
    5. Resume mixing on high speed, add vanilla and beat for another 5 to 7 minutes.
    6. Place marshmallow frosting in a piping bag fitted with a round tip.
    7. Swirl the frosting onto the cupcakes.
    8. Place your cupcakes in the freezer for at least 30 minutes.

    Chocolate shell

    1. Melt the chocolate and oil together in a double boiler over low heat.
    2. As soon as your chocolate has completely melted and is liquid, transfer it to a deep bowl or glass large enough to dip the cupcakes into.
    3. Remove the cupcakes from the freezer and dip them into the melted chocolate.
    4. Allow the chocolate shell to harden completely before serving the cupcakes.

    Equipment

    Stand mixer

    Buy Now →

    Hand mixer

    Buy Now →

    Cupcakes liners

    Buy Now →
    Image of Muffins tin

    Muffins tin

    Buy Now →
    ice cream scoop

    Ice cream scoop

    Buy Now →
    Image of Piping bag

    Piping bag

    Buy Now →

    Notes

    Storage: 4-5 days in the fridge in a storage box, up to 3 months in the freezer.

    • Prep Time: 25 minutes
    • Cook Time: 20 minutes
    • Category: cake, cupcakes, Dessert
    • Cuisine: American

    Nutrition

    • Calories: 355
    • Sugar: 43
    • Sodium: 105
    • Fat: 17
    • Saturated Fat: 10
    • Carbohydrates: 52
    • Fiber: 2
    • Protein: 4
    • Cholesterol: 28

    Did you make this recipe?

    Tag @sweetlycakes on Instagram

    « Nutella Swirl Muffins
    Buttermilk Blueberry Muffins »

    Reader Interactions

    Comments

    1. demenagement tunisie

      January 22, 2024 at 3:45 pm

      Really creative ideas, I liked them a lot.

      Reply
    2. Sow

      January 22, 2024 at 3:46 pm

      Hello Fadela
      I think I messed up my icing.
      I'm disgusted
      The icing should have a mousse texture?
      Because for me it's a cream that I had liquid but whipping it was fine but not really
      Thank you for your answer

      Reply
    3. Lina

      January 22, 2024 at 3:48 pm

      I made these cupcakes as gifts for my children's teachers, and they were a hit.

      Reply

    Leave a Reply Cancel reply

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

    Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

    Primary Sidebar

    Hello and welcome to my blog! Fully addicted to cakes, blogging, and beautiful pictures! I share with you on this blog some tips and my favorite baking recipes which I hope will help you to enjoy your loved ones!

    More about me →

     Popular Posts

    • Blueberry Cake

    • French Macarons

    • Lemon Buttercream Frosting

    • Lemon Curd Cake

    Follow us

    Search on the blog

    Sweetly Cakes has been featured on:

    Footer

    ↑ back to top

    About

    • Privacy Policy
    • About me
    • Recipes

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact
    • Work with me
    • Français

    As an Amazon Associate, I earn from qualifying purchases.

    Copyright © 2023 SWEETLYCAKES