Our Logo

Red

Green

BW

Grey 61% with Red Logo

Grey 6% with Red Logo

Black Monochrome

White Monochrome

Get Sandwich Colours

Darkest Green 
#3F7239

Darker Green 
#51954B

Dark shades should be used to create contrast or depth where needed and for text when on white.

Green 
#5AA352
H:114 S:50 B:64

Yellow
#FFEEA5
H:49 S:35 B:100

Red  
#DF5A49
H:7 S:67 B:87

Blue
#027AC5
H:203 S:54 B:77

The core shades from which the other colors are derived.

Lighter Green 
#83BA7D

Lighter Yellow
#FFF5CC

Lighter Red  
#E78377

Lightest Green 
#DEEDDC

Lightest Yellow
#FFFCEE

Lightest Red  
#F9DEDB

Bright shades are used to create extra contrast such as hover states and activating illustrations.

Get Sandwich Combination (Contrast > 3:1)

BG Green
#5AA352

FG Yellow
#FFEEA5

BG White
#FFFFFF

FG Green
#5AA352

BG Darker Green
#51954B

FG Yellow
#FFEEA5

BG Yellow
#FFEEA5

FG Darker Green
#51954B

BG Yellow
#FFEEA5

FG Red
#DF5A49

BG Red
#DF5A49

FG Yellow
#FFEEA5

Get Sandwich Neutrals

Black
#000000

Gray 50%
#7F7F7F

White
#FFFFFF

Secondary Neutrals (alongside the Main Neutrals)

Gray 94%
#0F0F0F

Gray 83%
#2B2B2B

Gray 72%
#474747

Gray 61%
#636363

Gray 39%
#9C9C9C

Gray 28%
#B8B8B8

Gray 17%
#D4D4D4

Gray 6%
#F0F0F0

Gray 2%
#FAFAFA

Fonts

Body text is Oxygen Regular, size 17, line height 1.5

H1 is PT Serif Caption, size 48 (3 rem), line height 1.1 em

H2 is PT Serif Caption, size 36 (2.25 rem), line height 1.2 em

H3 is PT Serif Caption, size 28 (1.75 rem), line height 1.2

H4 is PT Serif Caption, size 18 (1.125 rem), line height 1.3

H5 is PT Serif Caption, size 17 (1.0625 rem), line height 1.4
H6 is PT Serif Caption, size 16 (1 rem), line height 1.4

 

Blockquote is PT Mono 24 (1.5 rem), line height 1.5