Our colours

Primary palette

In digital applications, true black (#000000) and true white (#ffffff) should be avoided for accessibility of contrast. Note the use of slight tints in the digital format.

Core Yellow

Yellow is our core colour used throughout the brand to create brand recognition.

PMS

Uncoated PMS 121 U
Coated PMS 123 C

CMYK

C0 M20 Y80 K0

Digital

rgba(255, 205, 0, 1)
#ffcd00

Contrast Orange

Orange is an inaccessible colour and should be used sparingly in digital: for graphics or visual flair.

PMS

Uncoated PMS 021 U
Coated PMS 021 C

CMYK

C0 M74 Y97 K0

Digital

rgba(255, 79, 0, 1)
#ff4f00

Cold Black

True black in print, for clarity; a tint of black in digital, for accessibility.

CMYK

Uncoated C0 M0 Y0 K100
Coated C0 M0 Y0 K100

Digital

rgba(30, 30, 30, 1)
#1e1e1e

Fresh White

White gives sense of clarity and allows the colours to be emphasised.

CMYK

Uncoated C0 M0 Y0 K0
Coated C0 M0 Y0 K0

Digital

rgba(254, 254, 254, 1)
#fefefe

Supporting palette

Our accent colours and tints make up the secondary palette and their role is to support - never to conflict with or detract from - the primary palette.

Sand 100

Sand is a light neutral colour that is used to support the primary palette.

PMS

Uncoated PMS 9163 U
Coated PMS 021 C

CMYK

C10 M13 Y23 K0

Digital

rgba(233, 217, 200, 1)
#e9d9c8

Sand 75

A 75% tint of the full Sand colour, not used in web applications.

PMS

Uncoated PMS U
Coated PMS C

CMYK

C M Y K

Digital

rgba(239, 227, 213, 1)
#efe3d5

Sand 50

A 50% tint of the full Sand colour.

PMS

Uncoated PMS U
Coated PMS C

CMYK

C M Y K

Digital

rgba(244, 235, 228, 1)
#f4ebe4

Sand 25

A 25% tint of the full Sand colour.

PMS

Uncoated PMS U
Coated PMS C

CMYK

C M Y K

Digital

rgba(250, 247, 242, 1)
#faf7f2

Earth

Earth is a dark neutral colour that is used to create warmth and flexibility instead of using full black. It is a strong supporting colour and is not used in tints.

PMS

Uncoated PMS U
Coated PMS C

CMYK

C M Y K

Digital

rgba(96, 51, 45, 1)
#60332d

User interface palette

The colours are used in web and digital applications to create meaning and ease of use for interfaces. They are not used elsewhere.

Cool Grey 90

Digital

rgba(33, 39, 42, 1)
#21272a

Cool Grey 80

Digital

rgba(53, 58, 63, 1)
#353a3f

Cool Grey 70

Digital

rgba(77, 83, 87, 1)
#4d5357

Cool Grey 60

Digital

rgba(105, 112, 119, 1)
#697077

Cool Grey 50

Digital

rgba(135, 141, 151, 1)
#878d97

Cool Grey 40

Digital

rgba(161, 169, 177, 1)
#a1a9b1

Cool Grey 30

Digital

rgba(193, 199, 205, 1)
#c1c7cd

Cool Grey 20

Digital

rgba(221, 225, 231, 1)
#dde1e7

Cool Grey 10

Digital

rgba(241, 243, 247, 1)
#f1f3f7

Data visualisation palette

Our data visualisation colours are used to create meaning and ease of use for charts, maps, infographics, etc. The specific data vis colours used are chosen to suit the application. Apart from Core Yellow and Contrast Orange, these colours are never used elsewhere.

Core Yellow