Colors

Brand

Our design system includes two brands, Hornet and Vade:

Primary

This is our main colour in light mode, offering good accessibility thanks to its darker tones and representing the design and personality of Hornet brand. This colour is mainly used for the key elements of our design.

Color / Primary
900
#264507
800
#40730c
700
#59a011
600
#66b814
500
#78d31d
400
#94ea3e
300
#adef6c
200
#c7f49a
100
#e0f9c8
opacity
rgba(120,211,29,0.12)

Secondary

This is our second main colors. It is manly use in combination with the primary for brand purpose. It is also used as the alternative of the primary in dark mode.

Color / Secondary
900
#525c00
800
#728000
700
#9eb200
600
#bed600
500
#cfe51a
400
#d8eb47
300
#e2f075
200
#ecf5a3
100
#f5fad1
opacity
rgba(190,214,0,0.15)

Primary

This is our main colour in light mode, offering good accessibility thanks to its darker tones and representing the design and personality of Vade brand. This colour is mainly used for the key elements of our design.

Color / Primary
900
#3d0264
800
#5b0396
700
#7a04c8
600
#9805fa
500
#ad37fb
400
#c169fc
300
#d69bfd
200
#eacbfe
100
#f5e6fe
opacity
rgba(193,105,252,0.12)

Secondary

This is our second main colors. It is manly use in combination with the primary for brand purpose. It is also used as the alternative of the primary in dark mode.

Color / Secondary
900
#660044
800
#990066
700
#e00096
600
#ff00aa
500
#ff33bb
400
#ff80d4
300
#ff99dd
200
#ffccee
100
#ffe5f6
opacity
rgba(255,51,187,0.12)