Purple Shades
Every named color in the purple family, with computed conversions and contrast data — membership derived by computed hue, not a hand-maintained list. 31 colors shown below.
Quick facts (computed from this family's 31 members)
- Average lightness: 51%
- Average saturation: 73%
- 17 of 31 pass WCAG AA as normal text on white
- 17 of 31 pass WCAG AA as normal text on black
- Lightest named member: pale lavender
- Darkest named member: very dark purple
- Most saturated member: DarkViolet
The color science
Purple sits roughly 275-290° and, as noted above, is a non-spectral color — there is no single wavelength of light that is 'purple'; it only exists as a perceptual mix of red and blue stimulation, which is part of why purple pigments were historically difficult and expensive to produce (Tyrian purple, made from the mucus of Murex sea snails by Phoenician dyers as early as 1200 BCE, required thousands of snails per gram of usable dye). Because it's non-spectral, purple also occupies an unusual position on the standard color wheel: rather than sitting at one end of the visible spectrum, artists' color wheels close the loop by placing purple between red and blue specifically to represent this red-plus-blue mixture, a wheel-closing convention that has no true physical analogue in a spectral rainbow, where red and violet sit at opposite ends with no direct wraparound between them. Modern spectrophotometry confirms what dyers historically had to determine by trial and error: reflectance curves for genuinely purple pigments typically show two separate reflectance peaks, one in the red region and one in the blue, with a dip in between at green wavelengths — a physical signature distinct from a true spectral hue's single reflectance peak, and a measurable, instrument-verifiable confirmation of purple's non-spectral, dual-stimulus nature. Interestingly, several non-primate mammals that are effectively red-green colorblind by human standards would perceive something closer to a single hue where humans see the full red-purple-blue progression, since the perceptual separation of purple as 'between' red and blue depends on trichromatic color vision most other mammals simply don't have.
Common uses in design
Purple's historical scarcity-driven association with royalty and luxury persists in modern branding — it remains a common choice for premium product tiers, beauty, and creative-industry brands — while at lower saturation and higher lightness (lavender-leaning) it shifts toward calm, gentle, wellness-oriented branding instead, showing how far a single hue family's meaning can swing based purely on saturation and lightness choices. The Roman imperial 'purpura' system formalized this scarcity into actual law for a time — sumptuary regulations restricted the deepest, most saturated Tyrian purple togas to the emperor and highest-ranking officials specifically, making purple one of the few colors in history where wearing a shade above your station was, at points, a punishable offense rather than merely a social faux pas. That specific historical scarcity is also why purple is one of the more common colors invoked in idioms about status even today ('born to the purple,' a phrase describing someone born into royalty or high privilege) — a linguistic fossil of the dye's cost that has long outlived the economic reality behind it. Purple also carries a specific modern political association in several countries as a symbolic 'centrist' or coalition color, precisely because it visually reads as a literal mix of a party's red and a rival's blue — a deliberate, legible metaphor rather than an arbitrary color choice in those contexts. This centrist political usage is a genuinely modern, deliberate extension of purple's meaning, entirely separate from and much more recent than its ancient royal-scarcity history, showing how quickly a single hue can pick up an unrelated new cultural layer alongside its older ones.
Accessibility notes
Purple is a genuinely underused semantic color in most design systems (unlike red/green/blue/yellow, it carries no strong pre-existing 'meaning' convention in most product UI), which makes it a relatively safe choice for a custom status or category color that won't be misread as an error, warning, or success state by users familiar with other conventions. Mid-tone purples generally need to sit on the darker side to clear WCAG AA as text on a white background, similar to violet and indigo — a bright, saturated 'grape' purple that works well as a large fill or icon color will often fail contrast requirements at the same lightness if reused directly as small body text. Because purple sits between the well-charted blue and red-family accessibility guidance, most testing recommendations for purple simply combine the caution that applies to both neighbors — darken for text use, and double-check against any nearby blue or magenta token for perceptual overlap. A saturated purple used purely as a decorative accent rather than for readable text carries essentially none of this risk, since the WCAG contrast requirements only bind on text and meaningful UI-component boundaries, not on purely ornamental fills.
Named examples
RebeccaPurple is the one CSS-named color with a documented, unusually specific origin story: added to the CSS Color Module Level 4 spec in 2014 in memory of Eric Meyer's daughter Rebecca, who died of brain cancer at age six — a rare case of a web-standard color name with a publicly documented personal dedication rather than a pigment or object reference. MediumPurple and DarkOrchid round out the CSS-named set in this band, with orchid-derived names (Orchid, DarkOrchid, MediumOrchid) tracing to the flower family the way Violet traces to its own, giving purple two entirely separate floral naming lineages within the same hue range. Plum and Thistle, both also present in the CSS set nearby, extend the floral and fruit-derived naming pattern further, each sitting at a distinctly paler, dustier lightness than the more saturated Purple keyword itself. Purple heart, a real hardwood species prized by furniture makers for its naturally deep purple-brown heartwood that darkens further with light exposure, is a rare case of a genuinely purple raw building material rather than a dyed or pigmented surface.
Building a purple design-token scale
Purple design-token scales are common in gaming, entertainment, and youth-oriented brands (Twitch's brand purple is probably the best-known example of a full purple identity built into a design system, distinct from its own separate 'live' red and 'success' green tokens), and the family works well as a full numbered ramp precisely because it has room to shift toward either violet-cool or magenta-warm at its edges without leaving the family, giving designers more usable range than a narrower hue band like amber or lime would offer. Because purple carries such strong pre-existing 'premium' connotations from its scarcity history, it's worth being deliberate about whether a product actually wants that association before defaulting to it — a budget or mass-market product adopting a rich, saturated purple risks an unintended mismatch between the color's cultural weight and the product's actual positioning. When purple is the primary brand color rather than an accent, most systems still carve out a separate, more neutral token for standard interactive-element blue (links, focus rings) so the brand's purple identity and the platform's baseline UI conventions don't collide on the same page. A purple-forward brand also generally benefits from picking a slightly different, complementary shade for any secondary decorative purple elements (illustration accents, marketing imagery) rather than reusing the exact primary brand hex everywhere, since visual variety within the same family reads as more considered than a single repeated swatch. Purple's association with imagination and creativity also makes it a recurring choice for children's educational products and creative software specifically, a softer, more playful use of the hue's premium reputation than the luxury-branding angle covered above.