5 colors · #3C4C1F · #989A60 · #D69B38 · #CE7B1D · #B14F21
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #3C4C1F | 60 76 31 | 81° 42% 21% | |
| #989A60 | 152 154 96 | 62° 23% 49% | |
| #D69B38 | 214 155 56 | 38° 66% 53% | |
| #CE7B1D | 206 123 29 | 32° 75% 46% | |
| #B14F21 | 177 79 33 | 19° 69% 41% |
Hex list
#3C4C1F, #989A60, #D69B38, #CE7B1D, #B14F21CSS variables
:root {
--autumn-grove-1: #3C4C1F;
--autumn-grove-2: #989A60;
--autumn-grove-3: #D69B38;
--autumn-grove-4: #CE7B1D;
--autumn-grove-5: #B14F21;
}Tailwind v4
@theme {
--color-autumn-grove-1: #3C4C1F;
--color-autumn-grove-2: #989A60;
--color-autumn-grove-3: #D69B38;
--color-autumn-grove-4: #CE7B1D;
--color-autumn-grove-5: #B14F21;
}JSON
{
"name": "Autumn Grove",
"colors": [
"#3C4C1F",
"#989A60",
"#D69B38",
"#CE7B1D",
"#B14F21"
],
"source": "https://colorpalettes.net/color-palette-4719/"
}