UI Shades

A study in yellow

Pale Goldenrod

#EEE8AA

Family
Yellow
L
0.921
C
0.080
H
103°

Notes

Pale Goldenrod is the pale, faintly green-yellow cream of dried summer flowers. The CSS hex sits between Lemon Chiffon and Khaki, with low chroma and a warm undertone. Editorial, food, and wellness brands use it as a quiet background. Pair with deep brown for type, or with muted forest green for a softer secondary accent. Against pure white the difference is subtle, so it works as a layered surface rather than as a primary page background. Two Pale Goldenrod surfaces in adjacent layers will produce a barely-visible boundary that can read as banding rather than intentional separation.

#eee8aa
Pale Goldenrod
Pale Goldenrod
#eee8aa
oklch(0.921 0.08 103.18)
rgb(238 232 170)
hsl(54.7 66.7% 80%)
Share
#fdfbe7
#f9f6d5
#eee8aa
#e2d87a
#c4b840
#9c8e00
#827500
#6b6000
#4e4500
#352e00
#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 Pale Goldenrod

Cross-reference
Q&A

Frequently asked questions

What is Pale Goldenrod?

Pale Goldenrod is the pale, faintly green-yellow cream of dried summer flowers. The CSS hex sits between Lemon Chiffon and Khaki, with low chroma and a warm undertone. Its hex code is #EEE8AA.

What are the tints and shades of Pale Goldenrod?

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

Its complementary color is #DFE1FF. Triadic partners are #AAF1FF and #FFD0F3; analogous neighbours are #D0F1BB and #FFDDAA.

What are the OKLCH and RGB values of Pale Goldenrod?

Pale Goldenrod is #EEE8AA - OKLCH 0.921 0.080 103°, rgb(238 232 170), in the yellow family.