Pigment — Color Palette & Shade Generator

Pigment generates perceptually uniform 11-shade color palettes from any base color using OKLCH color science — the same approach used by Tailwind CSS v4.HOW IT WORKSPaste any color (HEX, RGB, or HSL) and instantly preview a full palette from 50 to 950. Your base color becomes the 500 stop, with lighter tints and darker shades built around it.FEATURES- Generates 11 perceptually uniform shades (50–950)- Uses OKLCH color space for accurate, vibrant palettes- Creates Figma color styles automatically- Creates Figma color variables (design tokens)- Optional dark mode palette generation- Light & dark swatch frames on canvas with hex values- Smart color naming (auto-detects hue family)- Click any swatch to copy its hex value- Adapts to your Figma theme (light/dark)PERFECT FOR- Building design systems and component libraries- Creating Tailwind-style color scales- Generating accessible color ramps- Rapid prototyping with consistent palettesPowered by Björn Ottosson's OKLCH perceptual color model for colors that look right across every lightness level.