Colors

All color tokens. Token reference: colors.*

Semantic roles

semantic.*

Page background

colors.neutrals.50

Card / surface

colors.neutrals.0

Primary text

colors.secondary.800

Muted text

rgba(255,255,255,0.9)

Success

colors.functional.green.500

Warning

colors.functional.yellow.500

Danger

colors.functional.coral.500

Info

colors.functional.purple.500

Primary

colors.primary

100

#E3F2FD

200

#BBDEFB

300

#90CAF9

400

#64B5F6

500

#55A7F8

600

#2196F3

700

#1976D2

800

#1565C0

900

#0D47A1

Secondary

colors.secondary

100

#CFD8DC

200

#B0BEC5

300

#90A4AE

400

#78909C

500

#607D8B

600

#546E7A

700

#455A64

800

#2F3136

900

#1C1E22

Neutrals

colors.neutrals

#FFFFFF

#FBFAF5

100

#F5F4EE

200

#ECEAE0

300

#DDD9CC

400

#C5C0B0

500

#9A9585

600

#6C757D

700

#4A4F57

800

#2F3136

900

#212529

Functional — Green

colors.functional.green

100

#F4F9F0

500

#C3F3AF

900

#355728

Functional — Yellow

colors.functional.yellow

100

#FFF6DF

500

#FCC45C

900

#70461E

Functional — Coral

colors.functional.coral

100

#FFE9E4

500

#FFA489

900

#6C2E22

Functional — Purple

colors.functional.purple

100

#F3EFFF

500

#BBAAFA

900

#362C5C

UI Accents

colors.ui

lemon

#F4E285

sky

#DBEAFE

Profile

colors.profile

blue

#55A7F8

pink

#F8A5C2

coral

#FFA489

orange

#FFB464

purple

#BBAAFA

green

#C3F3AF