Light Lilac
#dcc6d2
Light lilac-gray for cooler, airy interface backgrounds
About Light Lilac
I keep noticing how Light Lilac reads like a soft gray with a quiet purple echo. It's not as lifeless as pure neutral backgrounds, and it never goes fully silver like Columbo's Coat. Compared to the pink-leaning grays, this one stays noticeably cooler and airier, so the UI feels gentle without turning rosy.
For interfaces, I use it as the main panel wash in design tools, creative platforms, and collaboration spaces where you want calm surfaces that don't disappear. It also works well in help centers and onboarding screens for telecom, healthcare admin, and logistics portals, especially when type needs breathing room. The mood is light and slightly dreamy, but the one you reach for when you still want structure, not color chaos. It holds product photography without fighting it, unlike more actively warm members of the set.
Pair it with charcoal or deep slate accents. If you put it next to colder steel grays, it can look a touch more muted, so I'd sanity-check the header contrast early.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.