Color Palette & Contrast
Create a five-color starting palette and test a specific text/background contrast pair.
Open toolTopic workspace
Color & accessibility
Create palettes, test contrast pairs and define component states.
Start with a task
Understand the workflow
Color & accessibility
Read a color contrast ratio without overstating accessibility
Interpret WCAG color contrast checks.
Read guide →
Color & accessibility
Build a small UI color palette from one seed color
Create reusable shades and tints.
Read guide →
Color & accessibility
Color tokens for hover, focus, errors and disabled states
Design component states with consistent colors.
Read guide →