UI Shades

A study in yellow

Light Yellow

#FFFFE0

Family
Yellow
L
0.992
C
0.040
H
107°

Notes

Light Yellow is a very pale, faintly green-yellow cream. The CSS hex reads as warm but barely chromatic, useful as a background for food, beauty, or wellness designs where a hint of sunlight is wanted. Pair with deep brown or charcoal for type. Against pure white the difference is subtle, so it works best as a layered surface or panel background rather than as a primary page color. Place it next to brighter yellows and Light Yellow looks gray by comparison, creating the impression of a calibration shift rather than a deliberate layered palette.

#ffffe0
Light Yellow
Light Yellow
#ffffe0
oklch(0.992 0.04 107.11)
rgb(255 255 224)
hsl(60 100% 93.9%)
Share
#ffffe0
#f9f8c4
#eeeb87
#e2db27
#c3ba00
#979000
#7d7700
#676200
#4b4600
#332f00
#1b1800

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 Light Yellow

Cross-reference
Q&A

Frequently asked questions

What is Light Yellow?

Light Yellow is a very pale, faintly green-yellow cream. The CSS hex reads as warm but barely chromatic, useful as a background for food, beauty, or wellness designs where a hint of sunlight is wanted. Its hex code is #FFFFE0.

What are the tints and shades of Light Yellow?

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

Its complementary color is #FBFAFF. Triadic partners are #E6FFFF and #FFF5FF; analogous neighbours are #F0FFE9 and #FFFADF.

What are the OKLCH and RGB values of Light Yellow?

Light Yellow is #FFFFE0 - OKLCH 0.992 0.040 107°, rgb(255 255 224), in the yellow family.