Wheat Fields color palette
Ripe grain and summer haze in five creams and tans. Cornsilk #FFF8DC and antique white #FAEBD7 are almost white, wheat #F5DEB3 and #EED8AE are soft golden beiges, and #CDAA7D is a light tan. All of it is pale and warm, so text needs a dark brown from outside the set. Artisan bakeries and rustic wedding stationers can use it with almost no changes.
Wheat Fields palette in use
Use #FFF8DC for the background and #F5DEB3 or #EED8AE for cards and sections. #CDAA7D works for borders, icons and buttons with dark labels, and text belongs in a deep brown.
This pair measures 19.71:1, so it works for body text too. The button uses #CDAA7D with black text.
ButtonGood for
- Artisan bakery website
- Rustic wedding stationery
- Farm stay booking page
- Flour mill packaging
Readable color pairs
No two colors in this palette reach 3:1 contrast, so use it for backgrounds and shapes, and set text in white or black. Check any pair in the contrast checker.
Wheat Fields palette as code
CSS variables
:root {
--wheat-fields-1: #FFF8DC;
--wheat-fields-2: #FAEBD7;
--wheat-fields-3: #F5DEB3;
--wheat-fields-4: #EED8AE;
--wheat-fields-5: #CDAA7D;
}Tailwind v4
@theme {
--color-wheat-fields-1: #FFF8DC;
--color-wheat-fields-2: #FAEBD7;
--color-wheat-fields-3: #F5DEB3;
--color-wheat-fields-4: #EED8AE;
--color-wheat-fields-5: #CDAA7D;
}Tailwind v3
// tailwind.config.js → theme.extend.colors
'wheat-fields': {
100: '#FFF8DC',
200: '#FAEBD7',
300: '#F5DEB3',
400: '#EED8AE',
500: '#CDAA7D',
},SCSS
$wheat-fields-1: #FFF8DC;
$wheat-fields-2: #FAEBD7;
$wheat-fields-3: #F5DEB3;
$wheat-fields-4: #EED8AE;
$wheat-fields-5: #CDAA7D;JSON
["#FFF8DC","#FAEBD7","#F5DEB3","#EED8AE","#CDAA7D"]Named colors in this palette
The nearest named color to each swatch, with its meaning and matching colors.