UI Shades

A study in yellow

Cornsilk

#FFF8DC

Family
Yellow
L
0.977
C
0.037
H
95°

Notes

Cornsilk is the pale, dry yellow of dried corn husks, almost off-white. It is one of CSS's quieter cream tones, sitting between Floral White and Lemon Chiffon. Stationery, food-blog, and craft-product designs use it as a soft background that warms a page without committing to a real yellow accent. Browns and deep greens give a harvest palette, and charcoal handles the type. Against pure white it reads as faintly yellow; against a yellow accent it can disappear into the background. Layer it as a single-surface tone rather than stacking it against other pale yellows, where the distinction gets lost.

#fff8dc
Cornsilk
Cornsilk
#fff8dc
oklch(0.977 0.037 95.44)
rgb(255 248 220)
hsl(48 100% 93.1%)
Share
#fff8dc
#fff5c5
#fce58a
#f6d235
#d7b100
#a78900
#8b7100
#735c00
#544200
#3a2c00
#201600

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 Cornsilk

Cross-reference
Q&A

Frequently asked questions

What is Cornsilk?

Cornsilk is the pale, dry yellow of dried corn husks, almost off-white. It is one of CSS's quieter cream tones, sitting between Floral White and Lemon Chiffon. Its hex code is #FFF8DC.

What are the tints and shades of Cornsilk?

uishades builds an 11-step OKLCH ramp for Cornsilk (#FFF8DC) - 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 Cornsilk?

Its complementary color is #F1F6FF. Triadic partners are #DDFFFF and #FFEFFF; analogous neighbours are #F1FDE2 and #FFF3DE.

What are the OKLCH and RGB values of Cornsilk?

Cornsilk is #FFF8DC - OKLCH 0.977 0.037 95°, rgb(255 248 220), in the yellow family.