Base Palette
| name | main | lightest | lighter | light | medium-light | medium | medium-dark | dark | darker | darkest |
|---|---|---|---|---|---|---|---|---|---|---|
| primary | ||||||||||
| secondary-left | ||||||||||
| secondary-right | ||||||||||
| warning | ||||||||||
| success | ||||||||||
| error | ||||||||||
| neutral |
The CSS colors variables are defined as
--palette-[row name]-[column name], for example --palette-complementary-medium-dark.