Cold Lips
#9ba0ef
Brighter, cooler periwinkle-violet for airy UI contrast
About Cold Lips
Cold Lips is the color you reach for when periwinkle starts feeling too warm. It's got a sharp clarity that Birdie Num Num and Blue Lips both soften, there's actual bite here, a distinctly cool undertone that doesn't compromise or apologize. Where those two settle into backgrounds and support roles, this one holds its ground.
You'll see it in design systems for productivity tools and SaaS dashboards where you need something that reads distinctly purple without the earthiness of Beefy Pink. It works in fintech interfaces, data-heavy applications, and anywhere you're asking users to stay focused. The saturation sits higher than Blue Lips but stays controlled, the kind of color that communicates precision without aggression. It also shows up in tech packaging and brand guidelines where you want to signal reliability through color, not decoration.
The trick is knowing when to use it cold. Pair it with cool grays and it becomes almost clinical, useful if that's your intention. Throw it next to warmer neutrals and it'll start to feel tense, almost contradictory. That's not a weakness. Sometimes you want the color to push back.
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.