UI Shades

A study in yellow

Beige

#F5F5DC

Family
Yellow
L
0.964
C
0.033
H
107°

Notes

Beige is the color of unbleached wool and, for a stretch of the late twentieth century, almost every office computer. Its undertone is yellow-green, which is why it ages better than pinker neutrals when seen in daylight. Editorial and interior design use it as a warm canvas for richer accents like terracotta or muted navy. On screens, beige softens the eye strain that pure white can cause during extended reading, which is why it shows up in long-form reading apps and reader views. The undertone means cool grays placed next to it will look slightly dirty by comparison.

#f5f5dc
Beige
Beige
#f5f5dc
oklch(0.964 0.033 107)
rgb(245 245 220)
hsl(60 55.6% 91.2%)
Share
#fbfbec
#f5f5dc
#e9e9bb
#dad995
#bcb968
#939038
#7b771a
#656100
#494600
#322f00
#1a1800

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 Beige

Cross-reference
Q&A

Frequently asked questions

What is Beige?

Beige is the color of unbleached wool and, for a stretch of the late twentieth century, almost every office computer. Its undertone is yellow-green, which is why it ages better than pinker neutrals when seen in daylight. Its hex code is #F5F5DC.

What are the tints and shades of Beige?

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

Its complementary color is #F1F0FF. Triadic partners are #DDF8FF and #FFEBF7; analogous neighbours are #E9F9E3 and #FFF1DB.

What are the OKLCH and RGB values of Beige?

Beige is #F5F5DC - OKLCH 0.964 0.033 107°, rgb(245 245 220), in the yellow family.