Wheat
#F5DEB3The official CSS wheat color: a light golden-beige shade with a warm sand undertone.
A carefully edited collection of 89 unique wheat-inspired colors — from soft flour cream to honeyed straw, toasted grain and natural oat. Find your shade, compare the codes and bring it into your next project.
Curated by Ahmed Aden Image to Color Independently described sRGB shades
In CSS, wheat is the standardized sRGB color #F5DEB3. Beyond that single code, wheat-inspired palettes cover warm cream, straw-gold, muted oat and toasted tan. These groupings are descriptive rather than official industry color standards.
Each swatch represents a distinct HEX code, with calculated RGB, HSL and black/white contrast. Descriptive names and use ideas are editorial, not manufacturer color matches or proven psychological effects.
All 89 curated wheat-family shades in one downloadable chart with names and HEX values.

Preview of the 89-shade chart; click for the complete image. Source HEX values are exact for sRGB; perceived color differs across displays. Descriptive names are not registered standards.
Search by shade name or HEX, filter from pale flour to golden harvest, and copy any sRGB color instantly.
89 shades to explore
Click a swatch to copy · Explore shade for details
#F5DEB3The official CSS wheat color: a light golden-beige shade with a warm sand undertone.
#F4E3B2A light straw-cream yellow with a soft golden glow.
#FEE5ACA pale honey-gold cream with more yellow warmth than traditional beige.
#DFC98AA mellow golden wheat shade with a clear yellow-tan undertone; not a cool gray.
#D7C4A8A middle-light wheat-beige, softened by a toasted brown undertone.
#E9D7A2A bright light wheat-gold reminiscent of fresh straw.
#C19A6BA muted medium camel-tan with earthy, golden brown undertones.
#D2B48CThe official CSS tan color: a medium sandy brown, deeper and more muted than CSS wheat.
#FFFFF0The official CSS ivory color: almost white with a very faint yellow tint.
#FAF0E6The official CSS linen color: a warm, pale off-white with a subtle peach cast.
#FFF8DCThe official CSS cornsilk color: a near-white yellow-cream shade.
#FFF1D7A very pale buttercream shade combining ivory and faint peach warmth.
#F5F5DCThe official CSS beige color: a very pale yellow-cream neutral, lighter than CSS wheat.
#FFFDD0A creamy near-white with a visible buttery-yellow undertone.
#F2E9DFAn almost-white creamy neutral with the faintest pinkish-beige tint.
#F5F5DDA warm near-white with a soft, pale-yellow cast, just deeper than ordinary white.
#FAFAD2The official CSS LightGoldenrodYellow color: a pale, creamy yellow.
#F0EAD6A softly warm eggshell-like neutral between off-white and ivory.
#F3E9D2A very pale flour-cream color with faint golden warmth.
#F2E8D5A very light cream-beige with a soft warm yellow cast.
#EFDECDA light pale-almond beige with a neutral peach-cream cast.
#F8ECC2A light parchment-cream shade with a subtle aged-yellow appearance.
#EED9C4A light paper-colored almond beige, warmer than pure ivory.
#EEE2C5A light creamy oat shade, less yellow than the standard CSS wheat.
#E6D9B9A delicate creamy beige suggesting natural linen and light grain.
#EDC9AFA pale, peach-sand color; warmer and pinker than standard CSS wheat.
#E8D8B7A bright light grain-cream with soft yellow-beige undertones.
#E3D1A5A light muted yellow-cream with a warm straw note; it does not literally shine.
#E9CAA1A soft and bright grain cream between honey-beige and light straw.
#E0C89FA subtle light golden-tan, bridging cream and toasted wheat.
#E3BC9AA sun-warmed peach-tan shade between sandy beige and light terracotta.
#DBC6A1A light wheat-cream shade with muted yellow-tan warmth.
#D9BE9FA soft baked-wheat beige combining tan and creamy gold.
#D6C5A1A warm, fairly light oat beige with soft golden-gray undertones.
#D4C5A7A light subdued wheat beige with muted gray-gold character.
#D8C8A3A gentle, mid-light golden oat shade with a muted cast.
#D7C89EA middle-light oat-gold beige with a gently muted hue.
#D1BEA2A light sandy wheat neutral; the swatch is a flat color, without a literal texture.
#E6BE8AA mellow honeyed sand with a faint peach warmth.
#E3BC8AA warm light tan with golden-peach undertones.
#D4C19CA soft wheat and oat beige with muted golden-brown undertones.
#E1C187A smooth medium-light soft wheat gold.
#DEB887The official CSS BurlyWood color: a medium-light sandy wood brown.
#E3B982A light golden sand with subtle warm wheat and peach-beige influences.
#D8C48FA muted straw-yellow with slightly dusty warmth.
#D5C28EA soft medium-light honey and straw beige.
#D1BA8FA gentle wheat beige with subdued honey-gold coloration.
#DDBF7FA light-medium golden tan inspired by sun-dried grain.
#D1B28CA classic toasted-oat shade with gentle caramel-brown warmth.
#D9B87EA warm mid-light muted gold that fits harvested grain palettes.
#D4B483A golden-brown mid-light shade with a mellow straw cast.
#D8B17EA balanced mid-tone toasted wheat-tan with a gentle honey-brown undertone.
#C8B78FA subdued pale olive-tan with a faint greenish-yellow undertone.
#F3E5ABA pale golden vanilla-yellow, lightly warmer than cream.
#EEE8AAThe official CSS PaleGoldenrod color: a very light muted yellow-gold.
#F0D7A3A light cream-gold with a clear sunny-yellow tint.
#E8D19CA pale, warm sunrise-gold with a subtle peach-yellow cast.
#E8D595A light straw-gold yellow with a slightly muted finish.
#E6CC8AA relatively vivid but still soft golden wheat accent.
#E3C16FA brighter gold-yellow accent inspired by harvested grain.
#DDB967A golden mustard-wheat tone with moderate saturation.
#D7CCC8A low-saturation rosy greige, closer to oat-gray than golden wheat.
#D1C6B4A subdued low-saturation oat-gray shade with subtle warm brown.
#D0B8A8A soft bread-crust beige-brown with light rosy warmth.
#C4B6A2A medium-light warm gray-beige, closer to stone than straw.
#C6B3A0A muted mid-light greige, like wheat-colored stone in evening light.
#C4A484A medium tan brown reminiscent of dried wheat kernels.
#BEAE8AA muted medium-light tan with low yellow saturation.
#C09F80A warm, medium wheat-bran brown with a restrained red cast.
#C1A37AA medium-light woven-basket tan with warm brown undertones.
#A78D84A softly muted gray-brown with a subtle rosy warmth.
#A8997EA muted low-saturation deep oat neutral with gray-brown undertones.
#B88E6DA warm mid-brown with a visible red-earth undertone.
#A78D79A muted woody brown with a warm wheat-related undertone.
#A38F77An earthy, muted deep wheat-brown with understated warmth.
#A67B5BA deep roasted-brown neutral with a warm golden-beige influence.
#D9B977A lively medium-soft prairie gold without the vivid saturation of amber.
#C9B287A muted medium wheat-tan with soft golden-brown undertones.
#E0AC69A stronger, medium golden-tan shade with an amber undertone.
#C9B885A subdued yellow-beige closer to dried stalks than bright gold.
#E1A95FA strong warm golden-brown, deeper and richer than the standardized wheat swatch.
#C2B280A medium muted yellow-beige resembling dry natural sand.
#E3A857A mid-tone warm amber-tan with a stronger golden-orange cast than classic wheat.
#C7A677A warm medium harvest-tan with golden-brown undertones.
#C7A977A medium grain tan with golden-brown undertones.
#B79D74A muted brown-gold similar to darker dry grain or straw.
#B59A6EA deeper muted sandy brown, more earthy than golden.
#D1A054A warm, deeper honey-tan with a more saturated golden brown hue.
#B9975BAn earthy mid-tone ochre-brown, warmer than gray and deeper than straw.
Try another color name, HEX value or filter.
This library contains 89 unique swatch codes, reviewed from 101 original records. All retained colors have precise HEX codes; non-standard names are editorial descriptions, not paint manufacturer references. Every swatch is present in HTML without JavaScript.
Illustrative light-to-dark variations of standard CSS Wheat #F5DEB3, not additional official named shades.
Three palettes for different design moods. Click a color to copy its HEX code.
Wheat and soft oat with deep roasted ink create a readable base for calm editorial layouts.
A honeyed grain accent adds warmth to neutral stationery, seasonal packaging and concept boards.
Muted oat neutrals support practical interface surfaces while darker accents establish hierarchy.
Reliable color details beat vague promises. Here's what the numbers and names actually mean.
The CSS named color wheat is #F5DEB3 (RGB 245, 222, 179). It is the single standardized CSS value for “wheat”; this wider collection uses descriptive shade names.
Wheat (#F5DEB3) is a warm light golden-beige in CSS. Beige (#F5F5DC) is lighter and paler yellow; Tan (#D2B48C) is deeper and browner. These exact HEX values apply to the CSS keywords; everyday color names are broader.
No. Only explicitly marked CSS keyword colors are standardized; names such as Honey Wheat and Wheat Stalk are descriptive editorial labels. Use HEX codes for precise reproduction.
Choose using measured contrast. Each swatch details modal shows black and white sRGB WCAG ratios. WCAG AA generally requires at least 4.5:1 for normal text and 3:1 for large text.
Yes. The HEX colors represent sRGB and can be used in many CSS and design tools. Display and print output vary, so check actual samples and contrast in the final context.
We reviewed all 101 supplied records and retained 89 unique HEX colors after excluding 12 that were visibly outside the wheat family. The original source also repeated “Honey Wheat” for two different codes; we gave those distinct descriptive names. No retained HEX was silently changed. RGB/HSL and WCAG contrast were computed, while psychology and cultural associations were removed as unverified claims.
CSS named-color reference ↗WCAG contrast guidance ↗