Natural Wool
#fff6d7
Muted wooly off-white, warmer than corn silks
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 Cornsilk, 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 Buttermelon, 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.