Colors

Danger

Danger colors can indicate actions that are destructive and cannot be undone - they require confirmation. This color can also be used for tag such as malware, high spam or alert.

Color / Danger
900
#5e0808
800
#8d0c0c
700
#bc1010
600
#eb1414
500
#ef4343
400
#f37272
300
#f7a1a1
200
#fbd0d0
100
#fde8e8
opacity
rgba(235,20,20,0.12)

 

Warning

The warning colour is used to alert you to a problem, or when a user need to pay attention to something specific.

Color / Warning
900
#662500
800
#993800
700
#cc4b00
600
#ff5c00
500
#ff7e33
400
#ff9e66
300
#ffbe99
200
#ffbe99
100
#ffefe5
Color
rgba(204,75,0,0.12)

 

Premium

Premium colors are mainly used for element that have a specific status. For example, if some features requires an extra fee, the premium colors can be apply to the following element to represent something "extra", "not accessible" yet.

Color / Premium
900
#635003
800
#957804
700
#c7a005
600
#f9c806
500
#fad338
400
#fbde6a
300
#fce99c
200
#fef4cd
100
#fefae6
opacity
rgba(249,200,6,0.12)

 

Success

The color we using to significate that an action is available, or approved.

Color / Success
900
#115528
800
#19803b
700
#22aa4f
600
#2ad563
500
#55dd82
400
#55dd82
300
#aaeec1
200
#d4f7e0
100
#eafbef
Color
rgba(42,213,99,0.12)

 

Jupiter

Juptier is a variation of the warning color. It is mainly used to secondary information that have the same overtone as the warning one.

Color / Jupiter
900
#663600
800
#995200
700
#cc6d00
600
#ff8a00
500
#ffa033
400
#ffb866
300
#ffcf99
200
#ffe7cc
100
#fff3e5
Color
rgba(255,138,0,0.12)

 

Neptune

Neptune, like jupiter and earth are extra colors. They are used for extra element that need to be visually different.

Color / Neptune
900
#145252
800
#1e7b7b
700
#28a4a4
600
#32cdcd
500
#5bd7d7
400
#84e1e1
300
#adebeb
200
#d6f5f5
100
#eafafa
Color
rgba(50,205,205,0.12)

 

Earth

Earth is an extra color. They are used for extra element that need to be visually different.

Color / Earth
900
#003066
800
#004799
700
#005fcc
600
#0077ff
500
#3392ff
400
#66adff
300
#99c9ff
200
#cce4ff
100
#e5f1ff
opacity
rgba(0,119,255,0.12)

 

Teth

Teth is used as primary color in Vade brand. In Hornet brand, it is used for extra element that need to be visually different.

Color / Teth
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)

 

Zeltros

Zeltros is used as secondary color in Vade Brand. In Hornet brand, it is used for extra element that need to be visually different.

Color / Zeltros
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)

 

Dagoba

Teth is used as primary color in Vade brand. In Hornet brand, it is used for extra element that need to be visually different.

Color / Dagoba
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)

 

Pilio

Pilio is used as secondary color in Hornet Brand. In Vade brand, it is used for extra element that need to be visually different.

Color / Pilio
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)