UI Shades

A study in yellow

Wheat

#F5DEB3

Family
Yellow
L
0.909
C
0.061
H
83°

Notes

Wheat is the colour of mature grain heads in late summer, the same hue Pieter Bruegel painted across the foreground of his 1565 Harvesters canvas. The CSS value, drawn from the X11 list in the 1980s, sits between Cornsilk and Tan with low chroma and high lightness. Food brands like King Arthur Flour and Bob's Red Mill use surfaces in this band on packaging because the warmth photographs as natural rather than as manufactured. Against walnut #3e2817 type it warms further; muted forest green builds a heritage outdoor palette. Body text against white fails AA at every standard size; Wheat is a surface tone.

#f5deb3
Wheat
Wheat
#f5deb3
oklch(0.909 0.061 83.03)
rgb(245 222 179)
hsl(39.1 76.7% 83.1%)
Share
#fff9eb
#fff3db
#f5deb3
#f1cf90
#d5ae61
#ac842f
#926c08
#7b5700
#5a3e00
#3f2900
#221400

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 Wheat

Cross-reference
Q&A

Frequently asked questions

What is Wheat?

Wheat is the colour of mature grain heads in late summer, the same hue Pieter Bruegel painted across the foreground of his 1565 Harvesters canvas. The CSS value, drawn from the X11 list in the 1980s, sits between Cornsilk and Tan with low chroma and high lightness. Its hex code is #F5DEB3.

What are the tints and shades of Wheat?

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

Its complementary color is #CCE2FF. Triadic partners are #B1EEF3 and #F6D4F9; analogous neighbours are #E0E6B7 and #FFD7BC.

What are the OKLCH and RGB values of Wheat?

Wheat is #F5DEB3 - OKLCH 0.909 0.061 83°, rgb(245 222 179), in the yellow family.