Palette Audit
Paste a block of CSS, Tailwind config, design-token JSON, or any file with color values in it. We extract every hex/rgb/hsl color, match each one to its nearest ColorArchive entry, flag near-duplicates, and check every pairwise contrast ratio against WCAG AA. No account, no upload limit, no watermark.
Runs locally — your input never leaves the browser.
8
Colors found
2
Duplicates
24
Low-contrast pairs
1
Off-system
27
Total issues
Suggested fixes
- duplicate
2 colors within ~24 sRGB units of each other — consolidate to one token.
#2563EB#2564EB→ Swap toCobalt Radiant Bright— Replace all 2 near-duplicates with Cobalt Radiant Bright (cobalt-radiant-bright). - duplicate
2 colors within ~24 sRGB units of each other — consolidate to one token.
#FFFFFF#F9FAFB - low-contrast
Contrast 1.01:1 between #2563EB and #2564EB fails WCAG AA for normal AND large text.
#2563EB#2564EB - low-contrast
Contrast 1.05:1 between #FFFFFF and #F9FAFB fails WCAG AA for normal AND large text.
#FFFFFF#F9FAFB - low-contrast
Contrast 1.18:1 between #10B981 and #F59E0B fails WCAG AA for normal AND large text.
#10B981#F59E0B - low-contrast
Contrast 1.18:1 between #F9FAFB and #E5E7EB fails WCAG AA for normal AND large text.
#F9FAFB#E5E7EB - low-contrast
Contrast 1.24:1 between #FFFFFF and #E5E7EB fails WCAG AA for normal AND large text.
#FFFFFF#E5E7EB - low-contrast
Contrast 1.36:1 between #2564EB and #EF4444 fails WCAG AA for normal AND large text.
#2564EB#EF4444 - low-contrast
Contrast 1.37:1 between #2563EB and #EF4444 fails WCAG AA for normal AND large text.
#2563EB#EF4444 - low-contrast
Contrast 1.48:1 between #10B981 and #EF4444 fails WCAG AA for normal AND large text.
#10B981#EF4444 - low-contrast
Contrast 1.73:1 between #F59E0B and #E5E7EB fails WCAG AA for normal AND large text.
#F59E0B#E5E7EB - low-contrast
Contrast 1.75:1 between #F59E0B and #EF4444 fails WCAG AA for normal AND large text.
#F59E0B#EF4444 - non-archive
#10B981 is not in the ColorArchive system (nearest: Teal Velvet Bright).
#10B981→ Swap toTeal Velvet Bright— Snap to the nearest named token so it's searchable, documentable, and re-usable.
Colors in your input
#2563EBnearest:Cobalt Radiant Bright#2564EBnearest:Cobalt Radiant Bright#10B981nearest:Teal Velvet Brightoff-system#F59E0Bnearest:Apricot Core Pure#EF4444nearest:Crimson Tone Bright#FFFFFFnearest:True Gray Veil#F9FAFBnearest:Sapphire Veil Muted#E5E7EBnearest:Cobalt Mist Faint
Low-contrast pairs
#2563EBon#2564EB1.0:1 · fail#FFFFFFon#F9FAFB1.1:1 · fail#10B981on#F59E0B1.2:1 · fail#F9FAFBon#E5E7EB1.2:1 · fail#FFFFFFon#E5E7EB1.2:1 · fail#2564EBon#EF44441.4:1 · fail#2563EBon#EF44441.4:1 · fail#10B981on#EF44441.5:1 · fail#F59E0Bon#E5E7EB1.7:1 · fail#F59E0Bon#EF44441.8:1 · fail#2564EBon#10B9812.0:1 · fail#2563EBon#10B9812.0:1 · fail