Pastel Violet
#cb99c9
Very light cool violet tint for airy accents
About Pastel Violet
On a blank UI canvas, Pastel Violet reads like a pink that took one step toward lilac, then got softened by daylight. It's not as rosy and assertive as Girl Power, and it doesn't drift as chalky-gentle as Lilac Lace. Versus Somewhere in a Fairytale, the mood is quieter too, but less pearly. What you notice first is the faint violet undertone that keeps it from feeling purely pink.
I use Pastel Violet for dashboards and learning platforms where you want a light tint that still looks intentional in layout surfaces like cards, section headers, and empty-state panels. It also holds up nicely in creator and wellness feeds for labels, tag pills, and progress-related UI steps when you need "supportive" without the upbeat punch. Pair it with warm off-whites and soft greys; it stays coherent on mixed imagery better than the brighter Pink neighbors.
Quirk: because it sits between pink and lilac, it can tilt slightly cool next to very warm whites. If the background is cream-heavy, give it a touch more contrast in type or borders so it doesn't blur into the page.
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.