Purple Color Palette
Luxury · Creativity · Wisdom
A regal purple palette from soft lavender to deep violet. Purple combines the calm of blue with the energy of red — associated with creativity, luxury, wisdom, and spirituality. Popular in beauty, wellness, and premium brand identities.
| Swatch | Name | Hex |
|---|---|---|
| Lavender 50 | #FAF5FF | |
| Purple 200 | #E9D5FF | |
| Purple 400 | #C084FC | |
| Purple 500 | #A855F7 | |
| Purple 700 | #7E22CE | |
| Violet 950 | #3B0764 |
Best For
Light purples and lavenders work beautifully as background gradients. Mid-tones pair well with white text for UI components. Deep violets create striking dark-mode themes.
CSS Custom Properties
:root {
--purple-100: #FAF5FF;
--purple-200: #E9D5FF;
--purple-300: #C084FC;
--purple-400: #A855F7;
--purple-500: #7E22CE;
--purple-600: #3B0764;
}Tailwind CSS Config
// tailwind.config.ts
export default {
theme: {
extend: {
colors: {
"purple": {
"100": "#FAF5FF",
"200": "#E9D5FF",
"300": "#C084FC",
"400": "#A855F7",
"500": "#7E22CE",
"600": "#3B0764",
},
},
},
},
}Generate a custom palette
Enter any seed colour and generate complementary, analogous, triadic, and monochromatic palettes. Export as CSS variables, Tailwind config, or JSON.
Open Color Palette GeneratorFrequently Asked Questions
What hex codes are in the Purple Color Palette?
The Purple Color Palette includes: Lavender 50 (#FAF5FF), Purple 200 (#E9D5FF), Purple 400 (#C084FC), Purple 500 (#A855F7), Purple 700 (#7E22CE), Violet 950 (#3B0764).
What is the mood of the Purple Color Palette?
Purple Color Palette evokes: Luxury · Creativity · Wisdom. A regal purple palette from soft lavender to deep violet. Purple combines the calm of blue with the energy of red — associated with creativity, luxury, wisdom, and spirituality. Popular in beauty, wellness, and premium brand identities.
What industries use the Purple Color Palette?
The Purple Color Palette is popular in: Beauty, Luxury, Creative Agencies, Spirituality. Light purples and lavenders work beautifully as background gradients. Mid-tones pair well with white text for UI components. Deep violets create striking dark-mode themes.
What colours pair well with this palette?
This palette pairs well with: white, gold, pink. Light purples and lavenders work beautifully as background gradients. Mid-tones pair well with white text for UI components. Deep violets create striking dark-mode themes.