Silver-Tongued

#cdc7c7

Cooler silvery gray for calm, softer UI chrome

Save
Share

About Silver-Tongued

Silver-Tongued reads like the gray you see on a brushed metal panel under office lighting. It's light and cool, but it doesn't go as chalky as the paler options, and it carries a firmer silver note than . Compared to , it feels less "chromed" and more controlled, with a steadier neutrality instead of that slightly brighter, engineered gleam.

For me, the one you reach for when you need UI chrome to look clean without turning ghostlike. It works great in dashboards and finance apps where tables, filter bars, and empty states need to stay quiet yet legible against white. It also holds up in documentation portals for logistics and healthcare, and in editorial templates when you want photos to stay the focus while headers and captions don't sink into taupe. It's cooler than warmer grays in this family, but it's not as flat or mid-dense as .

One thing to watch: in very warm backlit setups, it can drift toward beige. If your type color is on the warmer side, test side by side so the gray stays decisively silver.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.67:1Fail

On Gray 100 #f5f5f5

Aa
1.53:1Fail

On Gray 900 #18181b

Aa
10.62:1AAA

On Black #000000

Aa
12.59:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#cfc9c7
#cec9c3
#cbcbcb
#cecac3
#c6c6c2

Create a gradient with Silver-Tongued

Open the generator with this color pre-loaded.

Start creating