Lavender Fields Color Palette
Soft orchid through deep violet, like rows of blooming lavender.
Use as a gradient →
Colors
#E0BBE4
#C9A0DC
#957DAD
#6A5ACD
#4B3F72
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #E0BBE4 | T - | T - | |
| #C9A0DC | T - | T - | |
| #957DAD | T - | T - | |
| #6A5ACD | T - | T - | |
| #4B3F72 | 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.
Lavender Fields CSS Code
HEX Copy
#E0BBE4 #C9A0DC #957DAD #6A5ACD #4B3F72
RGBA Copy
rgba(224, 187, 228, 1.0) rgba(201, 160, 220, 1.0) rgba(149, 125, 173, 1.0) rgba(106, 90, 205, 1.0) rgba(75, 63, 114, 1.0)
HSLA Copy
hsla(294, 43%, 81%, 1.0) hsla(281, 46%, 75%, 1.0) hsla(270, 23%, 58%, 1.0) hsla(248, 53%, 58%, 1.0) hsla(254, 29%, 35%, 1.0)
More Color Palettes
FAQ
What colors are in the Lavender Fields palette?Soft orchid through deep violet, like rows of blooming lavender.
How do I turn the Lavender Fields palette into a CSS gradient?
Use
background: linear-gradient(to right, #E0BBE4, #C9A0DC, #957DAD, #6A5ACD, #4B3F72);, or click "Use as a gradient" above to open it in the live generator.