5 colors · #DDA345 · #9D742B · #EFBF4B · #5F6125 · #233918
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #DDA345 | 221 163 69 | 37° 69% 57% | |
| #9D742B | 157 116 43 | 38° 57% 39% | |
| #EFBF4B | 239 191 75 | 42° 84% 62% | |
| #5F6125 | 95 97 37 | 62° 45% 26% | |
| #233918 | 35 57 24 | 100° 41% 16% |
Hex list
#DDA345, #9D742B, #EFBF4B, #5F6125, #233918CSS variables
:root {
--autumn-trail-1: #DDA345;
--autumn-trail-2: #9D742B;
--autumn-trail-3: #EFBF4B;
--autumn-trail-4: #5F6125;
--autumn-trail-5: #233918;
}Tailwind v4
@theme {
--color-autumn-trail-1: #DDA345;
--color-autumn-trail-2: #9D742B;
--color-autumn-trail-3: #EFBF4B;
--color-autumn-trail-4: #5F6125;
--color-autumn-trail-5: #233918;
}JSON
{
"name": "Autumn Trail",
"colors": [
"#DDA345",
"#9D742B",
"#EFBF4B",
"#5F6125",
"#233918"
],
"source": null
}