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
Purple
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
Green
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
Rose
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
Violet
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
Light Green
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
Yellow
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
Orange
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
Gradients
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
Auxillary
Colors for states and overlays
Green
Orange
Red
Overlay
Overlay White