Colors

Light

Light colors are mostly used for background layers and shadows when our interface is in light mode or in dark mode for text color.

Light

light-900

#e6e7f0

light-800

#e9eaf2

light-700

#ecedf4

light-600

#eff0f5

light-500

#f2f3f7

light-400

#f5f6f9

light-300

#f9f9fb

light-200

#fcfcfd

light-100

#ffffff

Dark

Dark colors are used for text, but also background layer in dark mode.

Dark

dark-900

#0b0c0e

dark-800

#17181c

dark-700

#22242a

dark-600

#2e3038

dark-500

#393c46

dark-400

#454854

dark-300

#505462

dark-200

#5c6070

dark-100

#676c7e

Cloudy

Cloudy colors are new colors build to have alternative colors when the light or dark are either to light or too dark. They are mainly user for disable/inactive state or stroke.

Cloudy

cloudy-900

#2b2e3b

cloudy-800

#414458

cloudy-700

#575b75

cloudy-600

#6c7293

cloudy-500

#8a8ea8

cloudy-400

#a7aabe

cloudy-300

#c4c7d4

cloudy-200

#e2e3e9

cloudy-100

#f0f1f4