Colors
Colors
The design system color palette.
The raw building blocks of the color system. These are calibrated scales that provide consistent steps for every color family.
Use the palette classes directly in UI when you need a specific step. Click a swatch to copy the class.
Functional colors mapped to use cases. These tokens automatically adapt between light and dark modes.
Actual interaction colors as implemented in components (for example, button hover states).