Lavender Dream Palette — HEX Codes, Swatches & UI Palette
Fragrant purple fields of Provence blooming under summer skies. Gentle lilac and ethereal periwinkle merge with deep royal amethyst to symbolize tranquility, creative imagination, and mindful luxury.
Color Swatches & Technical Specifications
Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Lavender Dream Palette.
UI Design & Color Hierarchy Guide
Proven to reduce anxiety and inspire creative reflection. Widely adopted by meditation apps, mindful journals, scented candle makers, and AI creative studios.
WCAG 2.1 Accessibility & Contrast Matrix
Legibility ratings between palette elements and key backgrounds (Lightest: Whispering Violet | Darkest: Royal Amethyst):
| Swatch | Contrast vs Light Canvas | Contrast vs Dark Canvas |
|---|---|---|
| Royal Amethyst (#5A3D7A) | 8.09:1 AAA | 1.0:1 Fail |
| French Lavender (#8E6EAB) | 3.88:1 AA Large | 2.08:1 Fail |
| Misty Periwinkle (#B19CD9) | 2.23:1 Fail | 3.62:1 AA Large |
| Soft Lilac Mist (#E6E6FA) | 1.13:1 Fail | 7.16:1 AAA |
| Whispering Violet (#F7F4FA) | 1.0:1 Fail | 8.09:1 AAA |
CSS Custom Properties & Design Tokens
Copy and paste production-ready tokens directly into your CSS stylesheet or Tailwind CSS configuration:
:root {
--color-1: #5A3D7A; /* Royal Amethyst - Majestic Deep Purple */
--color-2: #8E6EAB; /* French Lavender - Classic Floral Purple */
--color-3: #B19CD9; /* Misty Periwinkle - Ethereal Pastel Accent */
--color-4: #E6E6FA; /* Soft Lilac Mist - Gentle Dream Tint */
--color-5: #F7F4FA; /* Whispering Violet - Subtle Glare-Free Canvas */
}{
colors: {
'palette-1': '#5A3D7A',
'palette-2': '#8E6EAB',
'palette-3': '#B19CD9',
'palette-4': '#E6E6FA',
'palette-5': '#F7F4FA'
}
}Explore More Curated Color Palettes
Browse seasonal palettes, retro aesthetic color schemes, nature tones, and dark mode themes.