Imagine the first cold snap of winter—your windows fog up, the sky takes on that slate gray hue, and suddenly, you catch the irresistible scent of cocoa mingling with buttery caramel floating through your kitchen. That’s the kind of moment I get every time I crack open one of my homemade salted caramel hot cocoa mix jars. The way the cocoa powder swirls into steaming milk, releasing ribbons of sweet caramel and just a hint of sea salt—it’s pure comfort, really. I remember the first time I whipped up this mix; it was one of those rainy Saturdays when everyone’s stuck indoors. My kids were practically bouncing off the walls, and I thought, “You know what? We need a treat.” So I dug out my old Mason jars, lined up the ingredients, and we set to work. The first sip was a bit of a revelation—a warm hug in a mug, honestly. Everyone paused, savoring that silky, caramel-laced chocolate. It was one of those “this is definitely going in my recipe box” moments.
Growing up, my grandma used to serve hot cocoa with homemade caramel sauce in the winter, especially when we were knee-high to a grasshopper. There’s something about that sweet-salty combo that just brings back all the nostalgia (and let’s face it, who doesn’t love a good Mason jar gift?). I wish I’d discovered this shortcut years ago—no more messy stovetop caramel, just a scoop and you’re golden! My family can’t keep their hands off these jars. They sneak spoonfuls straight from the jar, no shame, and I can’t blame them. This salted caramel hot cocoa mix has become a staple for holiday gifting, potlucks, and even those “just because” moments. It’s dangerously easy, looks adorable on a shelf, and tastes like you spent hours in the kitchen. I’ve tested this recipe more than I care to admit (all in the name of research, of course). Whether you need a quick cozy treat or a last-minute homemade gift, this is one recipe you’re going to want to bookmark. Trust me, nothing beats the feeling of handing someone a Mason jar filled with homemade cocoa goodness—it’s like giving a little jar of happiness.
Why You’ll Love This Recipe
If you’re like me and always on the hunt for a crowd-pleasing, low-maintenance treat, this salted caramel hot cocoa mix is about to become your new favorite. Years of tinkering in the kitchen (and more than a few cocoa disasters) taught me exactly what makes a hot cocoa mix truly stand out. Here’s why you’ll keep coming back to this recipe:
- Quick & Easy: Comes together in under 15 minutes—no fancy equipment or complicated steps. Perfect for busy evenings or last-minute gifting.
- Simple Ingredients: Pantry staples like cocoa powder, sugar, caramel bits, and sea salt. No specialty store runs required.
- Perfect for Gifting: Mason jars make this mix look instantly festive. Tie on a ribbon, add a tag, and you’ve got a homemade gift that actually feels personal.
- Crowd-Pleaser: Kids ask for seconds, adults sneak extra scoops, and even the neighbor who “doesn’t do sweets” ends up asking for the recipe.
- Unbelievably Delicious: Creamy, rich chocolate with those buttery caramel notes and a pop of sea salt. It’s a flavor combo that never gets old.
This isn’t just another cocoa mix. What makes it different? Well, blending caramel bits straight into the mix means each cup is flecked with melty caramel goodness—no sticky sauce required. The addition of sea salt (just a touch!) brings out the sweetness and balances everything perfectly. When you gift these Mason jars, you’re sharing a treat that’s tested, family-approved, and a little bit indulgent. Whether you’re impressing guests at a holiday brunch or just looking for something to warm up a quiet evening, this salted caramel hot cocoa mix delivers real comfort (with zero stress!). It’s the kind of recipe that makes you close your eyes after the first sip and just sigh with happiness. Fast, foolproof, and guaranteed to make memories—what’s not to love?
What Ingredients You Will Need
This salted caramel hot cocoa mix recipe is all about easy, reliable ingredients that pack a punch in flavor. No need for a specialty shop run; most of these are probably already in your pantry. I like grouping the ingredients for clarity, especially if you’re prepping a big batch for gifts or gatherings. Here’s what you’ll need:
- For the cocoa base:
- Unsweetened cocoa powder (Dutch-process or natural, about 1 cup/120g; I love Ghirardelli for richness)
- Granulated sugar (1 cup/200g; adjust to taste for sweetness)
- Powdered milk (1 cup/90g; lends that creamy texture—nonfat or whole, your choice)
- For the salted caramel flavor:
- Caramel bits (½ cup/100g; I use Kraft caramel bits, but chopped soft caramels work too)
- Sea salt (½ teaspoon/3g; flaky or fine, just don’t go overboard)
- For added creaminess:
- Mini chocolate chips (optional, ¼ cup/45g; adds extra chocolate puddles—highly recommended!)
- Optional mix-ins:
- Vanilla powder (¼ teaspoon/1g; for a hint of warmth)
- Cinnamon (pinch; gives holiday vibes)
If you’re making this for someone who’s dairy-free, swap the powdered milk for coconut milk powder or leave it out and add real milk when mixing. Want it gluten-free? All the main ingredients listed are gluten-free, but always check your caramel bits—some brands sneak in wheat. If caramel bits are hard to find, chop up soft caramels (just not the hard candies—they don’t melt as well). You can use brown sugar instead of granulated sugar for a deeper flavor, too. For a lower-sugar version, try using a sugar substitute like Swerve (just keep in mind, the texture might change a little). I’ve tried adding instant espresso powder for a mocha kick—totally optional, but wow, does it amp up the flavor!
For gifts, you can layer the ingredients in Mason jars for a pretty striped effect, or mix them all together for convenience. Either way, the result is a beautiful (and delicious) treat that’s easy to make and even easier to love.
Equipment Needed
You don’t need much to whip up a batch of this salted caramel hot cocoa mix in Mason jars, which is one reason I keep coming back to it. Here’s a quick rundown of what helps the process go smoothly:
- Mason jars (8 oz/240ml or 16 oz/475ml): Wide mouth jars are easiest to fill and scoop from. Reused jam or pasta sauce jars work in a pinch!
- Mixing bowl: A large one for combining all your dry ingredients without spillage.
- Whisk or spoon: For blending the mix—whisks break up cocoa clumps best.
- Measuring cups and spoons: Accuracy matters, especially for the salt and cocoa. I use a digital scale (not required, but helpful).
- Funnel (optional): Makes filling jars neat and tidy, especially for layered gifts.
If you’re layering the ingredients, a funnel truly saves the day (less cocoa powder coating your counter, you know?). For big batches, I sometimes use a stand mixer with the paddle, which speeds things up. Mason jar lids last years if you hand-wash them—don’t toss them unless the seal’s busted. Budget tip: Dollar store jars work just fine and look adorable with a little twine.
Preparation Method

- Gather your ingredients. Measure out all ingredients before starting. You’ll need 1 cup (120g) unsweetened cocoa powder, 1 cup (200g) granulated sugar, 1 cup (90g) powdered milk, ½ cup (100g) caramel bits, ½ teaspoon (3g) sea salt, and optional mix-ins (mini chocolate chips, vanilla powder, cinnamon).
- Combine the dry ingredients. In a large mixing bowl, add the cocoa powder, sugar, powdered milk, and sea salt. Whisk until evenly blended. If you notice clumps, press them out with the back of a spoon. The mixture should look uniform and smell chocolatey.
- Add the caramel bits and optional mix-ins. Stir in caramel bits and mini chocolate chips. I like to gently toss everything with clean hands to distribute the caramel bits evenly. If layering in Mason jars for gifts, add cocoa, sugar, powdered milk, caramel bits, and chips in distinct layers for a “striped” look.
- Fill Mason jars. Using a spoon or funnel, transfer the cocoa mix into clean, dry Mason jars. Fill to about ½” below the rim to leave space for shaking. Wipe the rim before sealing; cocoa dust likes to cling!
- Seal and decorate. Screw on lids tightly. If gifting, add a ribbon, fabric topper, or handmade tag. On the tag, include instructions: “Mix 3 tablespoons (30g) cocoa mix with 1 cup (240ml) hot milk. Stir well and enjoy!”
- Test a batch. For quality control (and, let’s be honest, a treat), scoop 3 tablespoons of mix into a mug. Pour over 1 cup (240ml) very hot milk (not boiling), stir until smooth. Caramel bits will melt in about 1-2 minutes; give it a good stir.
- Troubleshooting: If the caramel bits don’t melt, microwave the mug in 10-second bursts, stirring between each. If the mix clumps, whisk vigorously or blend with a milk frother.
- Efficiency tip: If making multiple jars, use an assembly line—measure, mix, fill, seal. Kids love helping with the layering (but watch for sneaky fingers snatching caramel bits!).
The finished mix should look even, with specks of caramel and chocolate chips visible. The scent? Rich cocoa with a hint of creamy caramel. Trust your taste buds—if it smells heavenly, you’re on the right track!
Cooking Tips & Techniques
After countless mugs of cocoa (and a few sticky caramel mishaps), I’ve picked up some tips for getting this salted caramel hot cocoa mix just right:
- Don’t skimp on the salt. Sea salt is the magic ingredient—it brings out both the chocolate and caramel. Too little, and the mix tastes flat; too much, and it’s overpowering. Stick with ½ teaspoon for a balanced flavor.
- Use high-quality cocoa powder. I’ve tried cheap cocoa, and it always comes out chalky. Dutch-process cocoa creates a smoother, richer drink.
- Layer for looks, mix for ease. Layering ingredients in Mason jars looks gorgeous (especially for Pinterest!), but mixing them together means easier scooping and a consistent flavor in every mug.
- Milk matters. Hot whole milk makes the creamiest cocoa, but non-dairy alternatives (almond, oat, coconut) work well if you’re gifting to different folks. Just avoid water—it dilutes the flavor.
- Caramel bits can be stubborn. Sometimes they settle at the bottom of the mug. Stir well, and don’t be afraid to microwave in short bursts to help them melt.
- Troubleshooting: If your mix clumps, sift the cocoa and powdered milk before combining. If you want a thicker cocoa, add an extra tablespoon of mix per cup.
- Personal fail: Once, I accidentally used coarse salt instead of sea salt—yikes! The cocoa was salty enough to make my kids pucker. Lesson learned: always double-check your salt and measure carefully.
- Multitasking: Make big batches and store them for up to three months. I prep jars in advance for holidays, teachers’ gifts, and snow days.
Consistency comes from whisking well and using fresh ingredients. If your powdered milk is old, the mix can taste stale. I always date my jars and rotate them, just in case. If you want extra creamy cocoa, add a dollop of whipped cream or a marshmallow on top. It’s the little touches, you know?
Variations & Adaptations
One of my favorite things about this salted caramel hot cocoa mix is how easy it is to tweak to suit different tastes and dietary needs. Here are some fun variations I’ve experimented with:
- Dairy-Free: Swap the powdered milk for coconut milk powder or simply leave it out and use non-dairy milk when mixing. Almond or oat milk adds a nice nutty undertone.
- Spicy Caramel Cocoa: Add ½ teaspoon cayenne pepper or a pinch of chili powder to the mix for a Mexican hot chocolate vibe. It’s a hit at adult gatherings!
- S’mores Hot Cocoa: Stir in crushed graham crackers and mini marshmallows (about ¼ cup each per jar). Instant s’mores—kids go wild for it!
- Mocha Variation: Add 2 tablespoons instant espresso powder to the mix for coffee lovers. I gave this a spin last winter and it’s perfect for grown-up mugs.
- Gluten-Free: All the main ingredients are gluten-free, but check your caramel bits and chocolate chips just to be safe. Stick with brands labeled gluten-free if gifting to those with allergies.
- Vegan: Use vegan chocolate chips and skip the powdered milk. Coconut milk powder is a great stand-in for creaminess.
I once made a batch with a dash of peppermint extract—turned out surprisingly refreshing! For seasonal twists, swap caramel bits for butterscotch chips in spring, or add pumpkin spice in autumn. The best part? You can really make it your own (and everyone thinks you spent hours perfecting each jar).
Serving & Storage Suggestions
Serving this salted caramel hot cocoa is half the fun. I recommend pouring the mix into a festive mug, topping with whipped cream, a sprinkle of extra sea salt, and maybe a caramel drizzle if you’re feeling fancy. For holiday gatherings, serve in Mason jars with little spoons tied on—adorable and practical!
- Serving temperature: Piping hot is best—heats up all the caramel and makes the cocoa super velvety.
- Presentation: Add a cinnamon stick or marshmallow snowman for extra charm. Pair with shortbread cookies or biscotti on the side.
- Complementary dishes: This cocoa is perfect with cinnamon rolls, banana bread, or a cheese board for a sweet-salty contrast.
Storage: Seal Mason jars tightly and store in a cool, dry pantry for up to 3 months. If you add marshmallows or graham crackers, use within 6 weeks for best texture. Freeze the mix if you want to keep it even longer—just let it come to room temperature before serving.
Reheating: If your mug cools down before you finish, microwave in 10-second bursts, stirring each time. The caramel melts more thoroughly this way. Over time, the flavors deepen—so don’t worry if you forget a jar at the back of the cupboard. It’s like aged cocoa, only better!
Nutritional Information & Benefits
Each serving (3 tablespoons of mix with 1 cup whole milk) has about 220 calories, 6g fat, 36g carbs, and 8g protein (varies with milk type and extras). Cocoa powder is packed with antioxidants and magnesium. Sea salt helps balance electrolytes, and caramel bits add a touch of energy-boosting sugar. If you use almond milk or coconut milk powder, the recipe becomes dairy-free and lower in saturated fat. All ingredients are gluten-free—just check your caramel bits for hidden wheat.
Allergen alert: Contains dairy (unless adapted), potential soy (in chocolate chips), and possible nuts (if using almond milk). I love that this cocoa mix can be adapted for most wellness needs—it’s easy to make low-sugar, vegan, or gluten-free. Plus, there’s something about sipping cocoa that just feels good for the soul. For me, it’s the perfect treat for mood-boosting, especially when winter blues hit!
Conclusion
If you’re searching for a homemade treat that’s easy, festive, and utterly delicious, this salted caramel hot cocoa mix in Mason jars checks every box. It’s simple enough for weeknight cravings yet special enough for gifting to friends, teachers, or anyone who could use a little cozy comfort. I love how customizable it is—whether you tweak for dietary needs or add fun mix-ins, it always turns out great. Honestly, nothing beats the look of joy when someone opens their jar and realizes you made it just for them.
Give it a try, play around with the flavors, and make it your own. I’d love to hear your twists—share your adaptations in the comments or tag me with your Mason jar creations! Bookmark this recipe for snowy days, holiday parties, or anytime you want a taste of warmth in a mug. Here’s to many happy, chocolatey moments!
Frequently Asked Questions
How much cocoa mix should I use per cup?
Use 3 tablespoons (about 30g) of salted caramel hot cocoa mix for every 1 cup (240ml) of hot milk. Adjust to taste if you prefer it richer or lighter.
Can I make this recipe dairy-free or vegan?
Absolutely! Swap the powdered milk for coconut milk powder or omit it and use non-dairy milk when preparing. Choose vegan chocolate chips and caramel bits if needed.
How long does the hot cocoa mix last in Mason jars?
Stored in an airtight Mason jar in a cool, dry place, the mix stays fresh for up to 3 months. Add-ins like marshmallows may shorten shelf life—use within 6 weeks for best results.
Can I use water instead of milk to make the cocoa?
For best flavor and creaminess, use hot milk or a non-dairy alternative. Water works in a pinch but won’t be as rich or satisfying.
What if the caramel bits don’t melt in my cocoa?
Give your mug a good stir and, if needed, microwave in 10-second intervals to help the caramel fully melt. Caramel bits can take an extra minute or two to dissolve.
Pin This Recipe!

Salted Caramel Hot Cocoa Mix
This easy homemade salted caramel hot cocoa mix combines rich cocoa powder, creamy powdered milk, sweet caramel bits, and a touch of sea salt for a comforting winter treat. Perfect for gifting in Mason jars or cozy evenings at home.
- Prep Time: 15 minutes
- Cook Time: 0 minutes
- Total Time: 15 minutes
- Yield: About 8 servings (3 tablespoons mix per 1 cup milk) 1x
- Category: Beverage
- Cuisine: American
Ingredients
- 1 cup unsweetened cocoa powder (Dutch-process or natural, about 120g)
- 1 cup granulated sugar (about 200g)
- 1 cup powdered milk (about 90g, nonfat or whole)
- 1/2 cup caramel bits (about 100g, or chopped soft caramels)
- 1/2 teaspoon sea salt (about 3g, flaky or fine)
- 1/4 cup mini chocolate chips (optional, about 45g)
- 1/4 teaspoon vanilla powder (optional, about 1g)
- Pinch of cinnamon (optional)
Instructions
- Measure out all ingredients before starting.
- In a large mixing bowl, add cocoa powder, sugar, powdered milk, and sea salt. Whisk until evenly blended and free of clumps.
- Stir in caramel bits and optional mini chocolate chips, vanilla powder, and cinnamon. Toss gently to distribute evenly.
- Transfer the cocoa mix into clean, dry Mason jars using a spoon or funnel, filling to about 1/2 inch below the rim.
- Seal jars tightly. Decorate with ribbon or tags if gifting. Include instructions: ‘Mix 3 tablespoons cocoa mix with 1 cup hot milk. Stir well and enjoy.’
- To serve, scoop 3 tablespoons of mix into a mug, pour over 1 cup hot milk, and stir until smooth. Microwave in 10-second bursts if caramel bits don’t melt.
- For layered gifts, add ingredients in distinct layers for a striped look.
- Store sealed jars in a cool, dry place for up to 3 months.
Notes
For dairy-free or vegan, use coconut milk powder and vegan chocolate chips. Layer ingredients for a pretty gift presentation, or mix for convenience. Adjust sugar to taste. Caramel bits may need extra stirring or microwaving to melt. Store in a cool, dry place for up to 3 months. Add marshmallows, graham crackers, or instant espresso for fun variations.
Nutrition
- Serving Size: 3 tablespoons mix wi
- Calories: 220
- Sugar: 30
- Sodium: 220
- Fat: 6
- Saturated Fat: 4
- Carbohydrates: 36
- Fiber: 2
- Protein: 8
Keywords: hot cocoa mix, salted caramel, mason jar gift, homemade cocoa, winter drink, holiday gift, easy cocoa mix, caramel hot chocolate



