pale lavender
On white 1.4:1 · Fail
On black 14.99:1 · AAA
Purple Colors
Names, HEX, RGB & Contrast
41 named purple colors, grouped by lightness. Click any value to copy it.
Light
7 colors
light lilac
On white 1.47:1 · Fail
On black 14.31:1 · AAA
light lavendar
On white 1.54:1 · Fail
On black 13.64:1 · AAA
baby purple
On white 2.2:1 · Fail
On black 9.54:1 · AAA
easter purple
On white 2.99:1 · Fail
On black 7.03:1 · AAA
light purple
On white 2.92:1 · Fail
On black 7.18:1 · AAA
light urple
On white 3.22:1 · AA Large
On black 6.52:1 · AA
Mid-tone
29 colors
mediumorchid
CSS keyword
On white 3.94:1 · AA Large
On black 5.33:1 · AA
blueviolet
CSS keyword
On white 5.96:1 · AA
On black 3.52:1 · AA Large
darkorchid
CSS keyword
On white 5.7:1 · AA
On black 3.68:1 · AA Large
darkviolet
CSS keyword
On white 6.56:1 · AA
On black 3.2:1 · AA Large
rebeccapurple
CSS keyword
On white 8.41:1 · AAA
On black 2.5:1 · Fail
pale purple
On white 2.64:1 · Fail
On black 7.95:1 · AAA
bright lavender
On white 3.21:1 · AA Large
On black 6.55:1 · AA
bright lilac
On white 3.24:1 · AA Large
On black 6.48:1 · AA
heliotrope
On white 3.29:1 · AA Large
On black 6.39:1 · AA
wisteria
On white 3.29:1 · AA Large
On black 6.38:1 · AA
lightish purple
On white 4.24:1 · AA Large
On black 4.95:1 · AA
heather
On white 3.24:1 · AA Large
On black 6.47:1 · AA
deep lilac
On white 3.99:1 · AA Large
On black 5.26:1 · AA
soft purple
On white 3.78:1 · AA Large
On black 5.56:1 · AA
electric purple
On white 4.78:1 · AA
On black 4.39:1 · AA Large
amethyst
On white 4.38:1 · AA Large
On black 4.79:1 · AA
deep lavender
On white 4.75:1 · AA
On black 4.42:1 · AA Large
neon purple
On white 4.5:1 · AA
On black 4.66:1 · AA
bright violet
On white 4.95:1 · AA
On black 4.24:1 · AA Large
faded purple
On white 4.29:1 · AA Large
On black 4.89:1 · AA
greyish purple
On white 4.36:1 · AA Large
On black 4.82:1 · AA
bright purple
On white 4.54:1 · AA
On black 4.62:1 · AA
dark lavender
On white 4.78:1 · AA
On black 4.39:1 · AA Large
vivid purple
On white 5.62:1 · AA
On black 3.73:1 · AA Large
grey purple
On white 4.65:1 · AA
On black 4.52:1 · AA
hot purple
On white 4.32:1 · AA Large
On black 4.86:1 · AA
purply
On white 5.69:1 · AA
On black 3.69:1 · AA Large
purplish grey
On white 5.1:1 · AA
On black 4.11:1 · AA Large
vibrant purple
On white 5.46:1 · AA
On black 3.84:1 · AA Large
Dark
5 colors
indigo
CSS keyword
On white 12.95:1 · AAA
On black 1.62:1 · Fail
royal purple
On white 13.78:1 · AAA
On black 1.52:1 · Fail
dark violet
On white 17.18:1 · AAA
On black 1.22:1 · Fail
midnight purple
On white 18.27:1 · AAA
On black 1.15:1 · Fail
very dark purple
On white 18.22:1 · AAA
On black 1.15:1 · Fail
Copy the whole palette
Every purple color on this page, ready to paste into your project.
CSS
:root {
--mediumorchid: #ba55d3;
--blueviolet: #8a2be2;
--darkorchid: #9932cc;
--darkviolet: #9400d3;
--rebeccapurple: #663399;
--indigo: #4b0082;
--pale-lavender: #eecffe;
--light-lilac: #edc8ff;
--light-lavendar: #efc0fe;
--baby-purple: #ca9bf7;
--easter-purple: #c071fe;
--light-purple: #bf77f6;
--light-urple: #b36ff6;
--pale-purple: #b790d4;
--bright-lavender: #c760ff;
--bright-lilac: #c95efb;
--heliotrope: #d94ff5;
--wisteria: #a87dc2;
--lightish-purple: #a552e6;
--heather: #a484ac;
--deep-lilac: #966ebd;
--soft-purple: #a66fb5;
--electric-purple: #aa23ff;
--amethyst: #9b5fc0;
--deep-lavender: #8d5eb7;
--neon-purple: #bc13fe;
--bright-violet: #ad0afd;
--faded-purple: #916e99;
--greyish-purple: #887191;
--bright-purple: #be03fd;
--dark-lavender: #856798;
--vivid-purple: #9900fa;
--grey-purple: #826d8c;
--hot-purple: #cb00f5;
--purply: #983fb2;
--purplish-grey: #7a687f;
--vibrant-purple: #ad03de;
--royal-purple: #4b006e;
--dark-violet: #34013f;
--midnight-purple: #280137;
--very-dark-purple: #2a0134;
} SCSS
$mediumorchid: #ba55d3; $blueviolet: #8a2be2; $darkorchid: #9932cc; $darkviolet: #9400d3; $rebeccapurple: #663399; $indigo: #4b0082; $pale-lavender: #eecffe; $light-lilac: #edc8ff; $light-lavendar: #efc0fe; $baby-purple: #ca9bf7; $easter-purple: #c071fe; $light-purple: #bf77f6; $light-urple: #b36ff6; $pale-purple: #b790d4; $bright-lavender: #c760ff; $bright-lilac: #c95efb; $heliotrope: #d94ff5; $wisteria: #a87dc2; $lightish-purple: #a552e6; $heather: #a484ac; $deep-lilac: #966ebd; $soft-purple: #a66fb5; $electric-purple: #aa23ff; $amethyst: #9b5fc0; $deep-lavender: #8d5eb7; $neon-purple: #bc13fe; $bright-violet: #ad0afd; $faded-purple: #916e99; $greyish-purple: #887191; $bright-purple: #be03fd; $dark-lavender: #856798; $vivid-purple: #9900fa; $grey-purple: #826d8c; $hot-purple: #cb00f5; $purply: #983fb2; $purplish-grey: #7a687f; $vibrant-purple: #ad03de; $royal-purple: #4b006e; $dark-violet: #34013f; $midnight-purple: #280137; $very-dark-purple: #2a0134;
Tailwind
theme: {
extend: {
colors: {
"mediumorchid": "#ba55d3",
"blueviolet": "#8a2be2",
"darkorchid": "#9932cc",
"darkviolet": "#9400d3",
"rebeccapurple": "#663399",
"indigo": "#4b0082",
"pale-lavender": "#eecffe",
"light-lilac": "#edc8ff",
"light-lavendar": "#efc0fe",
"baby-purple": "#ca9bf7",
"easter-purple": "#c071fe",
"light-purple": "#bf77f6",
"light-urple": "#b36ff6",
"pale-purple": "#b790d4",
"bright-lavender": "#c760ff",
"bright-lilac": "#c95efb",
"heliotrope": "#d94ff5",
"wisteria": "#a87dc2",
"lightish-purple": "#a552e6",
"heather": "#a484ac",
"deep-lilac": "#966ebd",
"soft-purple": "#a66fb5",
"electric-purple": "#aa23ff",
"amethyst": "#9b5fc0",
"deep-lavender": "#8d5eb7",
"neon-purple": "#bc13fe",
"bright-violet": "#ad0afd",
"faded-purple": "#916e99",
"greyish-purple": "#887191",
"bright-purple": "#be03fd",
"dark-lavender": "#856798",
"vivid-purple": "#9900fa",
"grey-purple": "#826d8c",
"hot-purple": "#cb00f5",
"purply": "#983fb2",
"purplish-grey": "#7a687f",
"vibrant-purple": "#ad03de",
"royal-purple": "#4b006e",
"dark-violet": "#34013f",
"midnight-purple": "#280137",
"very-dark-purple": "#2a0134",
}
}
} Browse other color families
Copied
Purple color names
Purple covers a deliberately narrow band, hue 270–290°, between blue and pink. It is the rarest family in named colour lists, which is part of its appeal — purple still reads as distinctive rather than default.
Using these colors
Purple signals creativity, premium positioning and, increasingly, AI and developer tooling. It pairs with yellow for maximum contrast, with teal for something cooler, and with warm grey for restraint. Deep violets make strong dark-mode surfaces without the coldness of pure navy.
Contrast and accessibility
Mid and dark purples generally pass AA as text on white, and deep violet often reaches AAA. Lavender and the other light purples are background colours, not text colours. Purple is safer than red or green for colour-blind users, but can be confused with blue at low saturation.