6 colors · #FDACBB · #FFABAA · #FA8A89 · #C2CB81 · #5F936A · #357D71
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FDACBB | 253 172 187 | 349° 95% 83% | |
| #FFABAA | 255 171 170 | 1° 100% 83% | |
| #FA8A89 | 250 138 137 | 1° 92% 76% | |
| #C2CB81 | 194 203 129 | 67° 42% 65% | |
| #5F936A | 95 147 106 | 133° 21% 47% | |
| #357D71 | 53 125 113 | 170° 40% 35% |
Hex list
#FDACBB, #FFABAA, #FA8A89, #C2CB81, #5F936A, #357D71CSS variables
:root {
--spring-orchard-1: #FDACBB;
--spring-orchard-2: #FFABAA;
--spring-orchard-3: #FA8A89;
--spring-orchard-4: #C2CB81;
--spring-orchard-5: #5F936A;
--spring-orchard-6: #357D71;
}Tailwind v4
@theme {
--color-spring-orchard-1: #FDACBB;
--color-spring-orchard-2: #FFABAA;
--color-spring-orchard-3: #FA8A89;
--color-spring-orchard-4: #C2CB81;
--color-spring-orchard-5: #5F936A;
--color-spring-orchard-6: #357D71;
}JSON
{
"name": "Spring Orchard",
"colors": [
"#FDACBB",
"#FFABAA",
"#FA8A89",
"#C2CB81",
"#5F936A",
"#357D71"
],
"source": null
}