4 colors · #C64632 · #C60550 · #E2C599 · #9AA98A
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #C64632 | 198 70 50 | 8° 60% 49% | |
| #C60550 | 198 5 80 | 337° 95% 40% | |
| #E2C599 | 226 197 153 | 36° 56% 74% | |
| #9AA98A | 154 169 138 | 89° 15% 60% |
Hex list
#C64632, #C60550, #E2C599, #9AA98ACSS variables
:root {
--orchard-basket-1: #C64632;
--orchard-basket-2: #C60550;
--orchard-basket-3: #E2C599;
--orchard-basket-4: #9AA98A;
}Tailwind v4
@theme {
--color-orchard-basket-1: #C64632;
--color-orchard-basket-2: #C60550;
--color-orchard-basket-3: #E2C599;
--color-orchard-basket-4: #9AA98A;
}JSON
{
"name": "Orchard Basket",
"colors": [
"#C64632",
"#C60550",
"#E2C599",
"#9AA98A"
],
"source": null
}