Our Logo

Red

Green

BW

Red

Green

Black Monochrome

White Monochrome

Get Sandwich Colours

Darkest Red 
#9C3F33

Darkest Yellow
#CCBE84

Darkest Green 
#3F7239

Darkest Blue 
#3F6C89

Darker Red 
#C06357

Darker Yellow
#E4D69C

Darker Green 
#63965D

Darker Blue 
#6390AD

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

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

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

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

Blue
#5A9BC4
H:203 S:54 B:77

The core shades from which the other colors are derived.

Lighter Red  
#E78377

Lighter Yellow
#FFF5CC

Lighter Green 
#83BA7D

Lighter Blue
#83B4D3

Lightest Red  
#F9DEDB

Lightest Yellow
#FFFCEE

Lightest Green 
#DEEDDC

Lightest Blue
#DEEBF3

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

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

Titles are Monoton, size 42

Heading & Sub-headings are Oxygen Bold, size 24 & 20

Body text is Oxygen Regular, size 16

Script text is PT Mono, size 18