Amethyst Dream Color Palette
Rich amethyst purple softening into pale lavender.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
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. Click a check to verify it on colorcontrastcheck.com.
Amethyst Dream CSS Code
oklch(29.05% 0.1432 302.72) oklch(43.2% 0.2106 292.76) oklch(54.13% 0.2466 293.01) oklch(70.9% 0.1592 293.54) oklch(89.43% 0.0549 293.28)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
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 "Make it a gradient" above to open it in the live generator.