Color
Global palettes supply semantic roles while product palettes preserve identity. The reviewed solid fills reference the same listed primitive in both source color modes; foreground and subtle roles can change their referenced shade.
Created & adapted by Insan NurjamanChakra UI foundationCurated public preview
Values and roles
Saphyte solid#5D42E6
E-Afghan solid#075FD8
Selected source relationships| Context | Semantic role | Primitive reference |
|---|
Saphyte | brand/saphyte/solid | brand/saphyte/600 |
|---|
E-Afghans | brand/eafghan-1/solid | brand/eafghan-1/600 |
|---|
Selected source examples, not a complete token catalog. Changing this documentation’s theme does not rewrite the source library.
From roles to decisions
Use a semantic name to explain purpose. A palette reference supplies the value; a component uses that role for a specific region or state. Review contrast and valid combinations in the implementation rather than assuming that a token name guarantees them.
Curated design documentation by Insan Nurjaman. Native examples are illustrative, not a production package or a standards certification.
Explore the story 