6 colors · #FAF1D6 · #FAD4AE · #FDAFAB · #FADEE1 · #D9F1F1 · #B6E3E9
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FAF1D6 | 250 241 214 | 45° 78% 91% | |
| #FAD4AE | 250 212 174 | 30° 88% 83% | |
| #FDAFAB | 253 175 171 | 3° 95% 83% | |
| #FADEE1 | 250 222 225 | 354° 74% 93% | |
| #D9F1F1 | 217 241 241 | 180° 46% 90% | |
| #B6E3E9 | 182 227 233 | 187° 54% 81% |
Hex list
#FAF1D6, #FAD4AE, #FDAFAB, #FADEE1, #D9F1F1, #B6E3E9CSS variables
:root {
--pastel-drift-1: #FAF1D6;
--pastel-drift-2: #FAD4AE;
--pastel-drift-3: #FDAFAB;
--pastel-drift-4: #FADEE1;
--pastel-drift-5: #D9F1F1;
--pastel-drift-6: #B6E3E9;
}Tailwind v4
@theme {
--color-pastel-drift-1: #FAF1D6;
--color-pastel-drift-2: #FAD4AE;
--color-pastel-drift-3: #FDAFAB;
--color-pastel-drift-4: #FADEE1;
--color-pastel-drift-5: #D9F1F1;
--color-pastel-drift-6: #B6E3E9;
}JSON
{
"name": "Pastel Drift",
"colors": [
"#FAF1D6",
"#FAD4AE",
"#FDAFAB",
"#FADEE1",
"#D9F1F1",
"#B6E3E9"
],
"source": null
}