Cardboard

#c19a6c

Paper-dry muted tan for low-contrast warm sections

Save
Share

About Cardboard

Cardboard looks like it's been sitting in a warehouse, there's a flatness to it that and don't have. It's desaturated enough to feel like a neutral, but warm enough that it doesn't disappear the way the lighter tans do. It's the color of restraint without apology, the kind of tan that reads as intentionally muted rather than washed out.

You reach for this one in e-commerce product pages, real estate listings, and publishing interfaces where you need a solid container that won't compete with photography or text. It works as a card background, a secondary navigation anchor, or the base layer behind form fields. Lighter than means it recedes more, but it's got enough presence to feel deliberate. It won't radiate the way does, and it doesn't have 's absorbed-light quality, it just sits there, steady, letting everything else do the talking.

Pair it with charcoal or deep cool grays and it opens up instead of closing down. Against warm beige or cream it can flatten, so always test it against your actual content first. This isn't the color for buttons that need attention, use for that. Cardboard is what you pick when you need something that works because it isn't demanding to be looked at.

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
2.59:1Fail

On Gray 100 #f5f5f5

Aa
2.38:1Fail

On Gray 900 #18181b

Aa
6.84:1AAAAA Large

On Black #000000

Aa
8.11: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

#c29867
#be9c67
#c19a62
#bb9e7c

Create a gradient with Cardboard

Open the generator with this color pre-loaded.

Start creating