Colors
verdant
main (≈350)
#44a474hover (≈405)
#329465active (≈450)
#1d8557active.hover (≈500)
#00764920
#f5faf750
#e6f2ea100
#cde5d6150
#b3d8c2200
#9acbae300
#64b188400
#339566500
#00774a600
#00592f700
#003d15800
#002300evergreen
main (≈605)
#00543ehover (≈650)
#004631active (≈695)
#003925active.hover (≈740)
#002c1920
#f7f9f850
#eaf0ed100
#d6e1dc150
#c2d2cb200
#aec4ba300
#87a79a400
#618b7a500
#39705c600
#03553f700
#003a26800
#00200eever
main (≈680)
#003d2dhover (≈725)
#003021active (≈775)
#002315active.hover (≈820)
#00170a20
#f7f9f850
#ecefee100
#d8e0dd150
#c5d1cc200
#b3c2bb300
#8ea49b400
#6b887c500
#486c5e600
#255242700
#003828800
#001e11primary
main (≈350)
#44a474hover (≈405)
#329465active (≈450)
#1d8557active.hover (≈500)
#00764920
#f5faf750
#e6f2ea100
#cde5d6150
#b3d8c2200
#9acbae300
#64b188400
#339566500
#00774a600
#00592f700
#003d15800
#002300secondary
main (≈605)
#00543ehover (≈650)
#004631active (≈695)
#003925active.hover (≈740)
#002c1920
#f7f9f850
#eaf0ed100
#d6e1dc150
#c2d2cb200
#aec4ba300
#87a79a400
#618b7a500
#39705c600
#03553f700
#003a26800
#00200egray
main (≈45)
#f0f0f0hover (≈95)
#dfdfdfactive (≈145)
#cfcfcfactive.hover (≈195)
#bfbfbf20
#f8f8f850
#eeeeee100
#dedede150
#cecece200
#bebebe300
#9e9e9e400
#808080500
#636363600
#484848700
#2e2e2e800
#161616darkGray
main (≈415)
#7b7b7bhover (≈470)
#6c6c6cactive (≈520)
#5e5e5eactive.hover (≈570)
#50505020
#f8f8f850
#eeeeee100
#dedede150
#cecece200
#bebebe300
#9e9e9e400
#808080500
#636363600
#484848700
#2e2e2e800
#161616shade
main (≈780)
#1a1a1ahover (≈830)
#0f0f0factive (≈885)
#050505active.hover (≈935)
#01010120
#f8f8f850
#eeeeee100
#dedede150
#cecece200
#bebebe300
#9e9e9e400
#808080500
#636363600
#484848700
#2e2e2e800
#161616heavyMist
main (≈65)
#e9e9e9hover (≈115)
#d9d9d9active (≈165)
#c8c8c8active.hover (≈215)
#b8b8b820
#f8f8f850
#eeeeee100
#dedede150
#cecece200
#bebebe300
#9e9e9e400
#808080500
#636363600
#484848700
#2e2e2e800
#161616lightMist
main (≈25)
#f7f7f7hover (≈75)
#e6e6e6active (≈125)
#d6d6d6active.hover (≈175)
#c6c6c620
#f8f8f850
#eeeeee100
#dedede150
#cecece200
#bebebe300
#9e9e9e400
#808080500
#636363600
#484848700
#2e2e2e800
#161616seed
main (≈65)
#d4f4d4hover (≈115)
#c4e3c4active (≈165)
#b4d3b4active.hover (≈215)
#a4c3a420
#f2fcf250
#def6dd100
#c8e8c8150
#b8d8b8200
#a9c7a9300
#8aa88a400
#6c896c500
#506c50600
#354f35700
#1b351c800
#031c05sand
main (≈35)
#fbf3dfhover (≈85)
#eae2cfactive (≈135)
#dad2bfactive.hover (≈185)
#cac2af20
#fdf8ed50
#f6eeda100
#e5deca150
#d5cdba200
#c5bdaa300
#a59e8b400
#87806e500
#6a6352600
#4e4737700
#332d1e800
#1b1507wind
main (≈80)
#dae9e4hover (≈125)
#cad9d4active (≈180)
#bac8c4active.hover (≈230)
#aab8b420
#f6f9f850
#e8f1ee100
#d3e2dd150
#c3d2cd200
#b3c2bd300
#94a29e400
#76847f500
#5a6762600
#3e4b47700
#25312d800
#0e1915border
main (≈45)
#f0f0f0hover (≈250)
#aeaeaeactive (≈300)
#9e9e9eactive.hover (≈350)
#8f8f8f20
#f8f8f850
#eeeeee100
#dedede150
#cecece200
#bebebe300
#9e9e9e400
#808080500
#636363600
#484848700
#2e2e2e800
#161616white
main (≈0)
#ffffffhover (≈25)
#f7f7f7active (≈100)
#dededeactive.hover (≈125)
#d6d6d620
#f8f8f850
#eeeeee100
#dedede150
#cecece200
#bebebe300
#9e9e9e400
#808080500
#636363600
#484848700
#2e2e2e800
#161616Contrasts
verdant
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 1:1 | Fail | Fail |
evergreen | 2,91:1 | Fail | Fail |
ever | 3,99:1 | Fail | Pass |
primary | 1:1 | Fail | Fail |
secondary | 2,91:1 | Fail | Fail |
gray | 2,71:1 | Fail | Fail |
darkGray | 1,37:1 | Fail | Fail |
shade | 5,64:1 | Pass | Pass |
heavyMist | 2,54:1 | Fail | Fail |
lightMist | 2,88:1 | Fail | Fail |
seed | 2,6:1 | Fail | Fail |
sand | 2,79:1 | Fail | Fail |
wind | 2,46:1 | Fail | Fail |
border | 1,66:1 | Fail | Fail |
white | 3,08:1 | Fail | Pass |
evergreen
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 2,91:1 | Fail | Fail |
evergreen | 1:1 | Fail | Fail |
ever | 1,37:1 | Fail | Fail |
primary | 2,91:1 | Fail | Fail |
secondary | 1:1 | Fail | Fail |
gray | 7,88:1 | Pass | Pass |
darkGray | 2,12:1 | Fail | Fail |
shade | 1,94:1 | Fail | Fail |
heavyMist | 7,4:1 | Pass | Pass |
lightMist | 8,39:1 | Pass | Pass |
seed | 7,57:1 | Pass | Pass |
sand | 8,12:1 | Pass | Pass |
wind | 7,17:1 | Pass | Pass |
border | 4,83:1 | Pass | Pass |
white | 8,98:1 | Pass | Pass |
ever
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 3,99:1 | Fail | Pass |
evergreen | 1,37:1 | Fail | Fail |
ever | 1:1 | Fail | Fail |
primary | 3,99:1 | Fail | Pass |
secondary | 1,37:1 | Fail | Fail |
gray | 10,81:1 | Pass | Pass |
darkGray | 2,91:1 | Fail | Fail |
shade | 1,41:1 | Fail | Fail |
heavyMist | 10,14:1 | Pass | Pass |
lightMist | 11,49:1 | Pass | Pass |
seed | 10,37:1 | Pass | Pass |
sand | 11,13:1 | Pass | Pass |
wind | 9,83:1 | Pass | Pass |
border | 6,63:1 | Pass | Pass |
white | 12,31:1 | Pass | Pass |
primary
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 1:1 | Fail | Fail |
evergreen | 2,91:1 | Fail | Fail |
ever | 3,99:1 | Fail | Pass |
primary | 1:1 | Fail | Fail |
secondary | 2,91:1 | Fail | Fail |
gray | 2,71:1 | Fail | Fail |
darkGray | 1,37:1 | Fail | Fail |
shade | 5,64:1 | Pass | Pass |
heavyMist | 2,54:1 | Fail | Fail |
lightMist | 2,88:1 | Fail | Fail |
seed | 2,6:1 | Fail | Fail |
sand | 2,79:1 | Fail | Fail |
wind | 2,46:1 | Fail | Fail |
border | 1,66:1 | Fail | Fail |
white | 3,08:1 | Fail | Pass |
secondary
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 2,91:1 | Fail | Fail |
evergreen | 1:1 | Fail | Fail |
ever | 1,37:1 | Fail | Fail |
primary | 2,91:1 | Fail | Fail |
secondary | 1:1 | Fail | Fail |
gray | 7,88:1 | Pass | Pass |
darkGray | 2,12:1 | Fail | Fail |
shade | 1,94:1 | Fail | Fail |
heavyMist | 7,4:1 | Pass | Pass |
lightMist | 8,39:1 | Pass | Pass |
seed | 7,57:1 | Pass | Pass |
sand | 8,12:1 | Pass | Pass |
wind | 7,17:1 | Pass | Pass |
border | 4,83:1 | Pass | Pass |
white | 8,98:1 | Pass | Pass |
gray
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 2,71:1 | Fail | Fail |
evergreen | 7,88:1 | Pass | Pass |
ever | 10,81:1 | Pass | Pass |
primary | 2,71:1 | Fail | Fail |
secondary | 7,88:1 | Pass | Pass |
gray | 1:1 | Fail | Fail |
darkGray | 3,71:1 | Fail | Pass |
shade | 15,27:1 | Pass | Pass |
heavyMist | 1,07:1 | Fail | Fail |
lightMist | 1,06:1 | Fail | Fail |
seed | 1,04:1 | Fail | Fail |
sand | 1,03:1 | Fail | Fail |
wind | 1,1:1 | Fail | Fail |
border | 1,63:1 | Fail | Fail |
white | 1,14:1 | Fail | Fail |
darkGray
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 1,37:1 | Fail | Fail |
evergreen | 2,12:1 | Fail | Fail |
ever | 2,91:1 | Fail | Fail |
primary | 1,37:1 | Fail | Fail |
secondary | 2,12:1 | Fail | Fail |
gray | 3,71:1 | Fail | Pass |
darkGray | 1:1 | Fail | Fail |
shade | 4,11:1 | Fail | Pass |
heavyMist | 3,49:1 | Fail | Pass |
lightMist | 3,95:1 | Fail | Pass |
seed | 3,57:1 | Fail | Pass |
sand | 3,83:1 | Fail | Pass |
wind | 3,38:1 | Fail | Pass |
border | 2,28:1 | Fail | Fail |
white | 4,23:1 | Fail | Pass |
shade
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 5,64:1 | Pass | Pass |
evergreen | 1,94:1 | Fail | Fail |
ever | 1,41:1 | Fail | Fail |
primary | 5,64:1 | Pass | Pass |
secondary | 1,94:1 | Fail | Fail |
gray | 15,27:1 | Pass | Pass |
darkGray | 4,11:1 | Fail | Pass |
shade | 1:1 | Fail | Fail |
heavyMist | 14,34:1 | Pass | Pass |
lightMist | 16,25:1 | Pass | Pass |
seed | 14,66:1 | Pass | Pass |
sand | 15,74:1 | Pass | Pass |
wind | 13,89:1 | Pass | Pass |
border | 9,36:1 | Pass | Pass |
white | 17,4:1 | Pass | Pass |
heavyMist
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 2,54:1 | Fail | Fail |
evergreen | 7,4:1 | Pass | Pass |
ever | 10,14:1 | Pass | Pass |
primary | 2,54:1 | Fail | Fail |
secondary | 7,4:1 | Pass | Pass |
gray | 1,07:1 | Fail | Fail |
darkGray | 3,49:1 | Fail | Pass |
shade | 14,34:1 | Pass | Pass |
heavyMist | 1:1 | Fail | Fail |
lightMist | 1,13:1 | Fail | Fail |
seed | 1,02:1 | Fail | Fail |
sand | 1,1:1 | Fail | Fail |
wind | 1,03:1 | Fail | Fail |
border | 1,53:1 | Fail | Fail |
white | 1,21:1 | Fail | Fail |
lightMist
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 2,88:1 | Fail | Fail |
evergreen | 8,39:1 | Pass | Pass |
ever | 11,49:1 | Pass | Pass |
primary | 2,88:1 | Fail | Fail |
secondary | 8,39:1 | Pass | Pass |
gray | 1,06:1 | Fail | Fail |
darkGray | 3,95:1 | Fail | Pass |
shade | 16,25:1 | Pass | Pass |
heavyMist | 1,13:1 | Fail | Fail |
lightMist | 1:1 | Fail | Fail |
seed | 1,11:1 | Fail | Fail |
sand | 1,03:1 | Fail | Fail |
wind | 1,17:1 | Fail | Fail |
border | 1,73:1 | Fail | Fail |
white | 1,07:1 | Fail | Fail |
seed
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 2,6:1 | Fail | Fail |
evergreen | 7,57:1 | Pass | Pass |
ever | 10,37:1 | Pass | Pass |
primary | 2,6:1 | Fail | Fail |
secondary | 7,57:1 | Pass | Pass |
gray | 1,04:1 | Fail | Fail |
darkGray | 3,57:1 | Fail | Pass |
shade | 14,66:1 | Pass | Pass |
heavyMist | 1,02:1 | Fail | Fail |
lightMist | 1,11:1 | Fail | Fail |
seed | 1:1 | Fail | Fail |
sand | 1,07:1 | Fail | Fail |
wind | 1,06:1 | Fail | Fail |
border | 1,57:1 | Fail | Fail |
white | 1,19:1 | Fail | Fail |
sand
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 2,79:1 | Fail | Fail |
evergreen | 8,12:1 | Pass | Pass |
ever | 11,13:1 | Pass | Pass |
primary | 2,79:1 | Fail | Fail |
secondary | 8,12:1 | Pass | Pass |
gray | 1,03:1 | Fail | Fail |
darkGray | 3,83:1 | Fail | Pass |
shade | 15,74:1 | Pass | Pass |
heavyMist | 1,1:1 | Fail | Fail |
lightMist | 1,03:1 | Fail | Fail |
seed | 1,07:1 | Fail | Fail |
sand | 1:1 | Fail | Fail |
wind | 1,13:1 | Fail | Fail |
border | 1,68:1 | Fail | Fail |
white | 1,11:1 | Fail | Fail |
wind
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 2,46:1 | Fail | Fail |
evergreen | 7,17:1 | Pass | Pass |
ever | 9,83:1 | Pass | Pass |
primary | 2,46:1 | Fail | Fail |
secondary | 7,17:1 | Pass | Pass |
gray | 1,1:1 | Fail | Fail |
darkGray | 3,38:1 | Fail | Pass |
shade | 13,89:1 | Pass | Pass |
heavyMist | 1,03:1 | Fail | Fail |
lightMist | 1,17:1 | Fail | Fail |
seed | 1,06:1 | Fail | Fail |
sand | 1,13:1 | Fail | Fail |
wind | 1:1 | Fail | Fail |
border | 1,48:1 | Fail | Fail |
white | 1,25:1 | Fail | Fail |
border
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 1,66:1 | Fail | Fail |
evergreen | 4,83:1 | Pass | Pass |
ever | 6,63:1 | Pass | Pass |
primary | 1,66:1 | Fail | Fail |
secondary | 4,83:1 | Pass | Pass |
gray | 1,63:1 | Fail | Fail |
darkGray | 2,28:1 | Fail | Fail |
shade | 9,36:1 | Pass | Pass |
heavyMist | 1,53:1 | Fail | Fail |
lightMist | 1,73:1 | Fail | Fail |
seed | 1,57:1 | Fail | Fail |
sand | 1,68:1 | Fail | Fail |
wind | 1,48:1 | Fail | Fail |
border | 1:1 | Fail | Fail |
white | 1,86:1 | Fail | Fail |
white
| Text color | Contrast | Small text | Large text |
|---|---|---|---|
verdant | 3,08:1 | Fail | Pass |
evergreen | 8,98:1 | Pass | Pass |
ever | 12,31:1 | Pass | Pass |
primary | 3,08:1 | Fail | Pass |
secondary | 8,98:1 | Pass | Pass |
gray | 1,14:1 | Fail | Fail |
darkGray | 4,23:1 | Fail | Pass |
shade | 17,4:1 | Pass | Pass |
heavyMist | 1,21:1 | Fail | Fail |
lightMist | 1,07:1 | Fail | Fail |
seed | 1,19:1 | Fail | Fail |
sand | 1,11:1 | Fail | Fail |
wind | 1,25:1 | Fail | Fail |
border | 1,86:1 | Fail | Fail |
white | 1:1 | Fail | Fail |