Foundations
Iconography
Icon colors are aligned with the core system palette and status colors used throughout the STUDS design system. Below are the primary icon colors and their associations:
| Icon / Text Use | Hex Code | Notes |
|---|---|---|
| Primary Icon | Same as primary body text color | |
| Secondary Icon | Same as placeholder text color | |
| Error Icon | Same as status error color | |
| Warning Icon | Same as status warning color | |
| Info/System Icon | Same as status informative color | |
| Success Icon | Same as status success color | |
| Inverse Icon | For use on dark backgrounds | |
| Disabled Text | Same as disabled state color |
Use these colors to ensure icons remain consistent, recognizable, and visually integrated with the overall system design.