Costa Hot Chocolate
Make Costa's indulgent hot chocolate at home with this easy copycat recipe. Rich, creamy, luxurious - topped with whipped cream and chocolate. Perfect winter warmer!
Rate This Recipe
Tried this recipe? Your rating helps others discover great dishes and appears in Google search results!

Why you’ll love it
Costa's Hot Chocolate is one of the UK's most beloved coffee shop drinks, known for its incredibly rich, velvety texture and deep chocolate flavour that feels like a luxurious treat in a cup. What sets Costa's hot chocolate apart from others is the use of real dark chocolate combined with premium cocoa powder, creating layers of chocolate intensity that satisfy even the most devoted chocoholics. The secret to that signature Costa creaminess lies in the technique - warming the milk to the perfect temperature and whisking in the chocolate until it's completely smooth and frothy. Topped with a generous swirl of whipped cream, chocolate shavings, and sometimes marshmallows, it's more dessert than drink. This homemade version captures every element of Costa's famous hot chocolate using simple ingredients you likely already have. Whether you're craving that cosy café experience on a cold day, want to save money, or simply prefer making drinks at home, this recipe delivers authentic Costa taste and quality. It's ready in just 10 minutes and costs a fraction of the high street price!
About the original
Costa Coffee was founded in London in 1971 by Italian brothers Sergio and Bruno Costa, who set out to create the perfect cup of coffee for Britain. While famous for their coffee, Costa's hot chocolate has become equally iconic, particularly popular during autumn and winter months. The company developed their hot chocolate recipe to meet British tastes for rich, indulgent drinks that provide comfort on cold, grey days.
Costa's hot chocolate is made using a specific blend of cocoa and real chocolate, creating a drink that's richer and more complex than standard hot chocolate. The company offers several variations including Luxury Hot Chocolate, Mint Hot Chocolate, and seasonal specials, but the classic version remains the most popular. With over 2,700 stores in the UK alone, Costa's hot chocolate has become a staple for millions seeking a warming treat, selling particularly well during the colder months when hot chocolate sales can triple.
Ad Space
Google AdSense
Ingredients
For the Hot Chocolate
- 250 ml Whole milk
- 40 g Dark chocolate — 70% cocoa, chopped
- 1 tbsp Cocoa powder
- 1-2 tbsp Caster sugar — to taste
- 1/4 tsp Vanilla extract
For the Topping
- Whipped cream — generous swirl
- Chocolate shavings — for sprinkling
- Marshmallows — optional
Method
Prepare the chocolate: Finely chop the dark chocolate into small pieces - the smaller the pieces, the faster and more smoothly it will melt. This is key to achieving that silky Costa texture without any lumps.
Warm the milk: Pour the milk into a small saucepan and heat over medium heat until it's steaming hot but not boiling (around 70-75°C). Watch it carefully - you want it hot enough to melt the chocolate but not so hot that it scalds. Stir occasionally to prevent a skin forming.
Add the chocolate and cocoa: Remove the pan from the heat and add the chopped dark chocolate, cocoa powder, sugar (start with 1 tbsp and add more to taste), and vanilla extract. Let it sit for 30 seconds to allow the chocolate to start melting.
Whisk to perfection: Using a whisk or milk frother, vigorously whisk the mixture for 30-60 seconds until the chocolate is completely melted and the drink is smooth, creamy, and slightly frothy on top. This whisking action creates that luxurious, velvety texture Costa is famous for. The mixture should be glossy and rich.
Taste and adjust: Give it a taste - if you prefer it sweeter, add the extra tablespoon of sugar and whisk again. If it's too thick, add a splash more milk. If you want it more intensely chocolatey, add another teaspoon of cocoa powder.
Serve Costa-style: Pour the hot chocolate into a large mug or Costa-style cup. Top with a generous swirl of whipped cream, then sprinkle with chocolate shavings. Add a few marshmallows if you like extra indulgence. Serve immediately while it's hot and the cream is still fluffy. Enjoy with a spoon to scoop up the cream!
Tips & Variations
- For the most authentic Costa taste, use 70% dark chocolate - it provides depth without being too bitter when combined with sugar.
- A milk frother creates the best texture and froth, but vigorous whisking works perfectly well too. The key is incorporating air for that velvety finish.
- Don't let the milk boil - overheated milk develops an unpleasant 'cooked' taste and won't create the silky texture you want.
- Make it extra special: add a pinch of cinnamon, a dash of peppermint extract, or a splash of Baileys for an adult version.
- For a vegan version, use oat milk (Oatly Barista works brilliantly), dairy-free dark chocolate, and coconut whipped cream.
- The drink thickens as it cools, so drink it while hot. If it does thicken, simply whisk in a splash more warm milk.
- Make luxury Costa-style: use half milk, half single cream for an ultra-rich version that's absolutely decadent.
FAQs
- Can I use milk chocolate instead of dark chocolate?
- Yes, but the taste will be sweeter and less rich than Costa's version. If using milk chocolate, reduce the sugar to 1/2 tablespoon as milk chocolate is already quite sweet. Dark chocolate (70% cocoa) gives that sophisticated, deep chocolate flavour Costa is known for.
- What type of milk works best?
- Whole milk (full-fat) creates the creamiest, most authentic Costa hot chocolate. Semi-skimmed works but will be less rich. For dairy-free, oat milk (especially barista blends) is the best alternative - it froths well and has a creamy texture. Almond milk can be too thin and watery.
- How do I make it extra frothy like Costa?
- Use a milk frother or blend the hot chocolate in a blender for 10 seconds. Alternatively, pour it between two jugs a few times (careful - it's hot!). The whisking technique in step 4 also creates good froth. Costa uses professional steam wands which create extra microfoam.
- Can I make this ahead and reheat?
- It's best made fresh, but you can make the chocolate base ahead and store it in the fridge for up to 2 days. Reheat gently in a saucepan, whisking constantly, and add a splash of milk to restore the consistency. Don't microwave as it can make the chocolate grainy.
- Why is my hot chocolate grainy or lumpy?
- This usually means the chocolate wasn't chopped finely enough or the milk was too hot and 'seized' the chocolate. Always chop chocolate finely, remove milk from heat before adding chocolate, let it sit for 30 seconds, then whisk vigorously. If it does seize, add 1-2 tbsp of hot water and whisk hard.
Nutrition (per serving)
Calories | 385 kcal |
---|---|
Protein | 11 g |
Fat | 18 g |
Carbs | 47 g |
Ad Space
Google AdSense