cyan
base #0089cf
tint80 #1099d6
tint60 #5bacdf
tint40 #93c2e9
tint20 #c7ddf3
tint7 #e7f2fb
blue
base #034ea2
tint80 #4665af
tint60 #7080bf
tint40 #99a0d1
tint20 #c7cbe5
tint7 #e9ebf6
violet
base #6f2c91
tint80 #8552a1
tint60 #9c76b4
tint40 #b69cca
tint20 #d6c9e3
tint7 #eeebf5
red
base #eb1c24
tint80 #f15b46
tint60 #f58468
tint40 #f9ac90
tint20 #fdd4c2
tint7 #feeee7
yellow
base #fdb913
tint80 #ffc54e
tint60 #ffd27c
tint40 #ffdfa4
tint20 #ffedce
tint7 #fff7eb
green
base #a5cf4c
tint80 #b6d772
tint60 #c7df94
tint40 #d9e9b5
tint20 #eaf3d8
tint7 #f8fbf0
teal
base #00b49d
tint80 #50c0ad
tint60 #82cdbf
tint40 #acdcd2
tint20 #b9e1d6
tint7 #edf7f5
gray
dark #4d4848
light #e6e6e6
white #ffffff
reserved
navyBlue #002d72
appleGreen #6cc24a
sunnyYellow #f3d54e
rubyRed #ef3340
skyBlue #009cde

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.