Guidance for colours

We are committed to complying with AA standard contrast ratios. To do this, we choose primary, secondary and text colours that support usability. This ensures sufficient colour contrast between elements so that users with low vision can see and use our products. The colours we use have been tested to ensure AA compliance.

Primary colours

P500
Trusted Purple
#6800cd

P300
Paper
#F5F2EF

N200
Dark neutral
#4a4541

Secondary colours

Y300
Reimagined gold
#ffd34e

Y600
Mrs Hudson gold
#DFA700

B300
Sustainable blue
#38a5eb

B600
Postgrowth blue
#075d93

G300
Boundaries green
#47dca6

G600
Fiction green
#13885d

R300
Nasty red
#ff2533

R600
Brecon red
#9c000a

All shades

Use the text colours indicated, at a minimum size of 13px and a minimum weight of 400 (bold).

C700 #3d0079

C600 #4f009c

C500 #6800cd

C400 #8407ff

C300 #9325ff

C200 #ad57ff

C100 #c78fff

C75 #e4cfff

C50 #f6ebff

N500 #24211E

N400 #2E2A27

N300 #38332f

N200 #4A4541

N100 #C0BBB6

P600 #d0c9bf

P500 #e1dcd4

P400 #EFEBE7

P300 #f5f2ef

P200 #faf7f5

P100 #fcfaf8

R700 #790007

R600 #9c000a

R500 #cd000c

R400 #ff0716

R300 #ff2533

R200 #ff5760

R100 #ff8f96

G700 #0f6a49

G600 #13885d

G500 #18b47b

G400 #28dd9b

G300 #47dca6

G200 #73e3bb

G100 #abe3ce

B700 #064873

B600 #075d93

B500 #087bc3

B400 #169bef

B300 #38a5eb

B200 #77b6dd

B100 #a5cfe8

Y700 #c29100

Y600 #dfa700

Y500 #ffc500

Y400 #ffce36

Y300 #ffd34e

Y200 #ffdf77

Y100 #ffe8a4