Camo Clay

#747f71

Earthy midtone camo gray for subdued panels

Save
Share

About Camo Clay

Camo Clay reads like a color that's been weathered into submission. It sits lower than , noticeably darker, but it refuses the cool restraint that trades in. There's enough green-gray mixed into the brown to keep it from feeling like dirt, but not enough to make it disappear the way does. It's warm without warmth being the point.

This is the background you reach for in product interfaces where users need something substantial but not aggressive: design tools, content management systems, photography platforms. It's denser than so it can actually anchor a secondary panel, but it won't compete with your saturated accents the way might. Unlike , which goes full austere, Camo Clay has just enough earth tone to feel approachable. It's the one you pick when cool grays feel sterile but you're not ready to go warm.

Pair it with midtone type and muted greens or warm neutrals. It gets along poorly with bright, cold colors, they'll look washed out against it. Against dark text it feels solid. Against white space it disappears almost completely, which is sometimes exactly what you need.

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
4.19:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.84:1FailAA Large

On Gray 900 #18181b

Aa
4.23:1FailAA Large

On Black #000000

Aa
5.02:1AAAAA Large

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

#7a7c76
#677f70
#7d7d77
#74857f
#78776f
#76856a

Create a gradient with Camo Clay

Open the generator with this color pre-loaded.

Start creating