BETA This is a new service — your feedback will help us to improve it.

Back to styles

Colour

The LEEDS.GOV.UK colour palette.

Main colours

$blue
$light-blue
$dark-blue
$lighter-blue
$green
$light-green
$dark-green
$lighter-green
$red
$light-red
$dark-red
$lighter-red
$yellow
$light-yellow
$dark-yellow
$lighter-yellow

Shades of grey

$black
$light-black
$dark-grey
$grey
$light-grey
$lighter-grey
$white

Colour usage

Brand / Link colour $brand-color
$base-link-color
Button colour $primary-button-background-color
Error colour $red
Panel colour $panel-color
Main font colour $base-font-color
Secondary font colour $secondary-font-color
Input border colour $input-border-color
Border colour $border-color
Section background colour $lighter-grey

Accessibility: Colour contrast

The colour contrast ratio for text and interactive elements should be at least 4.5:1 as recommended by the W3C.

Back to top