Skip to main content
Icon colors are aligned with the core system palette and status colors used throughout the design system. Below are the primary icon colors and their associations:
Icon / Text UseHex CodeNotes
Primary IconSame as primary body text color
Secondary IconSame as placeholder text color
Error IconSame as status error color
Warning IconSame as status warning color
Info/System IconSame as status informative color
Success IconSame as status success color
Inverse IconFor use on dark backgrounds
Disabled TextSame as disabled state color
Use these colors to ensure icons remain consistent, recognizable, and visually integrated with the overall system design.