Pick a brand colour. Colordump builds an even 50–950 scale, a matching tinted neutral scale, light and dark semantic tokens, and code you can paste into CSS, Tailwind, SCSS or Figma.
Perceptually even (OKLCH). Click a shade to copy it. Badges show WCAG contrast against white and black.
Built only from the tokens.
Buttons, inputs, focus rings and alerts use the semantic tokens, so you can judge contrast before you ship. Learn more
Includes both scales and the light and dark tokens.