Browse all color palettes
Every four-color palette, newest first. Click any swatch to copy its HEX.
Every palette here is four colors chosen to work together. Click a swatch to copy its HEX code, or open a palette to take all four at once as RGB, CSS variables or a JSON array, and download it as a PNG.
The feed loads as you scroll, so there is no pagination to work through. Narrow it down using the 43 categories in the sidebar, or jump to a specific color.
No palettes yet
Run npm run generate to build the dataset.
What holds these palettes together
Every palette is built in OKLCH, a perceptually uniform color space: an equal step in lightness looks like an equal step to the eye, which is not true in RGB or HSL. That is what keeps a four-color set feeling related rather than merely varied.
The four hues follow a classical relationship — monochrome, analogous, complementary, split complementary, triad or tetrad — instead of sitting at arbitrary angles. Lightness runs as a ladder from light to dark, so there is always somewhere to put text. And chroma tapers at both extremes, because very light and very dark colors hold less of it, which is what stops the pale end going chalky and the dark end turning muddy.
Sorting and saving
This page is ordered newest first. Popular ranks by likes, Random reshuffles on every visit, and anything you like lands in your collection, which is stored in your own browser rather than on a server.