6 colors · #DAECE1 · #F9E892 · #F7E5E1 · #FDA88C · #FFDCD4 · #F2F0EE
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #DAECE1 | 218 236 225 | 143° 32% 89% | |
| #F9E892 | 249 232 146 | 50° 90% 77% | |
| #F7E5E1 | 247 229 225 | 11° 58% 93% | |
| #FDA88C | 253 168 140 | 15° 97% 77% | |
| #FFDCD4 | 255 220 212 | 11° 100% 92% | |
| #F2F0EE | 242 240 238 | 30° 13% 94% |
Hex list
#DAECE1, #F9E892, #F7E5E1, #FDA88C, #FFDCD4, #F2F0EECSS variables
:root {
--spring-fling-1: #DAECE1;
--spring-fling-2: #F9E892;
--spring-fling-3: #F7E5E1;
--spring-fling-4: #FDA88C;
--spring-fling-5: #FFDCD4;
--spring-fling-6: #F2F0EE;
}Tailwind v4
@theme {
--color-spring-fling-1: #DAECE1;
--color-spring-fling-2: #F9E892;
--color-spring-fling-3: #F7E5E1;
--color-spring-fling-4: #FDA88C;
--color-spring-fling-5: #FFDCD4;
--color-spring-fling-6: #F2F0EE;
}JSON
{
"name": "Spring Fling",
"colors": [
"#DAECE1",
"#F9E892",
"#F7E5E1",
"#FDA88C",
"#FFDCD4",
"#F2F0EE"
],
"source": "https://designpixie.com/blogs/creative-design-ideas/pastel-color-palettes-with-color-codes"
}