Super Silver
#eeeeee
Bright neutral cool-silver for crisp, minimal UI backgrounds
About Super Silver
Super Silver is the gray I notice in a brushed-metal label plate before I even register the typography. It sits a little brighter than the wall-like quiet of Plaster and feels more controlled than the softly present neutrality of Mercury. Where those neighbors stay "background steady," Super Silver reads more like a thin sheen: light, sleek, and just slightly cool without turning bluish.
I use it when the layout needs separation without looking flat, especially in fintech dashboards, control-room style product UIs, and retail ops screens where you want section headers, dividers, and table bands to feel crisp but not harsh. It also works well for slide decks for manufacturing, logistics, and insurance teams, since it holds up under office lighting and behind mid-tone photos.
Quirk: pair it with not-too-warm whites. If your surrounding whites drift creamy, this shade can look a touch colder and more "metallic" than you intended.
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.