5 colors · #E0DAFA · #E4ECC9 · #FAF8DF · #FCE1D7 · #FEDCA8
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #E0DAFA | 224 218 250 | 251° 76% 92% | |
| #E4ECC9 | 228 236 201 | 74° 48% 86% | |
| #FAF8DF | 250 248 223 | 56° 73% 93% | |
| #FCE1D7 | 252 225 215 | 16° 86% 92% | |
| #FEDCA8 | 254 220 168 | 36° 98% 83% |
Hex list
#E0DAFA, #E4ECC9, #FAF8DF, #FCE1D7, #FEDCA8CSS variables
:root {
--pastel-bloom-1: #E0DAFA;
--pastel-bloom-2: #E4ECC9;
--pastel-bloom-3: #FAF8DF;
--pastel-bloom-4: #FCE1D7;
--pastel-bloom-5: #FEDCA8;
}Tailwind v4
@theme {
--color-pastel-bloom-1: #E0DAFA;
--color-pastel-bloom-2: #E4ECC9;
--color-pastel-bloom-3: #FAF8DF;
--color-pastel-bloom-4: #FCE1D7;
--color-pastel-bloom-5: #FEDCA8;
}JSON
{
"name": "Pastel Bloom",
"colors": [
"#E0DAFA",
"#E4ECC9",
"#FAF8DF",
"#FCE1D7",
"#FEDCA8"
],
"source": null
}