5 colors · #F8F7FF · #D8E2DC · #FAE1DD · #FEC5BB · #FEC99B
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F8F7FF | 248 247 255 | 248° 100% 98% | |
| #D8E2DC | 216 226 220 | 144° 15% 87% | |
| #FAE1DD | 250 225 221 | 8° 74% 92% | |
| #FEC5BB | 254 197 187 | 9° 97% 86% | |
| #FEC99B | 254 201 155 | 28° 98% 80% |
Hex list
#F8F7FF, #D8E2DC, #FAE1DD, #FEC5BB, #FEC99BCSS variables
:root {
--soft-seashells-1: #F8F7FF;
--soft-seashells-2: #D8E2DC;
--soft-seashells-3: #FAE1DD;
--soft-seashells-4: #FEC5BB;
--soft-seashells-5: #FEC99B;
}Tailwind v4
@theme {
--color-soft-seashells-1: #F8F7FF;
--color-soft-seashells-2: #D8E2DC;
--color-soft-seashells-3: #FAE1DD;
--color-soft-seashells-4: #FEC5BB;
--color-soft-seashells-5: #FEC99B;
}JSON
{
"name": "Soft Seashells",
"colors": [
"#F8F7FF",
"#D8E2DC",
"#FAE1DD",
"#FEC5BB",
"#FEC99B"
],
"source": null
}