MTR colour coding

Keith Tam
Keith Tam
Apr 1, 2013 · 4 min read

Hong Kong’s railway system (MTR) currently has nine lines, each denoted with a colour. The original system only had three lines with three easy to distinguish colours: red (Tsuen Wan), green (Kwun Tong) and blue (Island). When the system extended to Tseung Kwan O, purple was introduced, then to Tung Chung (orange). These were all distinct and easy to call by name. It became a little problematic when the Airport Express introduced a teal colour with a dot pattern. The hue is somewhere between the original blue and green lines. When the East, West and Ma On Shan railways were acquired from Kowloon–Canton Railways and merged with the existing MTR network, the colour coding problem was accentuated. The original East, West and Ma On Shan railways had no colour coding because they were standalone lines and not part of the same network. The light blue and fuchsia for the East and West Rail lines are particularly problematic. The fuchsia is too close to the purple, and can also easily confuse with the red and blue. (MTR system map, 1.3MB PDF)

[caption id=”attachment_141" align=”alignleft” width=”300"]

Platform directional sign
Platform directional sign

Directional signs using coloured circles with platform numbers. These circular spots of colours with numbers in them mislead users into thinking that they are line numbers, but in fact the railway lines are not numbered in Hong Kong.[/caption]

The line colours are used extensively in the signage, though the application is sometimes inconsistent. The lines in the network and line diagrams are always in the respective colours. However, directional signage that points to platforms of two train directions use a coloured circle with a number inside, indicating the platform numbers. This symbolism is more commonly used to indicate line numbers, as it is true in Paris, Tokyo and Beijing. In fact, passengers do not need to know platform numbers in a metro system, as trains always leave from the same platform. It is also difficult to recognise the colours in the area of a small circle.

[caption id=”attachment_148" align=”alignleft” width=”300"]

Backlit directional sign
Backlit directional sign

This is a new type of directional sign, with the entire background in the line colour. The colour is not consistent, and at this station here (Tsim Sha Tsui) where the red line crosses with the fuchsia line. It is difficult to see the difference between these two very similar colours. It is not obvious that the background colour of the sign is a colour code.[/caption]

Another recent idea that the MTR has implemented is back- and front-lit directional signs with the line colour as the background colour at Tsim Sha Tsui/East Tsim Sha Tsui stations. The designer’s rationale might have been that the colour coding would be immediately apparent, as there is more of it on the sign. But users tend to notice the message rather than the background colour and unable to tell that it is a colour code. The fuchsia and red lines interchange at Tsim Sha Tsui station make it impossible to distinguish between them. The colour inconsistency on the back- and front-list versions further emphasises the problem.

[caption id=”attachment_143" align=”alignleft” width=”300"]

Platform colour panelling
Platform colour panelling

The dominant colours for the platform enamel panelling are different for each station on most lines, not in the colours of the lines. This was a necessary design decision for passengers in a crowded train to quickly recognise which station that train is at, but it confuses the colour coding system for lines.[/caption]

The MTR stations in Hong Kong are rather colourful environments. Enamel panelling on the platforms of the older underground stations use a variety of colours. This was a useful design decision for passengers in crowded trains to immediately recognise which station the train is at. Colour panelling adds identity to otherwise undistinguished and monotonous underground stations, but tends to weaken the colour identity of each line. Above-ground stations do not have a need for this, as landmarks are visible from the windows. Though the company has decided to make above-ground stations consistent with the other stations after the rail merger. This is no doubt a branding move. The once blue-and-white signs for the above-ground stations have been replaced with a variety of pastel colours. They are aesthetically atrocious but also further weaken the line identities, not to mention camouflaging the information with the already busy outdoor environment.

My recommendation to MTR is to strengthen the line identities by reinforcing the colour coding system: consistently use coloured lines as the only graphic format for indicating the railway lines (lose the circles and platform numbers); implement a line and station numbering system (especially important for non-Chinese- or English-speaking visitors); ensure colour consistency and distinctiveness across different media (front-lit, back-lit, inkjet printed, screen printed, digital screens, etc.); and minimise the use of large varieties of colours for other things (for example patterns maybe used for station identity rather than relying on colours).

The MTR system is one of the most efficient and well managed mass transit systems in the world. When I ask visitors from overseas what they remember most of Hong Kong, a surprising number of people mention the MTR. The information design is already quite serviceable. There is no reason why it can’t be made even better and exemplary for the rest of the world.

[gallery type=”rectangular” ids=”141,144,145,146,142,148,149,147,150,143,165,164"]

(in)visible (de)signs

Discussing communication design on a meta level

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store