Costa Mocha: Menu, Price, Calories, Flavours & Iced Mocha (2026)
If you enjoy the combination of espresso and chocolate, the Costa Mocha is one of the coffee drinks worth trying at Costa Coffee. It combines expertly steamed chocolate milk with espresso to create a smooth, chocolatey coffee with a distinctive espresso flavour.
Whether you prefer a traditional hot mocha, an iced mocha or a customised drink with caramel, vanilla or hazelnut syrup, Costa offers several ways to enjoy this chocolate-and-coffee combination.
But what exactly is in a Costa Mocha? How many calories does it contain? What flavours and milk alternatives can you choose? Is there an iced version, and how much does it cost?
This guide covers the Costa Mocha menu in the UK, including its ingredients, taste, official nutrition information, available customisations, allergens and ordering options.
What Is a Costa Mocha?
A Costa Mocha is an espresso-based coffee drink made with chocolate milk and espresso. Costa describes its standard mocha as expertly steamed chocolate milk blended with espresso for a caffeinated chocolate treat.
It combines two familiar flavours:
- Coffee: Espresso provides the roasted coffee taste and caffeine.
- Chocolate: Chocolate milk gives the drink its rich, sweet chocolate character.
- Steamed milk: Creates a smooth, creamy texture.
The result is a drink that sits between a traditional latte and hot chocolate. It has more chocolate flavour than a regular latte while retaining the taste of espresso.
Costa’s standard UK menu lists Mocha as a regular hot coffee option. Customers can also order an Iced Mocha for a chilled alternative.
Costa Mocha Menu 2026
Costa’s UK menu includes the following mocha options:
| Costa mocha drink | Description |
|---|---|
| Mocha | Hot espresso blended with expertly steamed chocolate milk |
| Iced Mocha | Chilled milk blended with hot chocolate powder and espresso poured over ice |
These are the standard mocha drinks listed on Costa’s UK menu. Additional flavours can be selected through available syrup customisations, subject to store availability.
| Drink | Price | Calories |
|---|---|---|
| Caffè Mocha | £5.20 | 282 kcal |
| Iced Latte | £4.75 | 102 kcal |
You should not confuse a customised mocha with a separate permanent menu drink. For example, adding caramel syrup to a standard mocha creates a customised caramel mocha rather than necessarily being a separately listed Costa product.
Costa Mocha Ingredients
The standard Costa Mocha combines espresso with chocolate milk.
Its main components are:
- Espresso: Costa’s coffee base gives the drink its caffeine and roasted coffee flavour.
- Chocolate milk: Provides the chocolate taste and creamy texture.
- Milk: Creates the smooth steamed-drink consistency.
Costa’s official menu allows customers to customise their drink with different milk options and syrups.
The exact ingredient and allergen information should always be checked on Costa’s current product page or in-store allergen guide, particularly if you have a food allergy or intolerance.
What Does Costa Mocha Taste Like?
Costa Mocha has a balanced chocolate-and-coffee taste. The chocolate flavour makes it sweeter and more indulgent than a standard latte, while espresso prevents it from tasting exactly like ordinary hot chocolate.
You can expect:
- A noticeable chocolate flavour.
- A smooth, creamy milk texture.
- A roasted espresso taste.
- A sweet finish.
- A combination of coffee bitterness and chocolate sweetness.
If you enjoy both coffee and chocolate, a mocha can be a good middle ground between a latte and a hot chocolate.
If you prefer a stronger coffee taste, you can ask for an extra espresso shot. If you prefer a sweeter drink, you can explore Costa’s available syrup options.
Costa Mocha Flavours and Syrup Options
One of the useful features of Costa’s standard mocha is that it can be customised with syrups.
Costa’s official UK Mocha product page lists the following syrup options:
| Syrup option | Flavour profile |
|---|---|
| None | Original chocolate-and-coffee taste |
| Caramel | Sweet caramel flavour |
| Vanilla | Smooth vanilla sweetness |
| Hazelnut | Sweet, nutty flavour |
| Sugar Free Caramel | Caramel-style flavour without sugar in the syrup |
| Sugar Free Vanilla | Vanilla-style flavour without sugar in the syrup |
| Sugar Free Gingerbread | Gingerbread-style flavour without sugar in the syrup |
| Sugar Free Cinnamon Bun | Cinnamon-bun-style flavour without sugar in the syrup |
Availability may vary by store and season. Check the Costa app or ask your barista about the syrups currently available.
1. Costa Caramel Mocha
A caramel mocha is a customised mocha made by adding caramel syrup to the standard chocolate-and-espresso drink.
The caramel introduces an additional buttery sweetness, making the chocolate flavour taste more dessert-like.
It is a good option if you enjoy sweet coffee drinks and want something different from the original mocha.
2. Costa Vanilla Mocha
Vanilla syrup adds a smooth, sweet flavour to the chocolate and espresso combination.
It does not replace the coffee or chocolate base. Instead, it adds another layer of sweetness and aroma.
3. Costa Hazelnut Mocha
Hazelnut syrup gives the drink a nutty flavour that works well with chocolate.
It is a useful customisation for customers who enjoy chocolate-hazelnut combinations.
Allergy note: Costa states that its hazelnut syrup does not contain any of the 14 major food allergens, including nuts. However, you should still declare any allergy and check the full drink’s allergen information because other ingredients and shared equipment may introduce risks.
4. Costa Sugar Free Caramel Mocha
You can customise a mocha with Costa’s sugar-free caramel syrup where available.
The syrup is a way to add caramel-style flavour without adding sugar from a regular caramel syrup. However, the complete drink is not sugar-free because its chocolate and milk components still contribute sugars.
5. Costa Sugar Free Vanilla Mocha
This option combines the original mocha with Costa’s sugar-free vanilla syrup.
It is suitable for customers who want vanilla flavour without the sugar contribution of regular vanilla syrup. The overall drink still contains calories and naturally occurring or ingredient-based sugars.
6. Costa Gingerbread Mocha
Costa’s official mocha customisation menu lists sugar-free gingerbread syrup.
Adding it gives the standard mocha a spiced gingerbread-style flavour. Its availability can vary, particularly outside seasonal periods.
7. Costa Cinnamon Bun Mocha
The sugar-free cinnamon bun syrup is another customisation listed on Costa’s official mocha page.
It adds a sweet, bakery-inspired cinnamon flavour to the chocolate and espresso combination.
These customisations are not all separate permanent mocha products. They are ways to personalise the standard drink using the available syrups.
Costa Mocha Calories and Nutrition
If you are watching your calorie intake, checking the nutritional information before ordering can help you make a more informed choice.
According to Costa’s official UK menu, its standard medium Mocha contains 279 calories in the listed default configuration.
Costa Mocha Nutrition Table
| Nutritional Information | Per 100ml | In Store (368ml) | Take-Out (368ml) |
|---|---|---|---|
| Energy (kJ) | 319 | 1,175 | 1,175 |
| Energy (kcal) | 76 | 279 | 279 |
| Fat (g) | 1.8 | 6.8 | 6.8 |
| of which saturates (g) | 1.2 | 4.3 | 4.3 |
| Carbohydrate (g) | 11 | 41 | 41 |
| of which sugars (g) | 9 | 33 | 33 |
| Protein (g) | 3.3 | 12 | 12 |
| Salt (g) | 0.15 | 0.56 | 0.56 |
Values are from Costa’s official UK product page for the listed medium mocha, prepared with semi-skimmed milk, Signature blend, no extra espresso shots and no added syrup. Customisations and different serving sizes can change the nutritional values.
Is Costa Mocha High in Calories?
The standard medium Costa Mocha contains 279 calories.
Its calorie content comes mainly from the chocolate and milk components, along with the espresso-based drink ingredients.
If you want to manage your calorie intake, consider checking the current nutrition information before adding extra syrup, changing milk or increasing the number of espresso shots.
Does Costa Mocha Have Sugar?
Yes. Costa’s listed medium mocha contains 33g of sugars.
Some of this comes from the chocolate and milk components. Adding regular flavoured syrup can increase the sugar content.
A sugar-free syrup may reduce the additional sugar from that syrup, but it does not make the complete mocha sugar-free.
Costa Iced Mocha
If you prefer cold coffee, Costa also offers an Iced Mocha.
Costa describes it as chilled milk blended with hot chocolate powder and espresso poured over ice for a chocolatey caffeinated drink.
It combines the familiar taste of a mocha with a refreshing iced-coffee format.
Costa Iced Mocha Ingredients
The official description identifies three main components:
- Chilled milk.
- Hot chocolate powder.
- Espresso.
The drink is served over ice, creating a cold alternative to the standard steamed mocha.
Costa Iced Mocha Calories
Costa’s official UK product page lists the following nutrition for its medium Iced Mocha:
| Nutritional information | Medium Iced Mocha |
|---|---|
| Serving size | 419ml |
| Energy | 920kJ |
| Calories | 218 kcal |
| Fat | 5.7g |
| Saturates | 3.6g |
| Carbohydrates | 31g |
| Sugars | 24g |
| Protein | 11g |
| Salt | 0.48g |
These values are for the listed medium drink made with semi-skimmed milk and the Signature blend, without extra shots.
The official product page identifies milk products as an allergen.
Costa Mocha vs Iced Mocha
| Feature | Hot Mocha | Iced Mocha |
|---|---|---|
| Temperature | Hot | Cold |
| Coffee base | Espresso | Espresso |
| Chocolate component | Chocolate milk | Hot chocolate powder |
| Milk | Steamed milk | Chilled milk |
| Texture | Warm and creamy | Chilled and refreshing |
| Official listed serving | 368ml | 419ml |
| Calories | 279 kcal | 218 kcal |
The nutritional comparison uses the specific medium servings shown on Costa’s official pages. It should not be interpreted as a like-for-like comparison of identical serving volumes.
Which Milk Can You Choose for Costa Mocha?
Costa’s UK menu provides milk and plant-based beverage customisation options.
Depending on the current store menu, customers may be able to choose from:
- Semi-skimmed milk.
- Skimmed milk.
- Whole milk.
- Soya drink.
- Coconut drink.
- Oat drink.
Availability and suitability can vary by drink and store. Check the product customisation options when ordering.
Can You Get a Dairy-Free Costa Mocha?
Do not automatically assume that changing the milk makes a Costa Mocha dairy-free.
The standard mocha contains a chocolate component, and Costa warns that some sauces and other ingredients contain allergens such as milk and soya.
Its official allergen guidance also explains that certain barista-made drinks cannot be made dairy-free even when a dairy alternative is selected.
Check the current Mocha product information and ask your barista to confirm whether the complete drink can be prepared without dairy.
Is Costa Mocha Vegan?
The standard mocha is not listed as vegan on Costa’s official product page, which identifies milk products as an allergen.
Choosing a plant-based milk does not automatically make the drink vegan. The chocolate component, other ingredients and preparation process must also be suitable.
If you follow a vegan diet, ask Costa to confirm the complete ingredient list and whether a suitable alternative can be prepared.
Does Costa Mocha Contain Caffeine?
Yes. Costa Mocha contains espresso, so it contains caffeine.
The exact caffeine content depends on the espresso configuration, including the number of shots used.
Costa’s official product page allows customers to choose extra shots, but the published standard mocha nutrition information does not provide a caffeine figure.
If you want a stronger coffee taste and more caffeine, you can ask whether an extra espresso shot is available.
Does Costa Mocha Contain Allergens?
Costa’s standard UK Mocha product page identifies milk products as an allergen.
The allergen information can differ when you change milk or customise the drink.
| Ingredient or option | Important information |
|---|---|
| Standard mocha | Milk products are declared |
| Soya drink | Soya-related allergen information must be checked |
| Coconut drink | Check current allergen and cross-contact information |
| Oat drink | Costa warns that its oat milk may contain gluten |
| Flavoured syrups | Costa states that its syrups do not contain the 14 major allergens |
| Sauces and chocolate ingredients | Some sauces contain allergens, including milk and soya |
Costa cannot guarantee that handcrafted drinks are completely free from allergens because shared equipment is used in its stores.
If you have a severe allergy, tell the barista before ordering and ask to see the current Product Allergen and Nutritional Information guide.
Costa Mocha Price UK
The price of a Costa Mocha can vary depending on the store, serving size, location, delivery service and additional customisations.
Costa’s official product page provides drink information and customisation options, but the product information used for this guide does not establish one fixed nationwide price.
For the most accurate price:
- Open the Costa Coffee app.
- Select your preferred store.
- Find Mocha or Iced Mocha in the drinks menu.
- Choose the available size and customisations.
- Check the displayed price before ordering.
You can also ask your local Costa Coffee shop for its current in-store price.
Avoid relying on old menu prices because Costa can update its pricing and promotions.
How to Order Costa Mocha
You can order a Costa Mocha in store or through Costa’s ordering options where available.
Ordering in Store
- Visit a participating Costa Coffee shop.
- Ask for a Mocha or Iced Mocha.
- Choose the available milk option.
- Add a syrup if you want a customised flavour.
- Ask for an extra espresso shot if desired.
- Confirm the price and any allergen requirements before paying.
Ordering Through the Costa App
Costa’s app allows customers to browse available menu items and order ahead at participating locations.
To order:
- Open the Costa Coffee app.
- Select a participating store.
- Browse the coffee menu.
- Choose Mocha or Iced Mocha if available.
- Select the available customisations.
- Review the order and price.
- Complete the order using the available payment options.
Menu availability can vary by location, so the drink and customisation options shown in the app may differ from another Costa store.
Costa Mocha vs Latte vs Hot Chocolate
Although these drinks may look similar, they have different ingredients and flavour profiles.
| Drink | Main ingredients | Taste |
|---|---|---|
| Costa Mocha | Espresso and steamed chocolate milk | Chocolatey with a coffee taste |
| Costa Latte | Espresso and steamed milk | Smooth, milky coffee |
| Costa Hot Chocolate | Hot chocolate and milk | Rich chocolate without the standard espresso-based mocha combination |
Choose a mocha if you want both coffee and chocolate. A latte is a better fit if you prefer a more traditional milk-based coffee, while hot chocolate is suitable when you want a chocolate drink without the standard mocha espresso base.
Costa Mocha vs Mocha Italia: What Is the Difference?
The names can be confusing because Costa uses the word “Mocha” for both a coffee drink and its signature coffee blend.
They are not the same product.
Costa Mocha drink: An espresso-based beverage made with chocolate milk.
Costa Mocha Italia: Costa’s signature coffee bean blend, made using Arabica and Robusta beans. Costa describes its flavour as smooth and nutty, with a soft, full-bodied character.
Mocha Italia is the coffee blend used in espresso-based drinks. It is not a chocolate-flavoured coffee drink by itself.
You can learn more about the blend through Costa’s official coffee blends information.
Frequently Asked Questions About Costa Mocha
What is in a Costa Mocha?
Costa Mocha is made with espresso blended with expertly steamed chocolate milk. It combines the flavour of coffee with a rich chocolate taste.
How many calories are in a Costa Mocha?
Costa’s official UK product page lists 279 calories for its medium 368ml Mocha made with semi-skimmed milk and no additional syrup or espresso shots.
Does Costa have an Iced Mocha?
Yes. Costa’s UK menu includes Iced Mocha, made with chilled milk, hot chocolate powder and espresso poured over ice.
How many calories are in a Costa Iced Mocha?
Costa lists 218 calories for its medium 419ml Iced Mocha made with semi-skimmed milk and no extra shots.
What flavours can you add to a Costa Mocha?
Costa’s official Mocha customisation page lists caramel, vanilla, hazelnut, sugar-free caramel, sugar-free vanilla, sugar-free gingerbread and sugar-free cinnamon bun syrups. Availability may vary by store.
Does Costa Mocha contain coffee?
Yes. It contains espresso, which provides its coffee flavour and caffeine.
Is Costa Mocha sweet?
Yes. The chocolate milk gives the drink a sweet chocolate flavour. You can customise it with additional syrups if you prefer a sweeter taste.
Does Costa Mocha contain caffeine?
Yes. The espresso in a standard Costa Mocha contains caffeine. The exact amount depends on the espresso configuration.
Is Costa Mocha vegetarian?
Costa’s official product page identifies the standard Mocha as vegetarian.
Is Costa Mocha vegan?
The standard mocha is not listed as vegan. Choosing plant-based milk does not automatically make the complete drink vegan because the chocolate ingredients and preparation also need to be suitable.
Is Costa Mocha dairy-free?
The standard Mocha contains milk products. A plant-based milk substitution does not necessarily make the complete drink dairy-free. Check the current ingredients and ask a barista.
Can I get a Costa Mocha with oat milk?
Costa lists oat drink among its milk alternatives. Check the current drink customisation options at your store. Costa also warns that its oat milk may contain gluten.
Can I add an extra espresso shot to Costa Mocha?
Costa’s official product page provides an extra-shot customisation option. Availability and any additional charge should be checked when ordering.
Does Costa Mocha have hazelnut syrup?
Yes. Hazelnut is listed among the syrup options on Costa’s official UK Mocha page, subject to availability.
What is the difference between Costa Mocha and hot chocolate?
A standard mocha contains espresso blended with chocolate milk. Costa Hot Chocolate is a separate chocolate drink and does not use the standard mocha espresso combination.
Is Costa Mocha available all year?
Mocha is listed on Costa’s regular UK coffee menu. Individual store availability can still vary.
What is Costa Mocha Italia?
Mocha Italia is Costa’s signature Arabica and Robusta coffee blend. Costa describes it as smooth and nutty with a soft, full-bodied taste. It is different from the Mocha beverage.
Can I order Costa Mocha through the app?
Costa’s app supports ordering ahead at participating stores. Check your selected store’s menu to see whether Mocha and your preferred customisations are available.
Final Thoughts: Is Costa Mocha Worth Trying?
Costa Mocha is a good choice if you enjoy a combination of espresso, chocolate and creamy milk. Its standard recipe brings together coffee and chocolate without tasting exactly like a traditional latte or hot chocolate.
The UK menu also offers an Iced Mocha for customers who prefer a cold coffee drink. You can personalise the standard mocha with available syrups such as caramel, vanilla, hazelnut and selected sugar-free options.
For customers checking nutrition, Costa lists its medium standard Mocha at 279 calories and its medium Iced Mocha at 218 calories. Remember that milk changes, extra espresso shots and syrups can affect the final drink.
Before ordering, check Costa’s current menu, price and allergen information for your chosen store so you know exactly what is available.
