Lilac Lace

#c6a1cf

Cool muted lilac-pink for balanced, soft highlights

Save
Share

About Lilac Lace

On a card mockup, Lilac Lace lands like a pale pink that's already been softened by daylight. It's light and airy, but not chalky, with a delicate lilac edge that keeps it from reading like generic bubblegum. Compared to 's cooler, damp richness and 's more assertive push, this one stays gentler and more balanced, so it won't fight the surrounding UI.

I use Lilac Lace for onboarding screens in education platforms, skincare and beauty booking flows, and menu cards where you want calm attention rather than momentum. It's also great for empty states, step indicators, and light dividers in creator tools and lifestyle apps, especially when you want a soft pink header that won't tip purple-heavy like . Pair it with warmer off-whites or cool greys to keep the lilac undertone crisp.

Quirk: because it's so light, it can look washed beside richer mauves, so let it breathe with stronger type weights or a slightly deeper supporting tint.

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.23:1Fail

On Gray 100 #f5f5f5

Aa
2.05:1Fail

On Gray 900 #18181b

Aa
7.93:1AAA

On Black #000000

Aa
9.40: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.

Similar colors

Create a gradient with Lilac Lace

Open the generator with this color pre-loaded.

Start creating