• Visual Language
  • Colors

Primary

ONS blue
#00456a
$ons-blue
ONS green
#b2bb1c
$ons-green
ONS black
#333333
$ons-black

Usage notes

The primary colour palette has been specifically developed to support flexible, straightforward and clear communication.

This colour scheme has been refined for web usage and is in keeping with ONS's brand guidelines.

Please do not introduce any new colours to the exiting palette. It is ok to use lighter or darker tints of each colour for shading, active states etc., but avoid additional colours that are not tints.

If you wish to emphasise a section of a page, try using weight, scale and proximity, or de-emphasise other areas instead.

Additional colours, even colours in the palette, can add clutter to a page.