Purple Colour Codes
Every CSS purple shade with its hex and RGB values — from Lavender through to Indigo. Search the list and click any swatch to copy its code.
How to use it
- Click any swatch to copy its hex value.
- The RGB triplet appears under each name.
- Search to narrow the list by name or code.
Purple in CSS ranges from the pale, almost-grey Lavender (#E6E6FA) and soft Thistle (#D8BFD8), through mid-tones like MediumOrchid (#BA55D3) and the CSS Purple keyword itself (#800080), down to the deep, blue-leaning Indigo (#4B0082) and DarkViolet (#9400D3). It sits between blue and red on the hue wheel, and named shades toward either end lean visibly warmer or cooler.
Where purple gets used
Purple has no strong pre-existing meaning in interface conventions the way red and green do, which makes it a comparatively free colour for brand identity — it reads as creative, premium or distinctive without the baggage of “warning” or “success”. That is part of why it has become common in software and creative-tool branding over the last decade: it stands out from the sea of blue without competing with red or green's functional roles.
Questions people ask
How many named purple shades does CSS have?
The chart above lists the standard CSS named colours in the purple family. CSS defines 140 named colours in total across every family.
Is anything uploaded?
No. Everything runs in your browser — no file, image or snippet you use here ever leaves your device.
Last updated 22 August 2026