Wheat Sheaf

#dfd4c4

Light wheat beige-gray for layout warmth and clarity

Save
Share

About Wheat Sheaf

Spread Wheat Sheaf across a blank UI canvas and it reads like paper that's been warmed by sun through a window shade. It's a light gray that doesn't go creamy like Shōji, and it doesn't hold that stone-desk steadiness of . Compared to both, it feels slightly more tan-leaning, with a softer, more inviting undertone, not a cool neutrality.

I use it as the one you reach for when is just a touch too alive, but the page still needs warmth to keep typography from looking like it's floating on cold air. It's especially useful in editorial layouts, commerce product pages, and internal admin screens where you want panels and tables to feel clean without becoming sterile. Pair it with charcoal text and muted blues or sage accents so the tan undertone stays intentional.

Quirk: next to , Wheat Sheaf will look warmer and a bit gentler, so don't stack them without a darker middle step or the hierarchy gets mushy.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.46:1Fail

On Gray 100 #f5f5f5

Aa
1.34:1Fail

On Gray 900 #18181b

Aa
12.11:1AAA

On Black #000000

Aa
14.35:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#ded5c7
#e3d2c0
#e3d3bf
#e0d7c6
#dad7c8

Create a gradient with Wheat Sheaf

Open the generator with this color pre-loaded.

Start creating