UI Shades

A study in neutral

White

#FFFFFF

Family
Neutral
L
1.000
C
0.000
H
-

Notes

White in CSS is #ffffff, the full on-state of every pixel in the sRGB colour space. As a UI surface it carries no inherent emotional load, which is exactly why it is the default background for the majority of websites and applications. Used too aggressively, especially in large fields under tungsten light, it can produce eye fatigue; many modern designs reach for a slightly warmer off-white like Snow, Ivory, or a Stone 50 instead. Any dark type and any accent colour will pair with it. Two pure white surfaces in adjacent layers will be indistinguishable without separator borders.

#ffffff
White
White
#ffffff
oklch(1 0 0)
rgb(255 255 255)
hsl(0 0% 100%)
Share
#ffffff
#f4f4f4
#e5e5e5
#d4d4d4
#b4b4b4
#8b8b8b
#737373
#5e5e5e
#444444
#2d2d2d
#171717

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 White

Cross-reference
Q&A

Frequently asked questions

What is White?

White in CSS is #ffffff, the full on-state of every pixel in the sRGB colour space. As a UI surface it carries no inherent emotional load, which is exactly why it is the default background for the majority of websites and applications. Its hex code is #FFFFFF.

What are the tints and shades of White?

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

Its complementary color is #FFFFFF. Triadic partners are #FFFFFF and #FFFFFF; analogous neighbours are #FFFFFF and #FFFFFF.

What are the OKLCH and RGB values of White?

White is #FFFFFF - OKLCH 1.000 0.000 0°, rgb(255 255 255), in the neutral family.