blue
shade80 #001333
shade60 #002666
shade40 #003a99
shade20 #004dcc
base #0060ff
tint20 #4382fb
tint40 #74a2fc
tint60 #a4c1fd
tint80 #d2e0fe
tint92 #d8e8ff
tint95 #e5efff
tint97 #f2f7ff
red
shade80 #330d00
shade60 #661900
shade40 #992600
shade20 #cc3200
base #ff3f00
tint20 #ff663b
tint40 #ff8d6a
tint60 #ffb39b
tint80 #ffd9cd
neutral
black #000000
shade80 #061434
shade60 #253146
shade40 #38445c
shade20 #4e5a73
base #697184
tint20 #878e9d
tint40 #a5aab6
tint60 #c3c7ce
tint80 #ebecef
white #ffffff
deepBlue
shade80 #000028
shade60 #000050
shade40 #000078
shade20 #0000a0
base #0000c8
tint20 #3045cc
tint40 #6575d8
tint60 #98a5e5
tint80 #ccd2f2
purple
shade80 #20002c
shade60 #400058
shade40 #610083
shade20 #8100af
base #a100db
tint20 #b433e2
tint40 #c766e9
tint60 #d999f1
tint80 #ecccf8
neonRed
shade80 #330710
shade60 #660f21
shade40 #991631
shade20 #cc1e42
base #ff2552
tint20 #ff5173
tint40 #ff7d96
tint60 #ffa8b9
tint80 #ffd4dc
warmYellow
shade80 #332105
shade60 #66430a
shade40 #99640f
shade20 #cc8614
base #ffa719
tint20 #ffb947
tint40 #ffca75
tint60 #ffdca3
tint80 #ffedd1
tealGreen
shade80 #002815
shade60 #00502a
shade40 #007740
shade20 #009f55
base #00c76a
tint20 #33d288
tint40 #66dda6
tint60 #99e9c3
tint80 #ccf4e1

View colours in contrast checking tool.

Note: These colors are shown for reference only. Color values should never be hard-coded in the SASS/CSS and gravity-ui-web's SASS code therefore does not provide variables for these colors. Instead, only the CSS custom properties provided Gravity's color system should be referenced when applying colors to UI elements. This ensures that all UI elements work with all available color schemes.