#F3E8FF Purple Color Palette
A purple palette with pale lavender, mid violet, saturated purple, and a deep plum anchor.
Purple can shift noticeably toward red or blue; this palette intentionally stays on a cool-to-neutral violet path.
Palette colors
#D8B4FE #A855F7 #6D28D9 #3B0764 Each swatch chooses black or white label text using the higher WCAG contrast ratio for that single solid color. Final component contrast still depends on your actual text size and context.
Suggested use
Fits creative tools, premium editorial design, entertainment, and interfaces that need a clear progression from subtle lavender to a strong purple action color.
CSS variables
:root {
--palette-1: #F3E8FF;
--palette-2: #D8B4FE;
--palette-3: #A855F7;
--palette-4: #6D28D9;
--palette-5: #3B0764;
} Contrast snapshot
#F3E8FF Best of black/white: 17.80:1 #D8B4FE Best of black/white: 11.88:1 #A855F7 Best of black/white: 5.31:1 #6D28D9 Best of black/white: 7.10:1 #3B0764 Best of black/white: 15.00:1 This is a quick black/white text comparison, not a full accessibility audit. Use the Contrast Checker for the exact foreground/background pair you plan to ship.
More Purple palette directions
Lavender
Light lavender surfaces with a usable violet action color.
#F5F3FF#DDD6FE#A78BFA#7C3AED#4C1D95 Electric violet
Higher-chroma purples for expressive digital work.
#F3E8FF#D946EF#A855F7#7E22CE#581C87 Plum
Red-biased purple values for a warmer, more editorial mood.
#F3E8F0#D8B4C8#A85586#7A315F#4A193B Related palettes
Calm Violet UI Palette
A restrained violet interface palette with neutral surfaces, a soft supporting violet, and a strong primary action color.
Pastel Color Palette
A soft five-color pastel palette with pink, peach, green, blue, and lavender tones.
Sunset Color Palette
A sunset-inspired palette moving from twilight violet through magenta and coral to warm gold.
Blue Color Palette
A blue palette moving from a near-white cool surface through a saturated action blue to a deep navy.