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