5 colors · #F0EAD2 · #DDE5B4 · #ADC178 · #A98467 · #6C584C
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F0EAD2 | 240 234 210 | 48° 50% 88% | |
| #DDE5B4 | 221 229 180 | 70° 49% 80% | |
| #ADC178 | 173 193 120 | 76° 37% 61% | |
| #A98467 | 169 132 103 | 26° 28% 53% | |
| #6C584C | 108 88 76 | 23° 17% 36% |
Hex list
#F0EAD2, #DDE5B4, #ADC178, #A98467, #6C584CCSS variables
:root {
--earthy-tones-1: #F0EAD2;
--earthy-tones-2: #DDE5B4;
--earthy-tones-3: #ADC178;
--earthy-tones-4: #A98467;
--earthy-tones-5: #6C584C;
}Tailwind v4
@theme {
--color-earthy-tones-1: #F0EAD2;
--color-earthy-tones-2: #DDE5B4;
--color-earthy-tones-3: #ADC178;
--color-earthy-tones-4: #A98467;
--color-earthy-tones-5: #6C584C;
}JSON
{
"name": "Earthy Tones",
"colors": [
"#F0EAD2",
"#DDE5B4",
"#ADC178",
"#A98467",
"#6C584C"
],
"source": "https://coolors.co/palette/f0ead2-dde5b6-adc178-a98467-6c584c"
}