pastelearthywarm
Wheat Field Color Palette
Wheat Field is a pastel, earthy and warm color palette of 5 colors: Corn Silk (#fefae0), Blanched Almond (#faedcd), Eggshell (#e9edc9), Celadon (#ccd5ae) and Camel (#d4a373). Its dominant hue is yellow.
The darkest color, Camel, on the lightest, Corn Silk, gives a 2.15:1 contrast ratio — too low for text, so pair it with white or black. No pair in it passes AA for normal text, so use it for fills and accents. Camel (#d4a373) is its most saturated color and a natural choice for buttons and links.
Colors
- Corn Silk
- Blanched Almond
- Eggshell
- Celadon
- Camel
CSS Output
:root {
--wheat-field-1: #fefae0;
--wheat-field-2: #faedcd;
--wheat-field-3: #e9edc9;
--wheat-field-4: #ccd5ae;
--wheat-field-5: #d4a373;
}Wheat Field on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
No two colors in this palette reach 3:1, so use them for fills and accents and set text in white or black.