Generate Visually Distinct Colors

You know, for readable charts and stuff
Last 10 palettes

Visually Distinct Colors

Generates palettes where colors are as visually distinct from each other as possible. Colors are sampled using farthest-point sampling in OKLab space — a perceptually uniform color model.

Controls

Count
How many colors to generate.
Text
Whether to overlay black or white text on each swatch. When recalling a saved palette, this is set automatically based on contrast.
Min contrast
Minimum WCAG contrast ratio between each color and the text. Higher values exclude dark colors (for white text) or light colors (for black text). Default is 4.5, the WCAG AA threshold. Only matters if you're placing text on top of the colors — for chart fills, lines, or dots with no text overlay, you can safely lower this or ignore it entirely.
Strategy
How the candidate color pool is built before sampling. HSL sampling and OKLCH sampling tend to produce more vivid palettes. Chroma-biased selection nudges the greedy sampler toward saturated colors.

Generating

Click Generate, or press Space or Enter. Each palette gets a unique name (like happy-blazing-lobster) reflected in the URL — paste it to recreate the palette exactly.

Sidebar

Grid / Bars
Switch between a square grid and a compact bar layout.
Sort
Reorder colors by similarity (nearest-neighbor), lightness, hue, chroma, or a random shuffle. Sorting is applied when copying and exporting too.
Last 10 palettes
Click any entry to restore that palette.
Copy hex / Copy SVG
Copy hex codes (one per line) or an SVG of the current swatches to the clipboard.