Pick a base color and a harmony rule to generate 5 coordinated colors. Click any swatch to copy its hex code.
Click any color swatch to copy its hex code directly.
Choose a base color and palette relationship to create related color swatches. Copy a hex value to use in a mockup or design token.
Color relationships are mathematical suggestions, not an accessibility check. Test foreground/background pairs for contrast and verify colors in context before release.
Most tool inputs are processed in this page. The site also uses analytics and third-party assets; see the Privacy Policy.