Sooty Lashes

#474d52

Medium smoky gray for text and secondary surfaces

Save
Share

About Sooty Lashes

Sooty Lashes looks like the gray you get after the first layer of charcoal smudges and settles. It's not as deep as , and it doesn't have that cool, receding way it pulls the room inward. Compared to , it feels more grounded and less like a shadow behind glass. And versus , it's less saturated, so it doesn't feel like slate or aged concrete.

This one lands in the sweet spot for a gray that still feels intentional in dark UI stacks. I like it for design tools and data-heavy platforms where panels need to be visible but not louder than the content. It's also handy in admin interfaces for table headers, filter bars, and dense secondary surfaces, where you want contrast to come from the typography, not from the background's mood.

One quirk: because it's slightly warmer and muted, it pairs better with cool highlights than with overly blue text. If your hierarchy is thin, test it beside your lightest grays so the step doesn't flatten.

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
8.57:1AAA

On Gray 100 #f5f5f5

Aa
7.86:1AAA

On Gray 900 #18181b

Aa
2.07:1Fail

On Black #000000

Aa
2.45:1Fail

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

Create a gradient with Sooty Lashes

Open the generator with this color pre-loaded.

Start creating