6 colors · #638A55 · #9BBA74 · #CDDB86 · #FCE7B2 · #E1B083 · #C48D60
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #638A55 | 99 138 85 | 104° 24% 44% | |
| #9BBA74 | 155 186 116 | 87° 34% 59% | |
| #CDDB86 | 205 219 134 | 70° 54% 69% | |
| #FCE7B2 | 252 231 178 | 43° 93% 84% | |
| #E1B083 | 225 176 131 | 29° 61% 70% | |
| #C48D60 | 196 141 96 | 27° 46% 57% |
Hex list
#638A55, #9BBA74, #CDDB86, #FCE7B2, #E1B083, #C48D60CSS variables
:root {
--harvest-meadow-1: #638A55;
--harvest-meadow-2: #9BBA74;
--harvest-meadow-3: #CDDB86;
--harvest-meadow-4: #FCE7B2;
--harvest-meadow-5: #E1B083;
--harvest-meadow-6: #C48D60;
}Tailwind v4
@theme {
--color-harvest-meadow-1: #638A55;
--color-harvest-meadow-2: #9BBA74;
--color-harvest-meadow-3: #CDDB86;
--color-harvest-meadow-4: #FCE7B2;
--color-harvest-meadow-5: #E1B083;
--color-harvest-meadow-6: #C48D60;
}JSON
{
"name": "Harvest Meadow",
"colors": [
"#638A55",
"#9BBA74",
"#CDDB86",
"#FCE7B2",
"#E1B083",
"#C48D60"
],
"source": null
}