4 colors · #588C7E · #689581 · #ACBC8A · #DDD7AC
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #588C7E | 88 140 126 | 164° 23% 45% | |
| #689581 | 104 149 129 | 153° 18% 50% | |
| #ACBC8A | 172 188 138 | 79° 27% 64% | |
| #DDD7AC | 221 215 172 | 53° 42% 77% |
Hex list
#588C7E, #689581, #ACBC8A, #DDD7ACCSS variables
:root {
--petals-1: #588C7E;
--petals-2: #689581;
--petals-3: #ACBC8A;
--petals-4: #DDD7AC;
}Tailwind v4
@theme {
--color-petals-1: #588C7E;
--color-petals-2: #689581;
--color-petals-3: #ACBC8A;
--color-petals-4: #DDD7AC;
}JSON
{
"name": "Petals",
"colors": [
"#588C7E",
"#689581",
"#ACBC8A",
"#DDD7AC"
],
"source": null
}