We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Product Update
2026-06-04

Palette Audit: named-nearest matching against 5,446 colors, free and client-side

We just shipped a tool that takes any block of CSS, Tailwind config, or token JSON and returns: the named ColorArchive match for every color, near-duplicate clusters, every pairwise WCAG AA contrast failure, and specific swap-to-fix suggestions. Runs entirely in your browser.

Design TokensAccessibilityColor SystemsTools
Highlights
Most 'contrast checker' tools require one pair at a time. Palette Audit takes the whole system at once and returns every cross-pair, so the real offenders — secondary text on surface-2, placeholder on card, disabled-state on background — aren't hidden by a focused-on-primary test.
Off-system drift is usually invisible until a designer spots 'did we add a new color?' six months later. Matching each input color against the 5,446-color ColorArchive lattice surfaces drift the moment it lands.
Runs entirely client-side. Your token file never leaves the browser — no upload endpoint, no account, no rate limit.

Why 5,446 and not a preset library

Most color systems match inputs against a curated 100-200-color library. That works for broad categorization ('this is a blue') but fails at the precision needed for token design: when a designer picks #2563EB, they want to know *which* blue it is, not just 'blue'. The ColorArchive system is algorithmic — 48 hue roots × 14 lightness bands × 8 chroma bands for chromatic colors, plus 5 neutral gray roots × 14 lightness bands for neutrals, total 5,446 named cells. That density means almost any color you've chosen intentionally has a named neighbor within ~18 sRGB units: Cobalt Core Vivid, Apricot Pearl Muted, Cool Gray Shadow. The names become the tokens. Once your palette maps cleanly to a small subset of these cells, you have a design system. Until it does, you have a bag of hex values.

The audit algorithm in one paragraph

Parse the input with three regex passes: hex (#RGB, #RRGGBB, #RRGGBBAA), rgb(), and hsl() — collapsing shorthand, dropping alpha, and counting duplicates. For each unique color, compute the nearest ColorArchive entry by HSL-weighted distance (hue × 1.8 + saturation × 0.7 + lightness × 1.15 — the same scoring our color-detail pages use). Cluster colors within 24 sRGB units of each other as probable duplicates. Build a pairwise contrast matrix using the standard sRGB luminance formula, flag every pair below 4.5:1 as an AA failure, then rank suggestions by actionability: duplicate consolidation first (biggest systemic win per fix), then WCAG failures (compliance risk), then off-system colors (organizational drift). Every suggestion with a named replacement links to its ColorArchive color-detail page.

What 'off-system' actually means

An off-system flag doesn't mean 'bad color' — the ColorArchive lattice is reference, not law. It means the color is far enough from every named cell (>18 sRGB units) that two designers would make different guesses about its identity. That's the exact source of drift: one PR calls it 'Cobalt Core Vivid,' another calls it 'new blue,' and within a year the token file has three near-identical blues from three PRs. Snapping off-system colors to their nearest named entry early is cheap; reconciling the drift later is not. We're not prescribing a fix — we're showing where the drift is.

What the audit won't tell you

It is a static scanner, not an opinion machine. It doesn't know your brand rationale, whether your primary needs to stay a specific hue for contractual reasons, or whether two 'near-duplicate' colors are actually semantic siblings (base and hover). The output is a punch list, not a prescription — specific, citation-heavy, and meant to be read against your own design intent. The PDF-export and Pro-gated team-report features are coming in a later release once we see how real teams actually use the free audit.

Featured collection
Nordic Frost

Ice blue, pale grey, and soft lavender for minimal UI, SaaS products, and clean landing pages.

Open collectionSearch family
Open next
Run Palette Audit nowBrowse the full 5,446 colorsPair with the WCAG Contrast AuditorJoin updates
Related guides
ui color palette
UI Color Palette Ideas for Clear, Calm Product Surfaces
How to build a UI color palette that stays readable, calm, and consistent across product surfaces instead of turning into a pile of unrelated accent colors.
website color scheme for saas
Website Color Scheme for SaaS Products That Need Trust Before Flash
How to choose a SaaS website color scheme that communicates clarity, trust, and product maturity without collapsing into the same generic blue startup palette.
Stay in the loop

You've reached the latest issue

Get notified when new issues and palette drops land.

Older issue
Dark mode color systems: why most implementations get it wrong
2026-05-28