Palette
Tokens primitifs : les nuanciers complets exposés par le design system.
Chaque famille définit une échelle de 7 à 11 nuances, du plus clair (50)
au plus foncé (950).
Ne pas consommer directement dans un composant. Passer par les
alias sémantiques qui changent automatiquement
entre thème clair et sombre.
primary / 50 #E9EEFF --color-primary-50
primary / 100 #C5D1FF --color-primary-100
primary / 200 #A1B4FF --color-primary-200
primary / 300 #7D96FF --color-primary-300
primary / 400 #5980FF --color-primary-400
primary / 500 #073CA5 --color-primary-500
primary / 600 #062F88 --color-primary-600
primary / 700 #05236B --color-primary-700
primary / 800 #04184E --color-primary-800
primary / 900 #030D31 --color-primary-900
primary / 950 #02071F --color-primary-950
neutral / 0 #FFFFFF --color-neutral-0
neutral / 50 #FAFAFA --color-neutral-50
neutral / 100 #F4F4F5 --color-neutral-100
neutral / 200 #E4E4E7 --color-neutral-200
neutral / 300 #D4D4D8 --color-neutral-300
neutral / 400 #A1A1AA --color-neutral-400
neutral / 500 #71717A --color-neutral-500
neutral / 600 #52525B --color-neutral-600
neutral / 700 #3F3F46 --color-neutral-700
neutral / 800 #27272A --color-neutral-800
neutral / 900 #18181B --color-neutral-900
neutral / 950 #09090B --color-neutral-950
danger / 50 #FFF1F2 --color-danger-50
danger / 100 #FBD2D7 --color-danger-100
danger / 200 #F6A9B3 --color-danger-200
danger / 300 #EF7F8D --color-danger-300
danger / 400 #DD324F --color-danger-400
danger / 500 #CF0921 --color-danger-500
danger / 600 #A8071B --color-danger-600
danger / 700 #820515 --color-danger-700
danger / 800 #5C030F --color-danger-800
danger / 900 #360208 --color-danger-900
danger / 950 #210105 --color-danger-950
success / 50 #E6F9EF --color-success-50
success / 100 #B8EDD0 --color-success-100
success / 200 #7CD9A6 --color-success-200
success / 400 #2EC97D --color-success-400
success / 500 #0BB25A --color-success-500
success / 600 #089048 --color-success-600
success / 700 #066D36 --color-success-700
warning / 50 #FFF7ED --color-warning-50
warning / 100 #FFEDD5 --color-warning-100
warning / 200 #FED7AA --color-warning-200
warning / 400 #FB923C --color-warning-400
warning / 500 #F97316 --color-warning-500
warning / 600 #EA580C --color-warning-600
warning / 700 #C2410C --color-warning-700
