1Fade scale
Every step from darkest to lightest. Click any color to copy its hex. The dot marks your exact color.
2Colors that go with it
Built on color-wheel rules. Click a swatch to copy it, or hit ↗ to make it your new base color.
3Readability check
WCAG contrast for your color as background and as text.
4Live preview
Your color + its complement on a real UI.
5Export
Your fade scale, ready to paste into a project.
© Elko