5 colors · #23330E · #3C5718 · #678E34 · #A2CA6C · #C7DFA7
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #23330E | 35 51 14 | 86° 57% 13% | |
| #3C5718 | 60 87 24 | 86° 57% 22% | |
| #678E34 | 103 142 52 | 86° 46% 38% | |
| #A2CA6C | 162 202 108 | 86° 47% 61% | |
| #C7DFA7 | 199 223 167 | 86° 47% 76% |
Hex list
#23330E, #3C5718, #678E34, #A2CA6C, #C7DFA7CSS variables
:root {
--forest-gradient-1: #23330E;
--forest-gradient-2: #3C5718;
--forest-gradient-3: #678E34;
--forest-gradient-4: #A2CA6C;
--forest-gradient-5: #C7DFA7;
}Tailwind v4
@theme {
--color-forest-gradient-1: #23330E;
--color-forest-gradient-2: #3C5718;
--color-forest-gradient-3: #678E34;
--color-forest-gradient-4: #A2CA6C;
--color-forest-gradient-5: #C7DFA7;
}JSON
{
"name": "Forest Gradient",
"colors": [
"#23330E",
"#3C5718",
"#678E34",
"#A2CA6C",
"#C7DFA7"
],
"source": null
}