Earth Tones Color Palette
Sand, ochre, clay, olive, taupe and dark soil, a set of warm natural colors known as earth tones.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#E7D7B9
#C9A66B
#A65E2E
#6B7A4B
#8B7D6B
#4A3B2A
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #E7D7B9 | T - | T - | |
| #C9A66B | T - | T - | |
| #A65E2E | T - | T - | |
| #6B7A4B | T - | T - | |
| #8B7D6B | T - | T - | |
| #4A3B2A | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Earth Tones CSS Code
oklch(88.44% 0.0436 83.2) oklch(74.34% 0.087 79.86) oklch(55.58% 0.1125 51.91) oklch(55.5% 0.0704 123.1) oklch(59.73% 0.0315 74.07) oklch(36.36% 0.0346 69.9)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Earth Tones palette?
Sand, ochre, clay, olive, taupe and dark soil, a set of warm natural colors known as earth tones.
How do I turn the Earth Tones palette into a CSS gradient?
Use background: linear-gradient(to right, #E7D7B9, #C9A66B, #A65E2E, #6B7A4B, #8B7D6B, #4A3B2A);, or click "Make it a gradient" above to open it in the live generator.