Exotic Lilac
#d198b5
Light lilac tint for calm red sidebars
About Exotic Lilac
Exotic Lilac looks like a lavender tint that stayed airy instead of turning dusty. Compared to Foxy Pink's warmer, more forward pink energy, this one leans noticeably cooler and softer, with a steadier, more muted lilac undertone. And unlike Classy Mauve, it still reads clearly as color, not just gray haze.
I use it when I want the interface to feel gentle but still legible: think beauty onboarding and patient intake section labels, lightweight badges, and card headers where you want something more expressive than a mauve-gray. It also shows up well in wellness dashboards and care app confirmations, especially on light UI, because the value stays light without disappearing. It's the one you reach for when you need "calm" without sliding all the way into the gray-back quiet of Classy Mauve.
Pair it with crisp neutrals and a touch of warm cream if you need depth. If you match it with cool grays only, it can read a bit flat in tiny type, so keep an eye on scale.
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.