Updated on: 23 October 2017

Table of contents

  1. Greys
  2. Colours
  3. Census

Greys

Greys are used to create the core building blocks - banding, tiles, etc. - which allows colour to be added to give consistent and specific meaning.

Thunder

$thunder
#323132

Ship grey

$ship-grey
#414042

Abbey

$abbey
#58595B

Nevada

$nevada
#6D6E72

Aluminium

$aluminium
#A6A8AB

Silver

$silver
#BBBDBF

Iron

$iron
#D0D2D3

Iron light

$iron-light
#E5E6E7

Mercury

$mercury
#E5E5E5

Gallery

$gallery
#EAEAEA

Alabaster

$alabaster
#F9F9F9

White

$white
#FFFFFF

Colours

Salem is used for primary actions e.g. search, primary call to action buttons. Poppy is used to highlight errors, e.g. validation errors on forms. Carrot is used for global messages e.g alpha/beta banners or messages. Text links are Matisse.

Astral

$astral
#3B7A9E

Salem

$salem
#0F8243

Carrot

$carrot
#FF9933

Poppy

$poppy
#D32F2F

Matisse

$matisse
#206095

Census

These colours are used for census branding or/and pages.

Indigo

$indigo
#560072

Prim

$prim
#E8DFF0