Amethyst Dream Color Palette
Rich amethyst purple softening into pale lavender.
Use as a gradient →
Colors
#3B0764
#5B21B6
#7C3AED
#A78BFA
#DDD6FE
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #3B0764 | T - | T - | |
| #5B21B6 | T - | T - | |
| #7C3AED | T - | T - | |
| #A78BFA | T - | T - | |
| #DDD6FE | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Amethyst Dream CSS Code
HEX Copy
#3B0764 #5B21B6 #7C3AED #A78BFA #DDD6FE
RGBA Copy
rgba(59, 7, 100, 1.0) rgba(91, 33, 182, 1.0) rgba(124, 58, 237, 1.0) rgba(167, 139, 250, 1.0) rgba(221, 214, 254, 1.0)
HSLA Copy
hsla(274, 87%, 21%, 1.0) hsla(263, 69%, 42%, 1.0) hsla(262, 83%, 58%, 1.0) hsla(255, 92%, 76%, 1.0) hsla(251, 95%, 92%, 1.0)
More Color Palettes
FAQ
What colors are in the Amethyst Dream palette?Rich amethyst purple softening into pale lavender.
How do I turn the Amethyst Dream palette into a CSS gradient?
Use
background: linear-gradient(to right, #3B0764, #5B21B6, #7C3AED, #A78BFA, #DDD6FE);, or click "Use as a gradient" above to open it in the live generator.