Meaning
In Western cultures, mauve symbolizes elegance and refinement, often associated with femininity and romance. Conversely, in some Eastern cultures, it can represent spirituality and transformation, highlighting its versatile emotional impact.
The term 'mauve' emerged in 1856, coined by chemist William Henry Perkin after he accidentally synthesized the dye while attempting to create quinine. This discovery revolutionized the dye industry, making the color widely accessible and sparking fashion trends throughout the Victorian era.
softmuteddelicatenostalgicromantic
The story of Mauve
Where the name and the color come from.
Mauve is named after the mallow flower (French mauve, from Latin malva) — a pale purple. But its real claim to fame is chemical: in 1856 the 18-year-old chemist William Henry Perkin, trying to synthesize quinine, accidentally produced "mauveine," the first synthetic aniline dye.
Perkin's discovery launched the modern synthetic-dye and chemical industries and set off a "mauve mania" in 1860s fashion, helped along by Queen Victoria wearing the shade. Few colors can claim to have changed the course of industrial history.
Using Mauve in design
How it behaves in interiors, fashion and branding.
Mauve is a muted purple-pink — sophisticated, vintage and soft. In interiors it reads romantic and calming, working as a gentle alternative to grey or beige on walls and upholstery. It pairs naturally with sage, grey and gold.
In branding and beauty it signals understated femininity and nostalgia, a quieter cousin of bright pink and lavender.
Accessibility
Works well as text on dark backgrounds; fails on light.
Aa Best text color: #000000 · 11.82:1
Mauve as text on… Ratio AA AAA
Aa White background 1.78:1 Fail Fail
Aa Black background 11.82:1 Pass Pass
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
How to use #E0B0FF
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
CSS color: #E0B0FF;
CSS color-mix (lighten 30%) color-mix(in srgb, #E0B0FF 70%, white)
HSV / HSB 276°, 31%, 100%
CMYK (print) 12, 31, 0, 0
Decimal 14725375
Nearest web-safe #CC99FF