6 colors · #FC9F66 · #FAC357 · #FAE39C · #B8E0E3 · #97C5D8 · #84A9CD
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FC9F66 | 252 159 102 | 23° 96% 69% | |
| #FAC357 | 250 195 87 | 40° 94% 66% | |
| #FAE39C | 250 227 156 | 45° 90% 80% | |
| #B8E0E3 | 184 224 227 | 184° 43% 81% | |
| #97C5D8 | 151 197 216 | 198° 45% 72% | |
| #84A9CD | 132 169 205 | 210° 42% 66% |
Hex list
#FC9F66, #FAC357, #FAE39C, #B8E0E3, #97C5D8, #84A9CDCSS variables
:root {
--apricot-mist-1: #FC9F66;
--apricot-mist-2: #FAC357;
--apricot-mist-3: #FAE39C;
--apricot-mist-4: #B8E0E3;
--apricot-mist-5: #97C5D8;
--apricot-mist-6: #84A9CD;
}Tailwind v4
@theme {
--color-apricot-mist-1: #FC9F66;
--color-apricot-mist-2: #FAC357;
--color-apricot-mist-3: #FAE39C;
--color-apricot-mist-4: #B8E0E3;
--color-apricot-mist-5: #97C5D8;
--color-apricot-mist-6: #84A9CD;
}JSON
{
"name": "Apricot Mist",
"colors": [
"#FC9F66",
"#FAC357",
"#FAE39C",
"#B8E0E3",
"#97C5D8",
"#84A9CD"
],
"source": null
}