Brand guide / Design System

icon-colourColour

Colour is used to evoke emotion and express our personality, increasing the ability for people to quickly identify us and build an association with our brand. 

Core colours

The four core colours form the foundation of our brand and a continuous thread that runs throughout our communications. They’ve been selected to carefully compliment and contrast as applications command.

colours-core-winered

Wine Red

Hex: #8D193E
RGB: 141 25 62
CMYK: 40 100 50 30
PMS: 208c

colours-core-charcoal

Charcoal

Hex: #25282A
RGB: 37 40 42
CMYK: 77 64 58 72
PMS: 440c 
colours-core-lightgrey

Light Grey

Hex: #F7F7F7
RGB: 247 247 247
CMYK: 4 2 4 8
PMS: Cool Gray 1c 

colours-core-purewhite

Pure White

Hex: #FFFFFF
RGB: 255 255 255
CMYK: 0 0 0 0
PMS: Pure brilliant white 

Supporting colours

Our supporting colours compliment our primary selection, and are carefully select to also provide tension and drama when necessary. 

colours-core-seagreen

Sea Green

Hex: #255D67
RGB: 37 93 103
CMYK: 97 0 35 57
PMS: 7715c 

colours-core-darkblue

Dark Blue

Hex: #2D4669
RGB: 45 70 105
CMYK: 100 57 9 47
PMS: 7693c 
colours-core-orange

Orange

Hex: #EA9D1B
RGB: 234 157 27
CMYK: 0 46 100 0
PMS: 144c 

colours-core-freshgreen

Fresh Green

Hex: #88EAC9
RGB: 136 234 201
CMYK: 30 0 18 0
PMS: 331c 
colours-core-softyellow

Soft Yellow

Hex: #FFF1A7
RGB: 255 241 167
CMYK: 0 3 43 0
PMS: 1205c 

colours-core-skyblue

Sky Blue

Hex: #CCECFF
RGB: 204 236 255
CMYK: 45 1 0 1
PMS: 2905c 

Tints

For use as background watermarks and similar elements where a more neutral colour is needed.

Gradients

Guidance

A few handy tips to help you on your way…

colours-guidance-01

Try not to use too many secondary colours at once.

colours-guidance-02

Ensure sufficient contrast has been set and all text is legible.