Silver
#c0c0c0
Neutral bright silver for crisp, balanced UI
About Silver
Silver reads like the metal trim on a lab device or the edge of a brushed notebook cover. It's a light gray that stays clean and crisp, not chalky, not creamy, and not midtone weight like Explosive Grey.
If you're laying out product interfaces and need a neutral that won't drift warmer like City Dweller or lean sandy like Oatmeal, Silver is the one you reach for when the UI needs to feel tidy. I use it for settings screens, e-commerce checkout chrome, and admin panels where you want panels and form backgrounds to recede without turning icy. It also works well behind photo grids in content management systems because it doesn't fight skin tones the way warmer grays can.
Quirk: because it's this steady and slightly cooler-leaning in mood, it can make very warm brand accents feel louder. Pair it intentionally with either neutral typography or a controlled warm highlight so it doesn't feel cold by accident.
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.