4 colors · #97DBAE · #C3E5AE · #F1E1A6 · #F4BBBB
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #97DBAE | 151 219 174 | 140° 49% 73% | |
| #C3E5AE | 195 229 174 | 97° 51% 79% | |
| #F1E1A6 | 241 225 166 | 47° 73% 80% | |
| #F4BBBB | 244 187 187 | 0° 72% 85% |
Hex list
#97DBAE, #C3E5AE, #F1E1A6, #F4BBBBCSS variables
:root {
--melon-1: #97DBAE;
--melon-2: #C3E5AE;
--melon-3: #F1E1A6;
--melon-4: #F4BBBB;
}Tailwind v4
@theme {
--color-melon-1: #97DBAE;
--color-melon-2: #C3E5AE;
--color-melon-3: #F1E1A6;
--color-melon-4: #F4BBBB;
}JSON
{
"name": "Melon",
"colors": [
"#97DBAE",
"#C3E5AE",
"#F1E1A6",
"#F4BBBB"
],
"source": null
}