Generate palettes from scratch, extract them from images, explore harmonies around a base color, or compose gradients. WCAG contrast checks built in. Export to CSS, Tailwind, SCSS, or JSON.
Copy as :root custom properties
Copy as Tailwind color config
Copy as SCSS $variables
Download .ase file
Download palette as PNG
Drop an image here or click to upload
PNG, JPG, WEBP supported
Get started. Generate random palettes, extract colors from an uploaded image, or explore color harmonies.
Refine your palette. Adjust individual colors, lock favorites, and check WCAG contrast ratios for accessibility.
Export your colors. Copy as CSS variables, Tailwind config, or SCSS. Share palettes with a link.
Click Generate for a random palette, or upload any image to automatically extract its dominant colors.
Yes. The WCAG Contrast Checker shows whether any two colors meet AA or AAA contrast requirements.
Complementary, analogous, triadic, split-complementary, and tetradic harmonies based on any seed color.
Copy hex values, or export the full palette as CSS custom properties, Tailwind config, or SCSS variables.
No. Images are processed locally in your browser and never uploaded to any server.