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
Secondary
This is your secondary brand color that will shape some of the accents around the website
900
800
700
600
500
400
300
200
100
50
Auxillary
Colors for states and overlays
Green
Orange
Red
Overlay
Overlay White