5 colors · #86E3CE · #D0E6A5 · #FFDD94 · #FA897B · #CCABD8
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #86E3CE | 134 227 206 | 166° 62% 71% | |
| #D0E6A5 | 208 230 165 | 80° 57% 77% | |
| #FFDD94 | 255 221 148 | 41° 100% 79% | |
| #FA897B | 250 137 123 | 7° 93% 73% | |
| #CCABD8 | 204 171 216 | 284° 37% 76% |
Hex list
#86E3CE, #D0E6A5, #FFDD94, #FA897B, #CCABD8CSS variables
:root {
--pastel-sherbet-1: #86E3CE;
--pastel-sherbet-2: #D0E6A5;
--pastel-sherbet-3: #FFDD94;
--pastel-sherbet-4: #FA897B;
--pastel-sherbet-5: #CCABD8;
}Tailwind v4
@theme {
--color-pastel-sherbet-1: #86E3CE;
--color-pastel-sherbet-2: #D0E6A5;
--color-pastel-sherbet-3: #FFDD94;
--color-pastel-sherbet-4: #FA897B;
--color-pastel-sherbet-5: #CCABD8;
}JSON
{
"name": "Pastel Sherbet",
"colors": [
"#86E3CE",
"#D0E6A5",
"#FFDD94",
"#FA897B",
"#CCABD8"
],
"source": null
}