ColorsMine — free color palette generator: turn any image or brand color into production-ready design tokens

Drop an image, paste a URL, or enter a brand hex code and ColorsMine instantly builds a complete design system palette: semantic color roles (primary, secondary, accent, surface, text, border, error, warning, success), perceptually uniform 11-stop OKLCH shade scales (50–950), WCAG 2.1 AA/AAA and APCA contrast validation with one-click auto-fix, and an automatic dark mode palette. Everything runs 100% in your browser — no uploads, no account, no AI APIs, free.

Export design tokens to 11 formats

CSS custom properties, W3C DTCG JSON, Tailwind CSS v3 and v4 config, Figma Variables, shadcn/ui theme, Flutter, Swift, Android XML, Penpot, and Style Dictionary — copy, download, or grab everything as a ZIP.

Explore 10,000,000+ curated color palettes

Search ready-made palettes by color word (teal, coral), hex, RGB, or style (pastel, vibrant, muted, earthy, neon, luxury, jewel, retro, duotone) and turn any of them into a full token system in one click.

How to use ColorsMine

  1. Drop an image, paste a URL, enter a brand hex, or pick one of 10,000,000+ palettes in Explore.
  2. Review the semantic roles — swap, remove or re-add colors; tune mood, vibrance, temperature.
  3. Check the WCAG/APCA contrast matrix and apply one-click accessibility fixes.
  4. Export design tokens to CSS, Tailwind, Figma Variables, shadcn/ui and 7 more formats — or share the palette with its permanent link.

Live preview and accessibility checking

Preview your palette on realistic dashboard, cards, and UI-kit mockups in light and dark mode, simulate color-vision deficiencies (protanopia, deuteranopia, tritanopia), and review a full contrast matrix before you ship.

Open ColorsMine — works in any modern browser with JavaScript enabled.