Indigo Shades
Every named color in the indigo family, with computed conversions and contrast data — membership derived by computed hue, not a hand-maintained list. 32 colors shown below.
Quick facts (computed from this family's 32 members)
The color science
Indigo sits at roughly 240-255°, and the name comes directly from the indigo plant (Indigofera tinctoria), whose leaves yield one of the oldest and most widely traded natural dyes in human history — indigo dyeing has independent origins across India, West Africa, and Mesoamerica, and Indian indigo (hence the Greek/Latin 'indikon'/'indicum,' meaning 'from India') dominated the European dye trade for centuries before synthetic indigo was developed by BASF chemist Adolf von Baeyer in 1897, collapsing the price of the natural crop almost overnight and devastating plantation economies that depended on it. The dyeing chemistry itself is unusual among natural dyes: indigo isn't water-soluble in its natural form, so traditional dyers first had to reduce it chemically (historically via fermentation vats using urine, lye, or other alkaline reducing agents) into a soluble, yellow-green form that could actually penetrate cloth fiber — the fabric only turns its familiar blue once pulled from the vat and exposed to oxygen, which re-oxidizes the dye back into its insoluble blue form directly in the fibers, a genuinely distinctive two-step process unlike most other traditional plant dyes. Synthetic indigo, chemically identical to the natural plant-derived compound once produced at scale, is what makes the enormous modern global denim industry practically possible — the natural crop alone could never have supplied dye at anywhere near the volume the garment industry now consumes annually.
Common uses in design
Indigo is most visible today as the color of blue denim (traditionally dyed with real or synthetic indigo, one of the few natural dyes still in mainstream industrial use worldwide) and shows up in design systems as a slightly more distinctive, less-generic alternative to plain blue for brand primaries — Tailwind CSS's own default palette, for instance, keeps indigo as a distinct step from both blue and violet rather than folding it into either neighbor. Denim's indigo dyeing method is also genuinely unusual in how it fades: because traditional rope-dyeing only coats the outer layer of each cotton yarn rather than penetrating all the way through, repeated washing and wear gradually abrade the indigo-dyed surface away to reveal the undyed white core underneath — the characteristic fading pattern denim is prized for is a direct visible consequence of the dye's chemistry, not merely a stylistic effect achieved through bleaching or design. Indigo also carries a strong identity in West African textile traditions entirely independent of the European trade route — Yoruba adire cloth and various Tuareg and Mande indigo-dyeing practices developed their own resist-dyeing techniques and cultural significances over centuries, a parallel history that's easy to overlook if indigo's story is told only through its European denim and dye-trade angle. Indigo dye vats, historically maintained as living fermentation cultures rather than a simple chemical mix, required real ongoing craft knowledge to keep balanced and active — a skill some traditional dye houses still maintain today specifically to produce naturally dyed indigo cloth as a premium alternative to synthetic-dye denim.
Accessibility notes
Indigo is dark enough at typical saturation/lightness values that it clears WCAG AA and often AAA as text on white with no special adjustment, making it one of the more forgiving hues to use for body copy compared to lighter blues or cyans that need to be darkened substantially first. Because indigo sits close enough to both blue and violet that the three can blur together at a glance, especially for anyone with a blue-cone-related color-vision difference (tritanopia, though rare), a design system using indigo as a distinct semantic color from a nearby blue or violet benefits from a real perceptual-distance check (Delta-E in Lab or OKLCH) rather than relying on the hue names alone to guarantee the two read as different. Indigo generally clears the text-contrast bar comfortably enough at moderate lightness that this hue-confusion risk is more of a design-system labeling concern than an accessibility failure in the WCAG sense. It's still worth a real perceptual-distance check rather than assuming a hex-value difference alone guarantees two similarly named blues are actually distinguishable to every viewer under real screen conditions.
Named examples
Indigo itself is a directly named CSS/X11 color (#4B0082); DarkSlateBlue is the nearest named neighbor, though it reads noticeably more muted/gray than pure indigo's saturated jewel tone, which is a genuinely different visual character despite the numerical hue proximity. Beyond the CSS-named set, the xkcd color-survey dataset includes a much denser range of everyday indigo-adjacent names ('dusk blue,' 'denim blue,' among others) crowd-sourced from ordinary speakers rather than a formal standards body — a useful cross-check for how casually people actually describe colors in this band versus the more clinical CSS keyword list. The word 'indigo' also survives in modern chemistry vocabulary well beyond dyeing — indigo carmine is still used today as a medical dye in certain diagnostic procedures, a genuinely separate application from textiles that traces back to the same base compound. Beyond denim, indigo also shows up as a common descriptor in night-sky and dusk photography, where it names the deep blue-purple transitional light visible for a short window after sunset before true darkness sets in.
Building a indigo design-token scale
Tailwind CSS is the most visible example of indigo as a first-class design-system token — its default indigo-600 has become one of the most recognized 'this is a Tailwind site' tells in web design specifically because so many products shipped the framework's default primary color unchanged, a cautionary example of what happens when a design-system default isn't customized before launch. If you're picking indigo as a primary brand color today, shifting the hue or saturation even slightly from the most common framework defaults is worth doing purely to avoid looking like an unstyled starter template to anyone who recognizes the pattern. Indigo also works well as a 'premium' or 'pro-tier' accent specifically because it sits outside the red/green/yellow semantic-color conventions most products already rely on, giving it room to carry a distinct meaning (a paid feature, an advanced setting) without colliding with an existing error, success, or warning token elsewhere in the same interface. Design systems that ship indigo as part of a broader blue-family ramp (rather than a wholly separate scale) usually treat it as the coolest, most saturated step at the far end of the blue ramp, letting it double as an accent without maintaining an entirely independent numbered scale just for one hue. Because indigo denim's fading behavior is now a widely recognized visual signature in its own right, some digital products in the fashion/e-commerce space intentionally reference that faded-indigo gradient in swatch imagery to signal an authentic, premium denim category rather than a synthetic or fast-fashion one. Whether a product treats indigo as its own token or as the deepest step of a broader blue ramp is ultimately a judgment call best made based on how much the brand's own identity leans on the specific denim/textile association versus a more generic 'deep blue' reading.