🍫 Real talk: The best cup of hot chocolate you’ll ever have isn’t hidden in a packet. It’s currently sitting in your pantry, waiting to be made with real chocolate, hot milk, and about 10 minutes of your time.
Made from scratch, hot chocolate is thicker, richer, and tastes like real chocolate rather than sugary powder. It’s also surprisingly easy once you know the base, and that base opens the door to flavors no boxed mix ever dreamed of.
Below you’ll find a foolproof basic recipe followed by 8 creative variations to make all winter long, from a smoky S’mores cup to a silky salted caramel to a warmly spiced Mexican version with a sweet chile finish. Each recipe was developed and tested for real kitchens, with ingredients sourced from a regular grocery store. Dairy-free swaps are included throughout.
🍫 8 homemade hot chocolate recipes:
S’mores Hot Chocolate Salted Caramel Hot Chocolate Peppermint Hot Chocolate White hot chocolate with candy cane Hot chocolate with almonds Matcha white hot chocolate Authentic Mexican Hot Chocolate Orange and cardamom hot chocolate 🍫 Start here: the basic hot chocolate recipe Each variation below builds on this foundation. Get it right and you’re 10 minutes away from any flavor you want.
Makes 2 cups | 10 minutes
2 cups whole milk (or oat, almond or coconut milk) 2 ounces good quality chocolate bar, roughly chopped (semi-sweet or dark – no chips) 1.5 tbsp unsweetened cocoa powder 1 tablespoon sugar (taste and adjust, sweet chocolate may require less) 1/2 teaspoon pure vanilla extract Pinch fine sea salt Method: Heat the milk in a small saucepan over medium-low heat until steaming – small bubbles around the edges, not boiling. Stir in cocoa powder, sugar and salt until smooth and free of lumps. Add the chopped chocolate and whisk until completely melted and glossy. Remove from the heat and stir in the vanilla. Pour and enjoy.
Why Homemade Beats a Pack Every Time Store-bought mixes are mostly sugar with a light coating of cocoa. This is why they taste thin and flat, even if you follow the instructions carefully. Homemade hot chocolate uses two forms of chocolate that work together: cocoa powder adds a deep, complex flavor, while the real bar of melted chocolate adds body, richness, and that glossy, velvety texture you see in food photography and wonder how to achieve. Dark chocolate is also a legitimate source of antioxidants and flavanols – a cup made with good dark chocolate is therefore a treat that you can feel good about.
It takes about the same time as boiling water for one sachet. The difference lies entirely in the outcome. If you like intensely dark and deeply chocolatey mugs, our dark hot chocolate recipe pushes this foundation even further.
🍫 8 homemade hot chocolate recipes 1
🔥 Hot Chocolate S’mores Everything that’s great about a campfire s’more: toasted marshmallow, melted chocolate, graham cracker cracker, all collapsed into one deeply satisfying cup. It’s the one that children will ask for by name and that adults will quietly prepare after bedtime.
The key is a thick base of real chocolate so the toppings don’t feel watered down. Semisweet works well, but dark chocolate gives a slightly bitter base that plays perfectly with the sweet graham and sticky marshmallow.
Recipe (for 2 mugs):
Basic recipe above using semi-sweet or dark chocolate 4 whole sheets of graham crackers, roughly broken (you want pieces, not powder) 1 generous cup of mini marshmallows Optional: 1 tablespoon chocolate syrup for drizzling To achieve: Place a handful of graham cracker pieces in the bottom of each cup, about one sheet per cup. Pour the hot chocolate directly on top. Fill the top with mini marshmallows. Toast with a kitchen torch until golden and blistered, or slide the cups under the broiler for 60 to 90 seconds (watch carefully, the marshmallows go from perfect to burnt in a matter of seconds). Drizzle with chocolate syrup if using. Serve immediately while the graham crackers are still a little crunchy around the edges.
✨Flavor twist: Replace regular vanilla with smoked vanilla extract. It’s a subtle change that truly echoes the smoke of a campfire and takes this from good to memorable.
🌱 Dairy-free: Oat milk is the best substitute – its natural sweetness and body hold up wonderfully here. Most graham crackers are already dairy-free; look for vegan marshmallows to complete the swap.
2
🍮 Salted Caramel Hot Chocolate This is the crowd favorite on the list and arguably the easiest to love. The combination of rich chocolate, butterscotch, and a hint of sea salt is one of those flavor combinations that works for everyone: kids, adults, people who claim not to like hot chocolate. This converts them.
Salted caramel sauce does two things: it adds sweetness with a complexity that regular sugar can’t match, and the salt amplifies the chocolate flavor in a truly striking way. Use a good store-bought caramel sauce (Ghirardelli, Trader Joe’s fleur de sel caramel or similar) or make your own if you’re feeling ambitious. Either one works wonderfully.
Recipe (for 2 mugs):
2 cups whole milk (or oat milk) 2 oz semi-sweet chocolate, chopped 1 tablespoon unsweetened cocoa powder 3 tablespoons good quality caramel sauce, plus extra for drizzling 1/4 teaspoon pure vanilla extract 1/4 teaspoon flaky sea salt (Maldon or similar), plus a pinch for finishing Whipped cream for serving To achieve: Heat the milk over medium-low heat until steaming. Stir in cocoa powder until smooth – no lumps. Add the chopped chocolate and 3 tablespoons of the caramel sauce and whisk until both are completely melted and combined. Remove from heat, stir in vanilla and 1/4 teaspoon flaky sea salt. Taste – if you want more caramel, add another tablespoon now. Pour into cups, top with whipped cream, a generous drizzle of caramel sauce and a small pinch of flaky sea salt just on top. This last pinch of salt on the whipped cream is not optional. That’s all.
✨Flavor twist: Stir in 1/4 teaspoon of espresso powder with the cocoa. It deepens the flavor of the chocolate without making it taste like coffee and makes the caramel pop even more.
Note on salt: Use flaky sea salt, not table salt. Flaky salt dissolves slowly and gives you bursts of salinity rather than uniform salinity throughout. The difference is significant. Maldon salt flakes are widely available in most grocery stores.
3
🌿 Peppermint Hot Chocolate The classic. Dark chocolate and peppermint are one of the great cold weather flavor combinations – refreshing and warming at the same time, festive without being fussy. This version uses the basic recipe with dark chocolate for the best balance against the mint, and just enough peppermint extract to be clearly present without turning into mouthwash.
The most important thing to know about this recipe: the pure peppermint extract is extremely concentrated. Start with less than you think you need, taste and add from there. A quarter teaspoon in two cups of hot chocolate gives off a noticeable mint flavor. Half a teaspoon is fat. A teaspoon full and you have toothpaste.
Recipe (for 2 mugs):
2 cups whole milk (or oat milk) 2 oz dark chocolate (60 to 70%), chopped 1.5 tablespoons unsweetened cocoa powder 1 tablespoon of sugar 1/4 teaspoon pure peppermint extract (start here – taste before adding) 1/4 teaspoon pure vanilla extract Pinch of fine sea salt Whipped cream and crushed candy cane or chocolate shavings for garnish To achieve: Follow the basic recipe method. Add the peppermint extract and vanilla off the heat once the chocolate is completely melted. Taste at this point – the flavor will mellow ever so slightly once poured, so what you taste in the pot will roughly match what you get in the cup. Pour into cups and top with whipped cream and a small sprinkle of crushed candy cane for color and crunch.
✨Flavor twist: Add a small pinch of cayenne pepper (about 1/16 teaspoon) with the cocoa. The heat is imperceptible on its own, but it illuminates the peppermint and chocolate in a way that makes the whole mug taste more vibrant.
Peppermint vs. mint extract: Use pure peppermint extract, not peppermint extract or spearmint extract. Their taste is noticeably different. Pure peppermint extract has the clean, bright candy cane flavor you want here.
4
🍬 White hot chocolate with candy cane White chocolate gets a bad reputation because cheap white chocolate is really nasty. Use a good bar – Lindt, Ghirardelli or Valrhona – and the whole story changes. It melts in milk to form a silky, slightly sweet cream that’s almost like a dessert on its own. Add peppermint and vanilla and the result is Christmas in a mug.
This variation is sweeter and lighter than the peppermint dark chocolate above, making them complementary rather than redundant. Offer both at a holiday get-together and watch them disappear at the same speed for very different reasons.
Recipe (for 2 mugs):
2 cups whole milk (or full fat coconut milk for dairy-free – it’s spectacular here) 2.5 oz good quality white chocolate, chopped (no white chocolate chips) 1/4 teaspoon pure peppermint extract 1/2 teaspoon pure vanilla extract Small pinch of fine sea salt Whipped cream, 2 candy canes and crushed candy cane for garnish To achieve: Heat the milk over medium-low heat until steaming. Add the chopped white chocolate and whisk gently and continuously until completely melted and smooth. White chocolate can be finicky, so keep the heat low and be patient. Remove from heat, add peppermint extract, vanilla and salt. Pour into mugs, garnish with whipped cream and a candy cane on the rim. For a festive presentation, lightly dip each cup rim in corn syrup, then press it into a small plate of crushed candy canes before pouring.
✨Flavor twist: A few drops of raspberry extract added to the peppermint makes this taste like a peppermint patty with a raspberry center. Unusual and very good.
White chocolate tip: Add the chopped chocolate to the warm (not hot) milk and continue to whisk over very low heat. High heat causes white chocolate to seize up and become grainy. The movement here is low and slow.
5
🥥 Almond Joy hot chocolate Chocolate, coconut, and almond is a combination that just works: it works in candy bars, it works in cookies, and it absolutely works in a cup. This one is naturally dairy-free and tastes like the best possible version of its candy bar inspiration.
The secret is coconut cream rather than plain coconut milk. Coconut cream – the thick layer at the top of a can of chilled full-fat coconut milk – adds a rich, velvety body that makes it truly indulgent. Don’t skip the toasted almonds on top. They take the drink from good to great.
Recipe (for 2 mugs):
1.5 cups unsweetened almond milk 1/2 cup coconut cream (scooped from the top of a can of chilled full-fat coconut milk) 2 oz semi-sweet chocolate, chopped 1 tablespoon unsweetened cocoa powder 1 tablespoon of sugar or maple syrup 1/4 teaspoon coconut extract 1/2 teaspoon pure vanilla extract Pinch of fine sea salt Toppings: 2 tablespoons flaked almonds, 2 tablespoons toasted coconut flakes, coconut whipped cream To achieve: Warm the almond milk and coconut cream over medium-low heat, whisking to combine as they heat. Stir in cocoa powder, sugar and salt until smooth. Add the chopped chocolate and whisk until completely melted. Remove from heat, stir in coconut extract and vanilla. While the hot chocolate heats, toast the sliced almonds in a dry skillet over medium heat for 2 to 3 minutes, stirring constantly, until golden brown. n and fragrant. Observe them: they go from golden to burnt quickly. Pour hot chocolate into mugs, top with coconut whipped cream, toasted almonds and toasted coconut flakes.
✨Flavor twist: A small pinch of cayenne pepper (1/16 teaspoon) in the base will not taste spicy but will make all other flavors more bright and lively.
🌱 Naturally dairy-free. This recipe was designed that way. Coconut cream is essential – don’t swap it for light coconut milk or the drink will be thin and watery rather than rich and satisfying.
6
🍵 Matcha white hot chocolate This one surprises people. Matcha and white chocolate seem like they should clash, but they don’t: The earthy, slightly grassy matcha cuts through the sweetness of the white chocolate perfectly, and the white chocolate softens the bitterness of the matcha. The result is elegant and unlike anything else on this list.
Beyond flavor, matcha provides a truly impressive nutritional profile. It is rich in catechins, plant antioxidants that research has linked it to heart health, improved concentration and anti-inflammatory effects. It also contains L-theanine, an amino acid that promotes calm, focused energy rather than the peaks and crashes of coffee. To learn more about what matcha does for your body, check out our guide to health benefits of green tea.
Recipe (for 2 mugs):
2 cups unsweetened oat milk (the creamiest dairy-free option for this recipe) 2 oz good quality white chocolate, chopped 1.5 teaspoons ceremonial or culinary grade matcha powder 1 teaspoon of honey or maple syrup (adjust to taste) 1/4 teaspoon pure vanilla extract Extra matcha powder for sprinkling To achieve: This step is important: whisk the matcha powder with 2 tablespoons of cold oat milk in a small bowl until it forms a smooth, lump-free paste. (Skipping this step and adding matcha directly to the hot liquid causes clumps that are very difficult to repair.) Warm the remaining oat milk over medium-low heat until steaming. Add the chopped white chocolate and whisk until completely melted. Add the matcha paste and honey, whisking vigorously until fully incorporated. Remove from heat, stir in vanilla. Pour into cups and sprinkle lightly with additional matcha powder.
✨Flavor twist: Add 1/8 teaspoon of ground cardamom with the matcha. This makes the whole drink smell and taste similar to that of a specialty tea store.
Matcha buying advice: Culinary quality is good and significantly less expensive than ceremonial quality. What matters most is color and freshness: good matcha is a bright, shiny green. Yellowish or dull matcha will taste bitter and flat. Buy from a place with good turnover and use it within months of opening.
7
🌶️ Authentic Mexican hot chocolate The most complex and rewarding on the list. Traditional Mexican chocolate (Ibarra is the most widely available brand, found in the Latin foods aisle of most grocery stores) is already spiced with cinnamon and has a slightly coarser, less refined texture than standard baking chocolate — which gives the drink a rustic, grainy richness that seems completely different from anything else here.
See also
Chili is the supporting note, not the star. It creates a background heat that lingers pleasantly after your ingestion. You could also enjoy the same chocolate-chili combination in dessert form – our chili and chocolate mug cakes use the same principle wisely.
Recipe (for 2 mugs):
2 cups whole milk (or oat milk) 2 oz Mexican Ibarra chocolate, chopped (or 2 oz 70% dark chocolate + 1 teaspoon cinnamon + 1/2 teaspoon almond extract as a substitute) 1 tablespoon unsweetened cocoa powder 1 tablespoon brown sugar, packed 1/2 teaspoon pure vanilla extract 1/4 teaspoon ground cinnamon 1/8 teaspoon ancho chili powder (start here – taste before adding) Pinch of fine sea salt 2 cinnamon sticks for garnish To achieve: Heat the milk over medium-low heat until steaming. Stir in cocoa powder, brown sugar, cinnamon, chili powder and salt. Add the chopped chocolate and whisk constantly until completely melted and smooth – keep the heat on medium-low and do not let it boil. Remove from the heat and stir in the vanilla. Froth the hot chocolate by whisking vigorously for 30 seconds or using a hand blender briefly – this creates the characteristic foam of traditional Mexican hot chocolate. Pour into mugs and serve with a cinnamon stick.
✨Flavor twist: Stir in 1 tablespoon of strong brewed coffee per cup. The chocolate and coffee amplify each other wonderfully and the result is richer and more complex without tasting like a mocha.
Note on the amount of chili pepper: 1/8 teaspoon of ancho chili powder is very mild heat – most people will feel heat rather than spiciness. Ancho is preferred over cayenne pepper here because it has a fruity, almost chocolatey quality that pairs well with cinnamon. If you only have cayenne pepper, use half the amount called for (1/16 teaspoon).
8
🍊 Orange and cardamom hot chocolate The most sophisticated recipe on the list and the one that surprises the most. Chocolate and orange are a classic pairing – anyone who has tried a Terry’s Chocolate Orange knows this intuitively. The addition of cardamom takes it to an unexpected place. The cardamom is floral and warmly spicy, and it makes the orange note more aromatic and complex, like that of a really good specialty coffee.
The trick is the orange zest, not the orange juice. The zest carries the essential oils and concentrated flavor; the juice simply adds acidity and thin citrus water that dilutes the hot chocolate without adding any real orange flavor. A large orange provides all the zest you need.
Recipe (for 2 mugs):
2 cups whole milk (or oat milk) 2 oz dark chocolate (60 to 70%), chopped 1.5 tablespoons unsweetened cocoa powder 1 tablespoon of sugar The zest of a large orange (about 1 packed teaspoon) 1/4 teaspoon ground cardamom 1/2 teaspoon pure vanilla extract Pinch of fine sea salt Optional: 1 drop of pure orange extract for a more intense orange note To achieve: Combine the milk and orange zest in a small saucepan. Warm over medium-low heat, stirring occasionally, for 3 to 4 minutes until steaming – this infuses the milk with the orange essential oils from the zest, which is the flavor base of the whole drink. Stir in cocoa powder, sugar, cardamom and salt until smooth. Add the chopped chocolate and whisk until completely melted. Taste here – if you want a stronger orange flavor, add a single drop of pure orange extract and taste again before adding more. Remove from the heat and add the vanilla. Drain the zest if you prefer or leave it in. Pour into cups.
✨Flavor twist: Balance a small square of dark orange chocolate (Lindt Excellence Orange Intense is perfect) on the rim of each cup. It’s beautiful, melts slightly as you drink, and enhances the orange flavor with each sip. This is the recipe for Christmas morning.
The freshness of cardamom matters: Ground cardamom loses its floral quality more quickly than most spices. If yours has been in the cupboard for more than a year, buy a new jar. The difference between fresh cardamom and stale cardamom is remarkable: fresh smells like perfume; the stale smells almost nothing.
☕ Hot Chocolate Tips That Really Matter Use a real chocolate bar, not chocolate chips Chocolate chips contain stabilizers that keep them from melting as smoothly as a bar. For hot chocolate, a chopped bar gives you a shiny, velvety texture that chips can’t match. Ghirardelli, Lindt, and Valrhona are all widely available and produce excellent results.
Never boil milk Boiling milk changes its texture, creates a skin and can burn at the bottom of the pan THE. You want it to smoke with tiny bubbles around the edges – around 150 to 160 degrees Fahrenheit. If you notice a strong boil, remove it from the heat immediately and let it cool for a minute before continuing.
The best plant-based milk for hot chocolate Oat milk is the best all-purpose substitute: it has a neutral sweetness and enough body to work in almost any variation. Full fat coconut milk (canned) gives the richest result and is exceptional in Candy Cane White and Almond Joy. Almond milk is thinner but adds a pleasant nutty note that works well in Almond Joy in particular. Avoid rice milk – it’s too thin for this.
Preparation and storage All of these recipes will keep in the refrigerator for up to 3 days in an airtight container. Reheat gently on the stovetop over low heat, whisking as it warms to recombine. Do not microwave – it heats unevenly and may form a skin on the surface.
Make a bigger batch for a crowd All these recipes evolve without any adjustment of the ratios. For the holidays, multiply the ingredients and keep warm in a slow cooker at lukewarm temperature, stirring from time to time. This keeps hot chocolate for up to 90 minutes and makes your entire kitchen smell amazing. Add toppings as people help themselves.
🍫 Hot Chocolate Questions, Answers What is the difference between hot chocolate and hot chocolate? Hot chocolate is made from cocoa powder, sugar and milk – it’s lighter, thinner and matches most packaged mixes. Hot chocolate is made with real melted chocolate, making it thicker, richer and more complex in flavor. The basic recipe in this article uses both cocoa powder (for depth of flavor) and a real chocolate bar (for body and texture) to get the best of both.
Which chocolate is best for homemade hot chocolate? A real chocolate bar is much better than chocolate chips, which contain stabilizers that affect how smoothly they melt. For a classic hot chocolate, 60-70% dark chocolate provides the best balance of richness and depth without being too bitter. Ghirardelli Bittersweet, Lindt Excellence 70%, and Valrhona Caraibe are all excellent choices available in most grocery stores.
Can I make hot chocolate without dairy? Yes, every recipe here works with dairy-free milk. Oat milk provides the closest texture and body to whole milk. Full fat coconut milk is the richest and most delicious option. Almond milk is thinner but works well in the Almond Joy variation where the almond flavor is a feature and not a compromise.
How do you make hot chocolate thicker? Use whole milk or full-fat coconut milk, slightly increase the amount of chopped chocolate, and stir in 1/2 teaspoon cornstarch mixed with 1 tablespoon cold milk at the beginning of the recipe. This is how European-style hot chocolate achieves its ganache-like consistency.
Why does my hot chocolate taste grainy? Two common causes: the milk has become too hot and scalded (above a boil) or the chocolate has seized – which happens when chocolate comes into contact with even a tiny amount of water before it is completely melted. Always make sure your whisk and pan are dry and keep the heat on medium-low. If your drink seizes up, try stirring in a tablespoon of warm milk and see if it settles back down.
Can I make hot chocolate in a slow cooker? Yes, and it’s great for serving a crowd. Add all ingredients except the vanilla to the slow cooker and cook over low heat, stirring every 20 to 25 minutes, until everything is melted and smooth – usually about 30 to 40 minutes total. Stir in the vanilla, then heat and keep covered, stirring occasionally. It holds up well for up to 90 minutes on the warm setting.
☕ More enjoyable drinks worth making If hot chocolate season has you craving hot drinks, here are some other favorites from the Better Living kitchen:
Dark hot chocolate – for when you want something deeply and intensely chocolaty Hot chocolate bombs — a fun way to offer (or treat yourself to) homemade hot chocolate Hot apple cider — the natural companion to hot drinks of the hot chocolate season Spiced apple cider – warm, fragrant and beautiful Eggnog Latte – rich and festive, very easy to make at home Hot and healthy toddy — for evenings that require a little more warmth And if chocolate is your love language, don’t miss our 12 Decadent Chocolate Dessert Recipes — the perfect next step after mastering the mug. 🍫
🍫One last thing: These recipes were written for real family kitchens with usual grocery store ingredients. You don’t need specialty chocolate or exotic milks to achieve results worth being proud of. Use what you have, taste as you go, and make it your own. This is exactly what makes homemade better than anything that comes from a box, and way better than anything that comes from a package.
Better Living uses affiliate links. If you make a purchase through them, we may receive a small commission (for which we are deeply grateful) at no cost to you..
