Complementary
Maximum contrast — logos, CTAs, bold pairs
It evokes a sense of quiet solemnity and profound tranquility, promoting introspection and a serene detachment.
Cool, muted tones have been used in art and literature to convey themes of reflection, solitude, and the majestic, often melancholic, beauty of nature.
Harmonious pairings from this color. Click any swatch to copy.
Copy any format — sRGB, print, and perceptual OKLCH.
WCAG 2.2 contrast for the pairings designers use most.
Readable body text at this size.
Use black text for body copy, labels, and controls.
All pairings
Shades, tints, and tones in 10% steps — built for real UI states.
Darker steps for hover, shadow, and pressed states.
How this color reads under common forms of color vision deficiency.
Perceptually closest named colors in the library.