UI Shades

A study in neutral

Seashell

#FFF5EE

Family
Neutral
L
0.976
C
0.014
H
58°

Notes

Seashell is one of the warmest off-whites in the CSS spec, with a faint pink-orange undertone. The hex reads as quiet and inviting, distinct from cooler whites. Editorial, hospitality, and craft brands use it as a primary background. Against deep brown type it warms a layout in a way charcoal cannot. The undertone suits long-form reading and product photography where a hint of texture is wanted without committing to a real color. Two Seashell surfaces sitting adjacent will look identical in dim viewing conditions, so treat the color as a single-layer tone rather than nested cards.

#fff5ee
Seashell
Seashell
#fff5ee
oklch(0.976 0.014 57.59)
rgb(255 245 238)
hsl(24.7 100% 96.7%)
Share
#fff5ee
#fff1e5
#fddfca
#f5cbac
#d9a985
#b07f5b
#966743
#7e5331
#5d3b1f
#402611
#231306

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 Seashell

Cross-reference
Q&A

Frequently asked questions

What is Seashell?

Seashell is one of the warmest off-whites in the CSS spec, with a faint pink-orange undertone. The hex reads as quiet and inviting, distinct from cooler whites. Its hex code is #FFF5EE.

What are the tints and shades of Seashell?

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

Its complementary color is #EFF9FF. Triadic partners are #EEFAF7 and #F8F5FF; analogous neighbours are #FBF7ED and #FFF4F2.

What are the OKLCH and RGB values of Seashell?

Seashell is #FFF5EE - OKLCH 0.976 0.014 58°, rgb(255 245 238), in the neutral family.