Argent
#888888
Steely midlight gray, cooler and cleaner undertone
About Argent
Argent sits right in the middle, not dark enough to anchor like Chorus of Elephants, not light enough to disappear like Cathedral. It's the gray that actually reads as gray, the one that won't shift or apologize depending on what you put next to it. True neutral without the coldness.
Use it when you need a background that holds its ground without dominating the work. Analytics platforms, content management systems, design tools where users live for hours, anywhere the interface itself needs to feel present but not demanding. Unlike Concrete Jungle, which leans into warmth and texture, Argent stays composed. Unlike Cathedral, it doesn't try to recede. It's the workhorse gray, the one that pairs equally with cool type and warm accents without forcing a choice.
Saturated UI elements will read sharp and decided against it. Dark text sits cleanly on top without needing to shout. This is the gray you reach for when you want the page to feel intentional, not invisible.
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.