Colors
Gray palette
gray
#cacbce
50
#f4f4f6
100
#f2f2f3
150
#e4e5e7
200
#cacbce
300
#afb0b6
400
#95969d
500
#7a7c85
600
#62636a
700
#494a50
800
#313235
900
#18191b
1000
#00020c
Palettes
darkblue
#0015a8
100
#dbe0ff
200
#a8b3ff
300
#7586ff
400
#425aff
500
#0f2dff
600
#001bdb
700
#0015a8
800
#000f75
900
#000842
blue
#0099cc
100
#ccf2ff
200
#b3ecff
300
#80d7ff
400
#4cccff
500
#0099cc
600
#007399
700
#006080
800
#004d66
900
#003242
turquoise
#00f0bc
100
#bdffed
200
#80ffdd
300
#52ffd1
400
#1fffc3
500
#00f0bc
600
#00bd94
700
#009474
800
#005744
900
#00241c
green
#20cb28
100
#c8f9ca
200
#91f396
300
#72e978
400
#41e149
500
#20cb28
600
#17ab1f
700
#117916
800
#094e0b
900
#083a0a
red
#b8180a
100
#fbcbc5
200
#f8958c
300
#f57266
400
#f14337
500
#e51e10
600
#b8180a
700
#881106
800
#570a05
900
#3b0602
orange
#e6700f
100
#fbddc1
200
#f8c08c
300
#f5ab66
400
#f2933a
500
#e6700f
600
#b8550a
700
#884106
800
#572a05
900
#3b1b02
yellow
#f2be3a
100
#fbecc5
200
#f8d98c
300
#f6ce6a
400
#f2be3a
500
#eaa510
600
#b8870a
700
#886606
800
#573e05
900
#3a2903
Some gradients
bg-gray-50#009474
bg-gray-1000#00020c
Example text
Example text
Contrast Ratio: 18.85
- Small TextAA (min. 4.5) :AAA (min. 7) :
GOOD
GOOD
- Large Text AA (min. 3) :AAA (min. 4.5) :
GOOD
GOOD
- UI Comp AA (min. 3) :AAA (min. 4.5) :
GOOD
GOOD