Dark
This is a neutral colour that will be used for texts, borders, fills and other generic elements
900
800
700
600
500
400
300
200
100
50
25
0
Primary
This is your brand color that will shape alot of the accents around the website
900
800
700
600
500
400
300
200
100
50
25
Secondary Colors
These are additional brand colors.
Yellow 100
Yellow 300
Yellow 500
Blue 100
Blue 300
Blue 500
Red 100
Red 300
Red 500
Auxillary
Colors for states and overlays
Green
Orange
Red
Overlay
Overlay White