Color Palette Generator
Create harmonious palettes in one click, lock the colors you like, then share and export them as CSS, Tailwind or PNG.
Press Space to generate a new palette. Lock the colors you want to keep; click a code to edit it.
Everything runs in your browser: no data is sent.
About this tool
This color palette generator creates harmonious color schemes in one click for a logo, a website, a restaurant menu or a brand identity. Six styles are available: free harmony, analogous, monochrome, complementary, triadic and pastel. Colors are computed in the OKLCH space, which follows how the eye perceives color, for balanced palettes. Useful for designers, developers and small business owners.
Lock the colors you want to keep and regenerate with the Generate button or the Space bar. Each palette has 2 to 10 colors: edit a HEX code, reorder, remove or copy any swatch. Export the palette as HEX, CSS, SCSS, Tailwind or JSON, download a PNG image, or copy a share link that contains the colors.
- Six harmony styles, including pastel and monochrome
- Lock colors and regenerate with the Space bar
- 2 to 10 colors, editable and reorderable
- Export as HEX, CSS, SCSS, Tailwind or JSON
- PNG image download and share link
How to use it
- Choose a "Palette style" and click "Generate" (or press Space).
- Lock the colors you like and regenerate until the palette fits.
- Fine-tune: edit a code, add, move or remove a color.
- Pick a format under "Export" and copy the code, or click "Download PNG".
Frequently asked questions
Are my colors sent anywhere?
No. Everything is computed in your browser and no data is sent. The colors are only stored in the page address so that the share link can restore them.
Is the palette generator free?
Yes, it is free and works without an account or sign-up.
How do I use the palette in CSS or Tailwind?
Choose CSS, SCSS, Tailwind or JSON under "Export": the tool outputs custom properties (--color-1…), SCSS variables ($color-1…) or a Tailwind colors block, ready to copy.
Does the downloaded PNG carry a watermark?
Yes, the PNG image (1600 × 900 px) has a small, discreet "kspnai.com/tools/palette-generator" mark with the KSPNAI logo in the bottom right corner. Copied codes contain no mark.