One color in.
Full system out.

Pick any color. Get a complete design system with OKLCH scales, semantic tokens, dark mode, and WCAG-checked contrast. Ready for CSS, Tailwind, or JSON.

or or

Color Scales

Semantic

Live Preview

UI Preview

Colors:

Drop your image here

JPG, PNG, or WebP (max 5 MB)