Always use the Civil Service LGBT+ Network colour palette.
Colour contrast
You must make sure that the contrast ratio of text and interactive elements in your service meets level AA of the Web Content Accessibility Guidelines (WCAG 2.1).
The colours ending --accessible already meet this standard when compared against a white or #FFFFF background or foreground at small text-sizes. You can use this online checker to check whether your choices meet this standard.
Colour pallette
If you are developing a site using the theme files, access the colours using color("colour"), where colour is the name of the colour listed below. Otherwise, use the hexcodes.
| Colour name | Hex code |
|---|---|
white
|
#ffffff
|
light-gray
|
#DEE0E2
|
gray
|
#BFC1C3
|
dark-gray
|
#6F777B
|
black
|
#0B0C0C
|
blue
|
#2f3590
|
magenta
|
#e6007e
|
magenta--accessible
|
#AD005F
|
magenta--light
|
#FFE6F4
|
red
|
#e30613
|
yellow
|
#ffed00
|
yellow--accessible
|
#817800
|
green
|
#00853e
|
cyan
|
#009fe3
|
cyan--accessible
|
#007EB4
|
purple
|
#312783
|