Color
Palette generators, hand-picked palettes, gradient libraries, and the shade scales a design system needs.
For an agent. Look here when you must pick, extend, or check colors — a brand palette, a 50-950 ramp, a gradient, or a contrast decision.
22 resources
- Palette Generators16
- Curated Palettes3
- Gradients3
22 / 22
CoolorsSPalette generator with 10M+ schemes, contrast checker and Tailwind export
GrabientSCosine-gradient generator; CSS/SVG/PNG export and a real llms.txt- LeonardoSAdobe's contrast-first colour system generator, with an npm module behind it
OKLCH Color PickerSPick and convert colors in OKLCH with P3 and Rec2020 gamut warnings
Color HuntA~4,200 curated 4-colour palettes, filterable by 18 colours and 31 moods
HuemintAML palette generator driven by a contrast matrix, with an open POST API
RandomA11yAEndless accessible colour pairs, backed by a public API of 292,107 colours
Realtime ColorsAPreview five colour roles and fonts on a live site, export shadcn or Tailwind tokens
Tints.devA11-stop Tailwind palette generator with a free, keyless JSON API- Color.reviewBA contrast checker that puts the ratio on a live scale against the 3, 4.5 and 7 thresholds while you drag the colour
ColorBoxBCurve-driven UI colour scale generator with WCAG markers and code export
ColorHubB150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kits
ColorKitBFree browser suite of color tools: palettes, shades, gradients, contrast
ColorMagicBText-prompt palette generator with a free unauthenticated JSON search API
Colour Contrast CheckerBSingle-screen WCAG contrast checker with live Google Fonts preview
Happy HuesB17 curated palettes, each shown applied to a whole live page
HypercolorB87 named Tailwind gradients plus mesh, grainy and world-flag generators
KhromaBTrain a colour model on 50 picks, then browse endless personalised pairs
Kigen ColorBTailwind-shaped 50-950 color ramps with CSS, token and Figma export- ShapeFactoryBFive free browser tools: logo maker, LAB palettes, LAB gradients, duotone, QR gallery
UI ColorsBTailwind palette generator that previews the scale on real UI before you commit
Colorion GradientsC37 hand-picked two-stop CSS gradients, one click to copy the CSS