Colour Palettes – 8 Free CSS Palette Sets
Colour Palettes is a pack of eight sets covering both halves of the job: ready-made palettes you can paste in as CSS custom properties, and the components used to display or pick one. Neutral and brand ramps, themed palettes, gradients, dark-UI token sets, measured accessible pairs, swatch components and two JavaScript-free colour pickers.
At a glance
- 8 sets, one folder each, single
index.htmlper set - Every palette printed as a copyable
:rootcustom-property block - Contrast ratios computed from the hex values, not estimated
- Pickers built from radio inputs — no JavaScript in the pack
- No framework, no build step, no dependencies
FAQ
Are these colour palettes free to use?
Yes. All eight sets are free for personal and commercial projects, including client work. Colour values themselves are not copyrightable, and the CSS and components here are free under our standard licence.
How do I use a palette as CSS variables?
Every palette on this page is printed as a :root block of custom properties. Paste it into your stylesheet and reference the values with var(--blue-6) and similar, which means rebranding later is a change in one place.
