UI Shades

A study in yellow

Lemon Chiffon

#FFFACD

Family
Yellow
L
0.978
C
0.058
H
102°

Notes

Lemon Chiffon is a pale, slightly green-yellow cream named after the airy citrus dessert. The CSS hex is one of the gentler yellows in the spec and works as a warm background for food, beauty, and editorial design. Pair with deep brown for type, or with warm orange for accent contrast. Against pure white it reads as faintly yellow; against a saturated yellow accent it disappears into the background, so layer thoughtfully. Two Lemon Chiffon surfaces in adjacent layers will produce a subtle but visible boundary that can read as banding rather than as separation.

#fffacd
Lemon Chiffon
Lemon Chiffon
#fffacd
oklch(0.978 0.058 102.16)
rgb(255 250 205)
hsl(54 100% 90.2%)
Share
#fffacd
#fff7aa
#fde93c
#efd700
#ccb600
#9e8d00
#837400
#6c5f00
#4f4400
#362e00
#1d1700

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 Lemon Chiffon

Cross-reference
Q&A

Frequently asked questions

What is Lemon Chiffon?

Lemon Chiffon is a pale, slightly green-yellow cream named after the airy citrus dessert. The CSS hex is one of the gentler yellows in the spec and works as a warm background for food, beauty, and editorial design. Its hex code is #FFFACD.

What are the tints and shades of Lemon Chiffon?

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

Its complementary color is #F4F6FF. Triadic partners are #D8FFFF and #FFEDFF; analogous neighbours are #E9FFD8 and #FFF3D3.

What are the OKLCH and RGB values of Lemon Chiffon?

Lemon Chiffon is #FFFACD - OKLCH 0.978 0.058 102°, rgb(255 250 205), in the yellow family.