Colour

Primary colours

These are the colours that will be part of the website's codebase. They can be used across the website (apart from in Business Services).

 

 

Hex

RGB

CMYK

Notes

 

#000000

   

This is used for headers <h1> to <h3>

 

#333333

   

This is used as a background colour for:

  • 'feature-box' HTIs, buttons and CTAs

  • the footer and subscription component.

 

#f4f4f4

   

This is used as a background for tile components

 

#F7A70B

247, 167, 11

0, 40, 95, 0

This is used to highlight navigational elements

Secondary colours

These colours are not embedded in the codebase because they are not fully compliant with black, white or #333 text. However, when designing assets for the website, these additional colours can be used for things like accents. Whatever their context, please ensure to check their accessibility rating using tools like Contrast Checker.

 

Hex: #F8DC00

RGB: 248, 220, 0

CYMK: 6, 8, 100, 0

 

Hex: #E2EDCE

RGB: 226, 237, 206

CYMK: 15, 0, 26, 0

 

Hex: #AFCB37

RGB: 175, 203, 55

CYMK: 40, 0, 90, 0

 

Hex: #A5CAD6

RGB: 165, 202, 214

CYMK: 40, 10, 15, 0

 

 

Hex: #5D5B67

RGB: 93, 91, 103

CYMK: 37, 34, 15, 60

 

Hex: #9690A4

RGB: 150, 144, 164

CYMK: 37, 34, 15, 20

 

Hex: #451844

RBG: 69, 24, 68

CYMK: 75, 100, 34, 45

 

Hex: #642B7D

RGB: 100, 43, 125

CYMK: 76, 97, 11, 0

 

Hex: #412665

RGB: 65, 38, 101

CYMK: 90, 100, 25, 14

 

Hex: #272251

RGB: 84, 86, 102

CYMK: 78, 70, 0, 0

 

Hex: #545666

RGB: 84, 86, 102

CYMK: 78, 70, 0, 0

 

Hex: #2C4295

RGB: 44, 66, 149

CYMK: 95, 80, 0, 0

 

Hex: #D44249

RGB: 212, 66, 73

CYMK: 13, 85, 66, 0

 

Hex: #D4642B

RGB: 212, 100, 43

CYMK: 15, 70, 90, 0

 

Hex: #F0D81E

RGB: 240, 216, 30

CYMK: 0, 60, 93, 0

 

Hex: #76B837

RGB: 118, 184, 55

CYMK: 60, 0, 95, 0

 

Hex: #76922B

RGB: 118, 146, 43

CYMK: 60, 25, 100, 7

 

Hex: #39AA3E

RGB: 57, 170, 62

CYMK: 75, 0, 96, 0

 

Hex: #077BC0

RGB: 76, 123, 192

CYMK: 84, 43, 0, 0 

 

Hex: #00619B

RGB: 0, 97, 155

CYMK: 100, 50, 12, 10

 

Hex: #AE24B0

RGB: 174, 36, 176

CYMK: 50, 85, 0, 0 

 

Hex: #EE1649

RGB: 238, 22, 73

CYMK: 0, 95, 60, 0

 

Hex: #229BF9

34, 155, 249

CYMK: 100, 0, 0, 0

 


If new colours are required, e.g. for a bespoke theme, we have a proposed workflow.

 

About us 

 

  Hex RGB CYMK
 

#0B5C7B

11, 92, 123

91, 25, 0, 52

 

Business Services

 

  Hex RGB CYMK
 

#253480

37, 52, 128

71, 59, 0, 50

 

This is the only colour to be hard coded into ‘Business Services’ pages. Any additional colours used in the ‘Business Services’ section (e.g. on pages for wedding venues/receptions at the Museum) are aligned with marketing assets.

Other colour guides

Please note that brand colour schemes should be used for their specific channels i.e. don't use campaign colours for digital products.