• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
School Night Vegan
  • Recipes
  • Subscribe
  • My Story
  • Contact
  • Cookbook
menu icon
go to homepage
  • Recipes
  • Subscribe
  • My Story
  • Contact
  • Cookbook
    • Instagram
    • TikTok
    • YouTube
  • search icon
    Homepage link
    • Recipes
    • Subscribe
    • My Story
    • Contact
    • Cookbook
    • Instagram
    • TikTok
    • YouTube
  • ×
    Home » Recipes » Recipes

    Hi-Hat Cupcakes - Vegan Caramel Filled!

    Published: Apr 4, 2019 · Modified: Apr 4, 2019 by Richard Makin

    🌱 VG

    Publised on 04/04/2019. Last Updated on 04/04/2019 by Richard

    Jump to Recipe
    5 from 9 votes
    delicious cake cross-section

    Hi-hat cupcakes filled with peanut butter caramel. What makes them hi-hat? They're DIPPED in chocolate of course!


    Good gosh let me tell you about these vegan hi-hat cupcakes. Yep, I’ll be the first to admit that these are probably the most involved cupcakes out there. I’ll also be the first to admit that cupcakes are SO 2008, but bear with me ok?

    These are some of the tastiest vegan cakes I’ve ever made. They feel super grown-up because the chocolate flavour of the sponge and the dip is quite bitter - not sweet. The peanut butter frosting is satisfyingly smooth and that caramel in the centre is just such a treat.

    vegan hit-hat cupcakes

    So yeah, the process is long, but worth it!

    Give yourself lots of time and space to make them - these shouldn’t be rushed - and even if you’re serving them to guests, make sure you slice them in half. That cross-section is SO WORTH IT!

    piped cupcakes

    Magic ingredients?

    These vegan hi-hat cupcakes are super special, not only because they're crazy complicated to make AND eat, but because they're SUPER chocolatey and peanutbuttery! Here are the must-use ingredients which will really make your hi-hat cupcakes pop!

      • Freeze Dried Espresso Powder
        This stuff makes any chocolate cake BURST with flavour. It ups the bitterness just slightly and you won't taste the coffee!
      • Coconut Cream
        This is different from coconut milk. It's essentially the solid fatty stuff that settles on the top of a can of coconut milk. It acts just like cream and helps keep our caramel filling smooth!
      • Vegan Dark Chocolate
        Most dark chocolate over 70% cacao is vegan but just double check the ingredients. I love dark chocolate and it really works with these cupcakes because it's not too sweet. 
    vegan hit-hat cupcakes

    What's the process for Hi-hat Cupcakes?

    How do you eat a whale? One bite at a time! (not the most vegan analogy but, you get the idea!) - these vegan hi-hat cupcakes are a complicated process, so let's break it down into pieces!

    1. Start with the cupcakes!

    The key to getting these cupcakes perfect is to make sure everything is cool before moving onto the next step. So, start with the cupcakes and please PLEASE make sure you chill em down to room temperature before...

    2. Make the caramel filling!

    The caramel filling is delicious. Because it's REAL caramel made with REAL caramelised sugar, rather than simply brown sugar (or worse...DATES!) things are gonna get REAL hot. Be careful - the caramel can get a bit spluttery so don't allow kids to do this bit! Let the caramel cool before piping! 

    vegan hit-hat cupcakes

    3. Make the frosting!

    Once the cupcakes are filled move onto the frosting! Vegan frosting LOVES to split, so to make sure your buttercream stays nice and smooth, my recommendation is to make sure your vegan butter is at room temperature. Also, it helps to add the icing sugar spoonful by spoonful. 

    I like to pipe my vegan frosting as it looks WAY prettier when you dip it in chocolate later!

    4. Make the chocolate dip!

    This chocolate dip is essentially the same thing as that super cook crackle shell which you pour on ice cream and it sets before your eyes. For that reason, I recommend that you chill your cupcakes in the fridge before dipping in the chocolate. It'll set beautifully and you'll be flabbergasted by your own culinary prowess!

    vegan hit-hat cupcakes

    Want more cakes!?

    Why not try whipping up these bad boys!

    • Caramel Filled Cupcakes
    • Jam Filled Cupcakes
    • Blood Orange Crumb Cakes

    Vegan Hi-Hat Cupcakes - Caramel Filled!

    Delicious chocolate vegan hi-hat cupcakes filled with peanut butter caramel. What makes them hi-hat? They're DIPPED in chocolate of course!
    5 from 9 votes
    Print Pin Rate
    Servings: 6 cupcakes
    Author: Richard Makin

    Ingredients

    For the Cakes

    • 175 g oat milk
    • ½ tablespoon apple cider vinegar
    • 150 g plain flour
    • ½ teaspoon baking soda
    • 40 g dark cocoa powder
    • 1 teaspoon freeze dried espresso powder or a good, strong instant coffee
    • ¼ teaspoon fine sea salt
    • 165 g caster sugar
    • 50 g vegan butter I use “baking block”
    • For the Peanut Butter Caramel Filling
    • 60 g caster sugar
    • 60 g coconut cream the solid white stuff at the top of a can of coconut milk
    • 30 g vegan butter
    • 60 g smooth peanut butter

    For the Peanut Butter Frosting

    • 75 g vegan butter
    • 50 g smooth peanut butter
    • 200 g icing sugar
    • 3 tablespoon oat milk

    For the Dark Chocolate Dip

    • 200 g vegan dark chocolate make sure its over 75% cacao
    • 4 tablespoon vegetable oil

    Instructions

    To Make the Cakes

    • Preheat the oven to 180c. Line a cupcake tray with paper cupcake cases.
    • In a small bowl combine the oat milk with the apple cider vinegar. Give it a quick whisk and set aside to thicken.
    • In a medium bowl, sift together the flour, baking soda, cocoa powder, espresso powder and salt. Stir to combine and set aside.
    • In the bowl of a stand mixer, cream the butter and sugar together on high speed until soft and fluffy (around 5 minutes). Add half of the oat milk mixture and beat to combine. Add half of the flour mixture and beat to combine, scraping down the sides of the bowl afterwards. Add the remaining half of the oat milk mixture, beat to combine, followed by the rest of the flour mixture. Divide the batter between 6 cupcake cases. Tap the tray gently on the counter to release any air bubbles and place in the oven for 20 minutes. The cakes should be smooth and springy to the touch. Remove from the oven and allow to cool completely on a cooling rack. While they’re cooling make the caramel filling.

    To Make the Caramel Filling

    • Measure out all the ingredients - you’ll need to have them ready for when your sugar is caramelised.
    • Place the caster sugar in a small dry saucepan and place over medium/low heat. Using a silicone spatula, stir the sugar constantly until it begins to dissolve. Once the sugar is completely liquid and has taken on a nice caramel colour (just a few minutes), remove the pan form the heat and immediately add the coconut cream (CAUTION, the caramel will spit and splutter, so keep your hands clear).
    • Once the caramel has stopped spitting, add the vegan butter and stir well until you have a nice smooth, rather translucent caramel sauce. Leave to cool for five minutes before adding your peanut butter and a pinch of flaky sea salt. Stir until the peanut butter is fully melted into the caramel. Allow to cool completely. Once cooled, place the caramel into a piping bag and set aside.

    To Make the Frosting

    • In the bowl of a stand mixer fitted with the paddle attachment, beat the butter and peanut butter together on high speed until fully combined and smooth. Reduce the speed to low and add the icing sugar. Beat until combined and then turn speed up to high until you have a nice smooth mix. Gradually, add the oat milk a tablespoon at a time until the frosting reaches your desired texture. You may not need the full three tbsp.

    To Make the Chocolate Dip

    • In a small saucepan over very low heat, combine the chocolate and the oil. Stirring constantly, heat just until the chocolate has fully melted. Pour into a glass which is just wide enough to accommodate the rim of your cupcake (we’re going to be dunking the frosting and the top of the cupcake into the chocolate).

    To Assemble

    • Once the cakes are fully cooled, use a piping nozzle which is around 2cm wide to remove a cylinder from the top of each cake. Note: don’t cut a shaft right the way through the cake. You only want to go about half the way through the depth of the cake (see the cross-section photo above).
    • Using the piping bag of caramel, fill the hole you’ve made in each cake. Wet your finger and flatten the top of the caramel flush with the top of the cake.
    • Next, piping in a circular motion, top each cupcake with the frosting. Once all cakes are frosted, turn upside down and dip directy into the chocolate sauce, all the way up to the top of the cake. Turn right-way up and place on a cooling rack. Once all cakes have been dunked, place them all in the fridge to set. Once the chocolate is set, they’re good to serve!

    Nutrition

    Serving: 1grams
    Tried this Recipe? Tag me Today!Mention @SchoolNightVegan or tag #schoolnightvegan!

    More Recipes

    • Vegan Pumpkin Sticky Toffee Pudding
    • Sticky Roasted Butternut Squash with Apricot & Harissa
    • a vegan sausage roll on a plate with mustard and caramelised onions
      Vegan Sausage Rolls with Mushrooms and Tofu
    • Vegan cornbread Stuffing
      Easy Vegan Cornbread Stuffing with Apricots & Pecans

    Reader Interactions

    Comments

      5 from 9 votes (7 ratings without comment)

      Leave a Reply Cancel reply

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

      Recipe Rating




    1. Sherry

      April 27, 2025 at 7:44 pm

      5 stars
      Loved this cupcake, next time i make it i wouldn't do the chocolate dip. Otherwise a great tasting cupcake!

      Reply
    2. delta 8 carts Area 52

      May 01, 2021 at 1:44 am

      5 stars
      It's awesome in support of me to have a site, which is valuable designed for my knowledge.
      thanks admin

      delta 8 carts Area 52 - delta 8 carts Area 52

      delta 8 carts Area 52 - delta 8 THC for sale area 52

      buy delta 8 THC area 52 - area 52 delta 8 THC products

      delta 8 THC area 52 - delta 8 carts Area 52

      delta 8 THC area 52 - delta 8 area 52

      Reply
    3. Adam

      August 17, 2019 at 11:39 pm

      Looks absolutely amazing.
      Would love to see this in video format

      Reply

    Primary Sidebar

    Welcome to
    School Night Vegan

    Hey, my name is Richard Makin and I’m the guy behind School Night Vegan.

    I’m also the recipe developer, food stylist, photographer and author of best-selling cook book Anything You Can Cook, I Can Cook Vegan. I’m also the host of food podcast Lunchbox Time Machine.

    More about me →

    Popular Recipes

    • vegan chicken
      Vegan Chicken
    • vegan tiramisu
      Vegan Tiramisu
    • Vegan Whipped Cream
    • easy tofu marinades
      Easy Tofu Marinades
    Popular recipes
    Vegan Fall Recipes

    Featured on

    Footer

    ↑ Back to top
    • Privacy Policy
    • About

    • Contact
    • Subscribe

    Copyright © 2024 School Night Vegan

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.