Tailwind Color Finder
Match any hex to its closest Tailwind CSS class, or browse the full v4 palette — every color cross-named with its nearest ColorArchive color.
≈ archive Sapphire Radiant Pure
blue-400#51a2ffclosest
ΔE 5.50 — Noticeable at a glance — reads as the same family, different shade.
blue-500#2b7fff
ΔE 6.35 — Noticeable at a glance — reads as the same family, different shade.
sky-600#0084d1
ΔE 6.94 — Noticeable at a glance — reads as the same family, different shade.
sky-500#00a6f4
ΔE 9.14 — Noticeable at a glance — reads as the same family, different shade.
indigo-400#7c86ff
ΔE 12.85 — Clearly distinct colors.
The full Tailwind v4 palette
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose
slate
gray
zinc
neutral
stone
About Tailwind colors
Tailwind CSS v4 ships 22 color families × 11 shades (50–950), defined in OKLCH for perceptual evenness. The values on this page are generated straight from the installed tailwindcss package, and matching uses CIEDE2000 — a ΔE below 2 is effectively indistinguishable in UI.