Greybeard

#d4d0c5

Muted warm gray for paperlike, softened contrast

Save
Share

About Greybeard

Greybeard sits warmer than but doesn't have 's restlessness. It's the gray that actually looks like it belongs in a room instead of on a screen, there's something softer about it, less clinical. You're not fighting it to stay neutral; it's already settled into a quiet warmth that doesn't demand anything from what surrounds it.

Reach for it in editorial layouts, packaging, and long-form reading interfaces where feels too austere but pure white is too bright. It works in design portfolios, luxury product sites, and publication spreads where you need a background that has personality without personality getting in the way. Type reads cleanly. Photography doesn't compete. It's the kind of color that works harder than it looks because it's doing two jobs at once: giving the page structure and making it feel less like work to look at.

Pair it with blacks that lean slightly warm and it's bulletproof. Push it against cool accents and there's a gentle tension that can actually work in your favor, it'll just tell you something about your palette that you probably needed to know anyway.

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.54:1Fail

On Gray 100 #f5f5f5

Aa
1.41:1Fail

On Gray 900 #18181b

Aa
11.50:1AAA

On Black #000000

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

#d5d2c7
#d2d1cd
#d9cfbe

Create a gradient with Greybeard

Open the generator with this color pre-loaded.

Start creating