Lucius Lilac

#baa2ce

Slightly warmer lilac with grounded midlight neutrality

Save
Share

About Lucius Lilac

Lucius Lilac reminds me of the moment a purple marker goes translucent over light paper, not the thick ink look of . It sits in that lilac lane without leaning mauve, and it feels a touch more settled and polished than .

Compared with , it holds onto more presence, less "airbrush" softness, so it reads as purple first, not just pale violet. I use it for on-product UI where you need a confident highlight, like checkout and subscriptions surfaces, account panels, and settings headers in consumer apps. It's also great for wellness and e-commerce card overlays when you want light purple accents that stay crisp over photos instead of fading into them.

One quirk: next to grayish neutrals it can go slightly cooler, so I keep it with clean whites or soft, true neutral creams to avoid the lavender drifting feeling.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.30:1Fail

On Gray 100 #f5f5f5

Aa
2.11:1Fail

On Gray 900 #18181b

Aa
7.72:1AAA

On Black #000000

Aa
9.15:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Lucius Lilac

Open the generator with this color pre-loaded.

Start creating