• Home
COMPONENTS
TOKENS

Colors

neutral

0#f5f7f1
10#e4e7eb
20#cbd2d9
30#9aa5b1
40#7b8794
50#616e7c
60#52606d
70#3e4c59
80#323f4b
90#1f2933
100#10151b

teal

0#dae6de
10#a7e2bc
20#76dc99
30#4bd27a
40#28c55f
50#0fb349
60#009c37
70#007f2c
80#005b20
90#003312
100#000a04

cyan

0#dae6e4
10#a7e2d9
20#76dccc
30#4bd2be
40#28c5ae
50#0fb39b
60#009c85
70#007f6c
80#005b4e
90#00332c
100#000a09

blue

0#dae1e6
10#a7cde2
20#76b8dc
30#4ba3d2
40#288ec5
50#0f7ab3
60#00659c
70#00527f
80#003b5b
90#002133
100#00070a

orange

0#e6deda
10#e2bca7
20#dc9976
30#d27a4b
40#c55f28
50#b3490f
60#9c3700
70#7f2c00
80#5b2000
90#331200
100#0a0400

indigo

0#dadbe6
10#a7b0e2
20#7685dc
30#4b5fd2
40#2840c5
50#0f28b3
60#00179c
70#00137f
80#000e5b
90#000833
100#00020a

violet

0#dedae6
10#bca7e2
20#9976dc
30#7a4bd2
40#5f28c5
50#490fb3
60#37009c
70#2c007f
80#20005b
90#120033
100#04000a

fuschia

0#e4dae6
10#d9a7e2
20#cc76dc
30#be4bd2
40#ae28c5
50#9b0fb3
60#85009c
70#6c007f
80#4e005b
90#2c0033
100#09000a

pink

0#e6dae1
10#e2a7cd
20#dc76b8
30#d24ba3
40#c5288e
50#b30f7a
60#9c0065
70#7f0052
80#5b003b
90#330021
100#0a0007

red

0#e6dadb
10#e2a7b0
20#dc7685
30#d24b5f
40#c52840
50#b30f28
60#9c0017
70#7f0013
80#5b000e
90#330008
100#0a0002

yellow

0#e6e4da
10#e2d9a7
20#dccc76
30#d2be4b
40#c5ae28
50#b39b0f
60#9c8500
70#7f6c00
80#5b4e00
90#332c00
100#0a0900

lime

0#e1e6da
10#cde2a7
20#b8dc76
30#a3d24b
40#8ec528
50#7ab30f
60#659c00
70#527f00
80#3b5b00
90#213300
100#070a00