Hex color palette generator
Generate a clean hex palette, grab the codes, and drop them straight into your CSS.
Open the palette generator →Built for developers
Every swatch gives you hex, RGB and HSL with one click. Export the whole palette as CSS custom properties (--color-1 … --color-5) or JSON, ready to paste into a stylesheet or design token file.
Fast by keyboard
Press spacebar to reroll, lock the ones you want to keep, and the rest reshuffle. The palette is encoded in the URL as you go, so the link is always a shareable snapshot.
FAQ
Can I export CSS variables?
Yes — the export menu produces a ready-to-use :root block of CSS custom properties.
Does the share link include my colors?
Yes. The colors (and which are locked) are encoded in the URL, so opening it anywhere restores the palette.