cyan
shade80 #006ea6
shade60 #00527c
shade40 #003753
shade20 #001b29
shade7 #000a0e
blue
shade80 #023e82
shade60 #022f61
shade40 #011f41
shade20 #011020
shade7 #00050b
violet
shade80 #592374
shade60 #431a57
shade40 #2c123a
shade20 #16091d
shade7 #08030a
red
shade80 #bc161d
shade60 #8d1116
shade40 #5e0b0e
shade20 #2f0607
shade7 #100203
yellow
shade80 #ca940f
shade60 #986f0b
shade40 #654a08
shade20 #332504
shade7 #120d01
green
shade80 #84a63d
shade60 #637c2e
shade40 #42531e
shade20 #21290f
shade7 #0c0e05
teal
shade80 #009483
shade60 #007c6c
shade40 #005c50
shade20 #00241f
shade7 #000d0b
gray
100 #ffffff
black #000000
veryDark #1a1a1a
darker #404040
mediumDark #7f7f7f
medium #999999
mediumLight #cccccc
veryLight #f1f1f1
095 #f1f1f1
090 #e6e6e6
080 #cccccc
070 #b3b3b3
060 #999999
050 #7f7f7f
040 #666666
025 #404040
015 #262626
010 #1a1a1a
000 #000000

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.