Digitopia Labs
Colour tools for designers and developers
Six tools for building colour and then grading it: palettes, tint and shade ramps, contrast, gradients and export. They are free, there is nothing to sign up for, and they run entirely in your browser — this site has no accounts, no database and no server behind it, so nothing you paste in is sent anywhere and nothing is stored.
Two greys, one hex step apart
Both figures below were computed by the same engine the tools run on, when this page was built. One grey clears WCAG AA for normal text and the next one along does not, which is why every ratio here is floored rather than rounded.
The six modes
Five are built. They share one workspace and one address bar: the palette travels with you between modes, and the link in your address bar is the save button.
Two things this tool takes a position on
WCAG 2.2 AA is the only pass or fail here
Every verdict is the WCAG 2.2 contrast ratio and nothing else: 4.5:1 for normal text, 3:1 for large. Ratios are floored to two decimals rather than rounded, so a figure on screen is one the pair genuinely reaches — a pair measuring 4.4988:1 prints 4.49 and fails, instead of printing 4.50 directly above the word “fails”. Rounding down can only ever understate, which is the safe direction for an accessibility reading.
APCA is not reported. It was pulled from the WCAG 3 working draft in July 2023, it is not in the current draft, and WCAG 3 is not expected to reach Recommendation before roughly 2028–2030. That is not a verdict on APCA, which is serious work and may well end up in the standard: it is simply not normative today, and this tool grades against the normative standard only. If a perceptual reading is added later it will sit beside the WCAG one as an advisory, and it will never soften a WCAG failure.
The lint names the fault, then proves the fix
The palette lint says what is wrong in words rather than handing back a score with no argument: a Tailwind indigo used verbatim, neutrals borrowed straight from a default ramp, a hue that half the internet is already using. Colours that are merely near a crowded neighbourhood are called out as advisories, not offences — several real brand primaries live there, and telling a designer their considered choice is slop is the false positive that gets a lint switched off.
A fix is only offered when it can be proved. The suggested colour is applied to a copy of your palette and the palette is linted again; the button appears only if the score rose, that finding got cheaper, and no other rule got worse. If a fix cannot clear that bar there is no button — a lint that tells you to change something and is wrong about it is worse than no lint at all.
Start from a question
Four pages that answer one question each and then hand you the tool that does the work.