Natural Wool

#fff6d7

Muted wooly off-white, warmer than corn silks

Save
Share

About Natural Wool

Natural Wool looks like paper pulled from a knitting basket: a light, creamy beige that's warmer than the other "almost-white" tones without drifting into sun-yellow. Compared to , it's a touch more present and a little less whisper-close to white, so it holds up when the layout gets busy. Compared to , it reads more grounded and slightly more muted, not as softly yellowed or forgiving-looking.

I use it when the UI needs a warm base but the design can't go precious. It's great for documentation sites, style guides, and support portals where headings are going to be doing the work, not the background. In e-commerce product pages and marketing landing sections, it's a the one you reach for neutral that won't compete with skin tones, product shots, or fine illustration details.

Quick quirk: next to very cool grays it can make the contrast feel a bit richer than you planned. If you want it to stay quiet, pair it with warmer gray text and let the tone do the blending.

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

On Gray 100 #f5f5f5

Aa
1.01:1Fail

On Gray 900 #18181b

Aa
16.38:1AAA

On Black #000000

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

Create a gradient with Natural Wool

Open the generator with this color pre-loaded.

Start creating