Colours used on gov.je

​Primary colours

We use a restricted colour palette on gov.je to provide a strong brand presence and make our website accessible for all users.

​Colour	​Codes	Usage guide
​	​Red Web: #B60011 RGB: 182, 0, 17 CMYK: 17, 100, 100, 8	​Red is the key colour that defines the gov.je website. Red is only used as an accent. Large red panels and backgrounds should be avoided.
​	​Charcoal Web: #1D1D1B RGB: 29, 29, 27 CMYK: 0, 0, 0, 100	​Charcoal is used throughout the site for text and other graphic elements instead of black.
​	​Dark grey Web: #585958 RGB: 88, 89, 88 CMYK: 0, 0, 0, 74	​Dark grey is used as an alternative accent colour to the red. Dark grey is used for the cookie message and for the header background on the blog.gov.je website.
​	​Mid-grey Web: #7D7D7D RGB: 125, 125, 125 CMYK: 0, 0, 0, 60	​This grey is used for the keyline under the light grey area on the home page that holds the search box. It provides a mid-tone option between the pale and dark greys in the primary palette.
​	​Pale grey Web: #E0E0E0 RGB: 224, 224, 224 CMYK: 0, 0, 0, 15	​This colour is used for the borders of tables and the boxes around the page numbers as part of the paging controls on the search page template.
​	​Light grey Web: #EEF0F0 RGB: 238, 240, 240 CMYK: 0, 0, 0, 7	​Light grey is used on the site to help separate sections of pages for users. For example the side-panel site pages on gov.je that holds contact details.
​	​White Web: #FFFFFF RGB: 255, 255, 255 CMYK: 0, 0, 0, 0	​Use of white and whitespace is key to keeping the government suite of websites usable and accessible. The background of all pages should be white. Coloured panels are used only to help differentiate sections of a page.

Secondary colours

Secondary colours should only be used to complement the primary colours. They are used for design elements across the website, not for general use.

Colour	​Codes	Usage guide
​	​Focus blue light Web: #67b0EA RGB: 103, 176, 234 CMYK: 55, 18, 0, 0	​The focus blue light is used with the focus dark blue colour. We've chosen it as a contrast to the red and charcoal colours. It's used for accessibility controls; when a user tabs through a page, different elements highlight using this colour.
​	​Focus blue dark Web: #095AA2 RGB: 9, 90, 162 CMYK: 96, 70, 0, 0	​The focus dark blue is used with the focus light blue colour. It contrasts the red and charcoal colours. It's used for accessibility controls; when a user tabs through a page, the different elements highlight using this colour.
​	Primary button Web: #01942a RGB: 49, 178, 85 CMYK: 76, 1, 92, 0	​This green colour is reserved for form action buttons and other call-to-actions on the website that need positive reinforcement.
​	​Secondary button Web: #0047af RGB: 21, 101, 214 CMYK: 84, 62, 0, 0	This blue colour is reserved for buttons throughout the site. Blue buttons are used as a secondary option, to complement the green buttons for the primary action.​

Colour exceptions for charts, graphs and data tables

There are 3 colours available to use for charts, graphs and data tables on gov.je.

Simple charts use grey or red. More detailed charts will need to use mixed colours.

These colours are restricted to charts and graphs only.

​Colour	​Codes
​	​Grey-lightest Web: #D4D3D3 RGB: 212, 211, 211 CMYK: 0, 0, 0, 22
​	​Grey-lighter Web: #B9B9B6 RGB: 185, 185, 182 CMYK: 0, 0, 0, 34
​	​Grey-light Web: #91918E RGB: 145, 145, 142 CMYK: 0, 0, 0, 52
​	​Grey-dark Web: #6B6A69 RGB: 107, 106, 105 CMYK: 0, 0, 0, 67
​	​Grey-darker Web: #474744 RGB: 71, 71, 68 CMYK: 0, 0, 0, 80
​	​Grey-darkest Web: #1C1C1B RGB: 28, 28, 25 CMYK: 0, 0, 0, 92
​	​Red-lightest Web: #FF9A75 RGB: 255, 154, 117 CMYK: 0, 49, 53, 0
​	​Red-lighter Web: #FB5536 RGB: 251, 84, 54 CMYK: 0, 82, 84, 0
​	​Red-light Web: #B91806 RGB: 185, 24, 6 CMYK: 19, 100, 100, 11
​	​Red-dark Web: #8B0F00 RGB: 139, 15, 0 CMYK: 27, 100, 100, 32
​	​Red-darker Web: #5D0600 RGB: 93, 6, 0 CMYK: 36, 94, 54, 37
​	​Red-darkest Web: #420302 RGB: 66, 3, 2 CMYK: 47, 84, 76, 72
​	​Mixed-red Web: #B91806 RGB: 185, 24, 6 CMYK: 19, 100, 100, 11
​	​Mixed-blue Web: #334582 RGB: 51, 69, 130 CMYK: 93, 83, 20, 6
​	​Mixed-pink Web: #FF39D4 RGB: 255, 57, 212 CMYK: 14, 81, 0, 0
​	​Mixed-orange Web: #FF7E11 RGB: 255, 126, 17 CMYK: 0, 63, 100, 0
​	​Mixed-light-blue Web: #86B5FF RGB: 134, 181, 255 CMYK: 42, 21, 0, 0
​	​Mixed-light-grey Web: #ACABA8 RGB: 172, 171, 168 CMYK: 0, 0, 0, 40
​	​Tides-table: light-blue Web: #E5F5FE RGB: 229, 245, 254 CMYK: 8, 0, 0, 0
​	​Tides-table: mid-blue Web: #9abdcb RGB: 154, 189, 203 CMYK: 39, 15, 15, 0