Purple Color Palette: Shades, Combinations & Hex Codes
The complete purple color palette guide — every shade from lavender to plum, the best combinations, and copy-ready hex codes for design and CSS.
Purple blends the calm of blue with the energy of red, which is why it feels creative, luxurious and a little magical all at once. This guide is your one-stop purple color palette reference: every key shade, the combinations that work, and hex codes you can copy straight into your project. Browse live purple palettes on PaletteCSS too.
The purple shade scale
| Shade | Hex |
|---|---|
| Lavender | #EDE9FE |
| Lilac | #C4B5FD |
| Light Violet | #A78BFA |
| Purple | #8B5CF6 |
| Royal Purple | #7C3AED |
| Amethyst | #6D28D9 |
| Deep Purple | #5B21B6 |
| Plum | #3B0764 |
| Midnight Violet | #1E1B4B |
What does purple mean?
Purple has long been associated with royalty, luxury, creativity and spirituality — historically because purple dye was rare and expensive. In branding today it signals imagination (creative tools), premium quality (beauty, luxury) and calm wisdom (wellness, education).
Best purple color combinations
- Purple + Gold — luxury and celebration:
#6D28D9·#D4AF37 - Purple + Yellow — high-contrast complement:
#7C3AED·#FACC15 - Purple + Pink — soft and creative:
#9333EA·#EC4899 - Purple + Teal — modern and fresh:
#8B5CF6·#14B8A6 - Purple + Gray — sophisticated minimal:
#7C3AED·#9CA3AF
For the full breakdown, see what colors go with purple.
Three ready-made purple palettes
Pastel purple
#F5F3FF · #EDE9FE · #C4B5FD · #A78BFA · #7C3AED
Royal purple
#7C3AED · #6D28D9 · #5B21B6 · #D4AF37 · #FAF5FF
Dark purple
#1E1B4B · #3B0764 · #5B21B6 · #8B5CF6 — see the dark purple aesthetic guide.
Use purple in CSS
:root {
--purple-50: #F5F3FF;
--purple-200: #C4B5FD;
--purple-500: #8B5CF6;
--purple-700: #6D28D9;
--purple-900: #4C1D95;
}Want a purple gradient? See purple aesthetic backgrounds for copy-paste CSS.
Frequently asked questions
What two colors make purple?
Red and blue make purple. More red gives a warm magenta-purple; more blue gives a cooler violet.
What is the most popular purple hex code?
Royal purple #7C3AED and violet #8B5CF6 are among the most widely used purples in modern web design.
What colors go with purple?
Yellow, gold, pink, teal, gray and cream all pair well. See our full guide.
Keep exploring: pink color palettes, color theory basics, or browse all purple palettes.
