Timid White

#d9d6cf

Drier warm-white gray, calmer than Athena

Save
Share

About Timid White

Timid White looks like the first layer of daylight on a plaster wall. It's clearly in the gray family, but it feels gentler and less "architectural" than or , and it won't drift into that warmer, softer tan direction you get from -adjacent notes.

Compared with 's balanced structure, Timid White is even lighter and slightly more muted, so UI chrome and long text both feel calmer. It's a great fit for publishing layouts, product documentation, and SaaS dashboards and admin panels where you need plenty of page air without making cards and tables fight the background. Use it in e-commerce categories and editorial templates too, especially when photography has highlights that would otherwise glare.

One caution: because it sits close to white, it can flatten contrast if you keep everything at the same tone. Pair it with crisper line weights and off-whites that have more body, and it stays the one you reach for when you want "quiet" without going blank.

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

On Gray 100 #f5f5f5

Aa
1.33:1Fail

On Gray 900 #18181b

Aa
12.21:1AAA

On Black #000000

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

#d6d7d2
#dcd7cd
#d5d5ce
#dcd7cc
#d4d8ce

Create a gradient with Timid White

Open the generator with this color pre-loaded.

Start creating