Pigment is a modern, AI-assisted color palette generator designed for developers and designers who need mathematically harmonious color schemes for their projects.
Uses OKLCH color space for perceptually uniform gradients and harmonies (Analogous, Comprehensive, Triadic, etc.).
Adjust saturation (Pigment) and lightness (Lighting) globally to create consistent themes instantly.
Built-in Vision Simulator for color blindness and WCAG Contrast Matrix to ensure your palettes are legible for everyone.
Export directly to Tailwind CSS configuration, CSS Variables, SCSS, or JSON with a single click.
Share palettes via URL. Your work is automatically saved to local storage so you never lose a great combination.
Go beyond colors. Style your entire design system with Global Tokens, Typography scales, and real-time component previews.
Use our AI to auto-map semantic colors, pair fonts, and generate themed palettes from simple text prompts.
Traditional color spaces like RGB or HSL are not perceptually uniform. Changing the hue in HSL can drastically change the perceived lightness of a color (yellow vs. blue). Pigment uses OKLCH, a modern color space that separates Lightness, Chroma (saturation), and Hue effectively. This means you can rotate the hue while keeping the exact same perceived brightness, ensuring your color palettes feel balanced and professional automatically.