Rate my palette — grade any color palette in seconds
Paste between two and eight hex codes in any format — a bare list, a CSS custom-property block, comma-separated, whatever you copied — and ColorsMine grades the palette out of 100 with a letter from S to D. Nothing is uploaded: the scoring runs in your browser.
What is measured
- Contrast — how many of the color pairs clear WCAG AA at 4.5:1, and whether a 7:1 body-text pair exists at all.
- Color-blind safety — whether the colors stay distinguishable under deuteranopia, the most common form of red-green color blindness.
- Harmony — how the chromatic members relate in hue: analogous, complementary, split-complementary or triadic.
- Distinctness — whether any two members are close enough to be the same color wearing a different name.
- Tonal range — whether the lightness span covers the surface and text ends a real interface needs.
What you get back
A grade, a one-line verdict, a per-axis breakdown with the reason for each score, the palette's best text pairs with their exact contrast ratios, and a downloadable report card image you can share. Scoring is deterministic — the same colors always earn the same grade, today or next year. If the grade disappoints, one click rebuilds the same colors into a full design token system with corrected scales and validated contrast.
Grade it on every push, not once
The same scoring engine ships as a command-line tool, colorsmine on npm. Run npx colorsmine check in a project and it reads the design tokens already there — CSS custom properties, Tailwind v4 @theme, shadcn/ui globals.css, a Tailwind config or DTCG JSON — grades them, and exits non-zero when a pairing falls below its WCAG minimum, so a red check can stop a merge. It reads a declared .dark block or prefers-color-scheme and grades that theme too, rather than modelling one. Source, the GitHub Action and the README badge are at github.com/kscarfi/colorsmine-cli; it is MIT licensed and free.