pigment.shapefactory.co
A playful palette maker that builds color pairs from saturation and lightness.
Color Palette Generators and Scale Tools
Palette generators, tint and shade builders and perceptual color pickers. Use them to pick brand colors, build accessible UI scales and preview a palette on real layouts.
maketintsandshades.com
Generate tints and shades of any color to build out your design system's palette.
radix-ui.com
Generate a full Radix-style color scale from your brand colors and preview it on real UI.
coolors.co
Fast palette generator (spacebar to shuffle) with 10M+ community palettes, image picker, contrast checker and a Figma plugin.
realtimecolors.com
Preview a palette and font pairing on a live website layout, check contrast, then export to CSS, Tailwind or Figma.
uicolors.app
Generate Tailwind-style shade scales from a brand hex and preview them on real UI components. Includes a Figma plugin.
oklch.com
Evil Martians' OKLCH picker and converter with P3 gamut preview and sRGB fallbacks, for perceptually even palettes.
More in Design Resources
Weekly newsletter · Every Tuesday
New references, every Tuesday.
The newest additions to the library, three LDS picks worth revisiting and a category spotlight, in one short email.
Browse past issues