Color
The CADS color system is broken into two categories: primitives and semantics. Primitives define core brand colors while semantics define how they should be applied in the product.
Primitive colors
Our core colors and their ramps, broken down into brand, sentiment, and neutral families. Primitives are used to build the semantic colors and are not light/dark theme aware, they should not be used directly in the product.
Neutral
Brand
Sentiment
base
3gray
11black-alpha
11white-alpha
11Semantic colors
Semantic colors are broken into three primary families: backgrounds, text, and borders. They assign primitives to specific contexts and are carefully crafted to ensure proper contrast, support consistent usage of colors in the UI, and are theme aware.
Background
Text
Borders