6 colors · #F47B8F · #F3AABB · #F5CDD3 · #EDEDED · #A1DCD8 · #51AEAE
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F47B8F | 244 123 143 | 350° 85% 72% | |
| #F3AABB | 243 170 187 | 346° 75% 81% | |
| #F5CDD3 | 245 205 211 | 351° 67% 88% | |
| #EDEDED | 237 237 237 | 0° 0% 93% | |
| #A1DCD8 | 161 220 216 | 176° 46% 75% | |
| #51AEAE | 81 174 174 | 180° 36% 50% |
Hex list
#F47B8F, #F3AABB, #F5CDD3, #EDEDED, #A1DCD8, #51AEAECSS variables
:root {
--blush-lagoon-1: #F47B8F;
--blush-lagoon-2: #F3AABB;
--blush-lagoon-3: #F5CDD3;
--blush-lagoon-4: #EDEDED;
--blush-lagoon-5: #A1DCD8;
--blush-lagoon-6: #51AEAE;
}Tailwind v4
@theme {
--color-blush-lagoon-1: #F47B8F;
--color-blush-lagoon-2: #F3AABB;
--color-blush-lagoon-3: #F5CDD3;
--color-blush-lagoon-4: #EDEDED;
--color-blush-lagoon-5: #A1DCD8;
--color-blush-lagoon-6: #51AEAE;
}JSON
{
"name": "Blush Lagoon",
"colors": [
"#F47B8F",
"#F3AABB",
"#F5CDD3",
"#EDEDED",
"#A1DCD8",
"#51AEAE"
],
"source": null
}