6 colors · #86A845 · #B3C648 · #FAC240 · #FED46E · #A2D89F · #CCF0C5
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #86A845 | 134 168 69 | 81° 42% 46% | |
| #B3C648 | 179 198 72 | 69° 53% 53% | |
| #FAC240 | 250 194 64 | 42° 95% 62% | |
| #FED46E | 254 212 110 | 43° 99% 71% | |
| #A2D89F | 162 216 159 | 117° 42% 74% | |
| #CCF0C5 | 204 240 197 | 110° 59% 86% |
Hex list
#86A845, #B3C648, #FAC240, #FED46E, #A2D89F, #CCF0C5CSS variables
:root {
--sunlit-meadow-1: #86A845;
--sunlit-meadow-2: #B3C648;
--sunlit-meadow-3: #FAC240;
--sunlit-meadow-4: #FED46E;
--sunlit-meadow-5: #A2D89F;
--sunlit-meadow-6: #CCF0C5;
}Tailwind v4
@theme {
--color-sunlit-meadow-1: #86A845;
--color-sunlit-meadow-2: #B3C648;
--color-sunlit-meadow-3: #FAC240;
--color-sunlit-meadow-4: #FED46E;
--color-sunlit-meadow-5: #A2D89F;
--color-sunlit-meadow-6: #CCF0C5;
}JSON
{
"name": "Sunlit Meadow",
"colors": [
"#86A845",
"#B3C648",
"#FAC240",
"#FED46E",
"#A2D89F",
"#CCF0C5"
],
"source": null
}