Base color + harmony. Lock colors you like. Space = random, C = copy palette, 1–5 = copy color.
HEX, RGB, or HSL — auto-detected
Shift saturation and lightness of generated colors. Locked colors are unchanged.
Ratio vs white and black. Recommended text color shown on each swatch.
| Color | vs White | vs Black |
|---|---|---|
#3398db | 3.2:1AAAAA | 6.7:1AAAAA |
#db3398 | 4.3:1AAAAA | 4.9:1AAAAA |
#98db33 | 1.7:1AAAAA | 12.5:1AAAAA |
Runs entirely in your browser. No server receives your colors or preferences.
No data leaves your device. No signup, no tracking, no cookies for the tool itself.
Built for designers and developers who want a fast, private way to generate palettes and copy code-ready output.
Explore these related free tools to enhance your productivity and workflow.
Enter a base color as HEX, RGB, or HSL. Choose a harmony (e.g. Triadic, Complementary). Lock colors you want to keep. Use Space to randomize, C to copy the palette. Export as CSS, Tailwind, SCSS, or design tokens.
Color harmonies pick colors that work well together: Monochromatic (one hue), Analogous (neighboring hues), Complementary (opposite), Triadic (three evenly spaced), Tetradic, and Square.
They show contrast against white and black. AA (4.5:1) and AAA (7:1) are accessibility standards. Each swatch shows the recommended text color (white or black) for readability.