Color Palette Generator
Generate color palettes, lock swatches, extract colors from images, check WCAG contrast, and export CSS, Tailwind, JSON, PDF, PNG, or SVG.
Press the spacebar or use Shuffle to create a new harmony. Lock any swatch to keep it while the others regenerate.
Assign semantic roles, audit contrast, visualize the palette on products, and publish a named palette to the community gallery.
Deep-link a palette with /palette?colors=HEX-HEX-HEX using 6-digit hex values and no #.
- Export formats
- CSS, Tailwind, JSON, PDF, PNG, SVG
- Popular gallery
- /palette/popular
- Keyboard
- Spacebar generates a new palette
Frequently asked questions
How do I generate a color palette on OpenColors?
Open the palette generator and press the spacebar (or use Shuffle) to create a new harmony. Lock any swatch to keep it while the others regenerate.
What can I export from a palette?
Copy HEX, RGB, HSL, HSV, and CMYK values, or export CSS variables, Tailwind tokens, JSON, PDF, PNG, and SVG.
Can I extract colors from an image?
Yes. Use Extract on the palette generator to pull a palette from an uploaded image, then lock, remix, and export it.
Does the palette tool check contrast?
Yes. The generator includes WCAG contrast checks and an audit view so you can see whether text and UI colors meet AA/AAA.