UI Shades

A study in neutral

Linen

#FAF0E6

Family
Neutral
L
0.960
C
0.017
H
68°

Notes

Linen is the warm off-white of unbleached natural fiber. The CSS hex carries a slightly pink-yellow undertone that reads as artisanal and tactile, distinct from cooler whites. Editorial, hospitality, and craft-product brands use it as a primary background. Pair with deep brown for type, or with terracotta for a secondary accent. The warm cast makes it especially comfortable for long-form reading and for product photography where a hint of texture without competing color is wanted. The undertone means cool grays placed adjacent to Linen will read as slightly off rather than as considered neutrals.

#faf0e6
Linen
Linen
#faf0e6
oklch(0.96 0.017 67.62)
rgb(250 240 230)
hsl(30 66.7% 94.1%)
Share
#fff9f3
#faf0e6
#f4e2d0
#e9cfb5
#ccae90
#a38566
#8a6d4e
#73583c
#543f29
#3a2a18
#1f150a

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Linen

Cross-reference
Q&A

Frequently asked questions

What is Linen?

Linen is the warm off-white of unbleached natural fiber. The CSS hex carries a slightly pink-yellow undertone that reads as artisanal and tactile, distinct from cooler whites. Its hex code is #FAF0E6.

What are the tints and shades of Linen?

uishades builds an 11-step OKLCH ramp for Linen (#FAF0E6) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Linen?

Its complementary color is #E9F3FD. Triadic partners are #E6F6F4 and #F5EFFB; analogous neighbours are #F5F2E5 and #FDEEEA.

What are the OKLCH and RGB values of Linen?

Linen is #FAF0E6 - OKLCH 0.960 0.017 68°, rgb(250 240 230), in the neutral family.