BLOG

The Colours of London Underground, Overground & DLR

1st April 2017

Over the years, I've been impressed with Transport for London's commitment to design. From the iconic, yet constantly evolving tube map created by Harry Beck in 1931, to the consistency of the signage and colours. So it was no surprise to me that TfL have an extensive and in-depth library of documents related to their design guidelines.

Whilst building my latest application, I needed the individual colours unique to each line of the tube lines. Whilst all the colours are described in their "Colour Standard" document, this was a little inefficient when creating a stylesheet with CSS classes for each line. I've compiled each of the colours for Tube, Overground, TfL Rail and DLR lines into this handy table:

Line CMYK Value RGB Value Hex Code
Bakerloo 0, 95, 100, 0 137, 78, 36 #894E24
Central 0, 58, 100, 33 220, 36, 31 #DC241F
Circle 0, 16, 100, 0 255, 206, 0 #FFCE00
District 95, 0, 100, 27 0, 114, 41 #007229
Hammersmith & City 0, 45, 10, 0 215, 153, 175 #D799AF
Jubilee 5, 0, 0, 45 134, 143, 152 #868F98
Metropolitan 5, 100, 0, 40 117, 16, 86 #751056
Northern 0, 0, 0, 100 0, 0, 0 #000000
Piccadilly 100, 88, 0, 5 0, 25, 168 #0019A8
Victoria 85, 19, 0, 0 0, 160, 226 #00A0E2
Waterloo & City 47, 0, 32, 0 118, 208, 189 #76D0BD
London Overground 0, 61, 97, 0 232, 106, 16 #E86A10
TfL Rail 100, 88, 0, 5 0, 25, 168 #0019A8
DLR 87, 0, 38, 0 0, 175, 173 #00AFAD

Source: Transport for London Colour Standard, Issue 3, January 2009 (PDF)

← Back to all posts