Generate Visually Distinct Colors

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.