6 colors · #F9D8C5 · #FCBDAB · #94D183 · #6EBDA8 · #269493 · #20485A
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F9D8C5 | 249 216 197 | 22° 81% 87% | |
| #FCBDAB | 252 189 171 | 13° 93% 83% | |
| #94D183 | 148 209 131 | 107° 46% 67% | |
| #6EBDA8 | 110 189 168 | 164° 37% 59% | |
| #269493 | 38 148 147 | 179° 59% 36% | |
| #20485A | 32 72 90 | 199° 48% 24% |
Hex list
#F9D8C5, #FCBDAB, #94D183, #6EBDA8, #269493, #20485ACSS variables
:root {
--seaside-sorbet-1: #F9D8C5;
--seaside-sorbet-2: #FCBDAB;
--seaside-sorbet-3: #94D183;
--seaside-sorbet-4: #6EBDA8;
--seaside-sorbet-5: #269493;
--seaside-sorbet-6: #20485A;
}Tailwind v4
@theme {
--color-seaside-sorbet-1: #F9D8C5;
--color-seaside-sorbet-2: #FCBDAB;
--color-seaside-sorbet-3: #94D183;
--color-seaside-sorbet-4: #6EBDA8;
--color-seaside-sorbet-5: #269493;
--color-seaside-sorbet-6: #20485A;
}JSON
{
"name": "Seaside Sorbet",
"colors": [
"#F9D8C5",
"#FCBDAB",
"#94D183",
"#6EBDA8",
"#269493",
"#20485A"
],
"source": null
}