6 colors · #FFCCE1 · #F2F1ED · #CDE5D9 · #F2EBCC · #C6E2E7 · #F7DDE8
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FFCCE1 | 255 204 225 | 335° 100% 90% | |
| #F2F1ED | 242 241 237 | 48° 16% 94% | |
| #CDE5D9 | 205 229 217 | 150° 32% 85% | |
| #F2EBCC | 242 235 204 | 49° 59% 87% | |
| #C6E2E7 | 198 226 231 | 189° 41% 84% | |
| #F7DDE8 | 247 221 232 | 335° 62% 92% |
Hex list
#FFCCE1, #F2F1ED, #CDE5D9, #F2EBCC, #C6E2E7, #F7DDE8CSS variables
:root {
--summer-energy-1: #FFCCE1;
--summer-energy-2: #F2F1ED;
--summer-energy-3: #CDE5D9;
--summer-energy-4: #F2EBCC;
--summer-energy-5: #C6E2E7;
--summer-energy-6: #F7DDE8;
}Tailwind v4
@theme {
--color-summer-energy-1: #FFCCE1;
--color-summer-energy-2: #F2F1ED;
--color-summer-energy-3: #CDE5D9;
--color-summer-energy-4: #F2EBCC;
--color-summer-energy-5: #C6E2E7;
--color-summer-energy-6: #F7DDE8;
}JSON
{
"name": "Summer Energy",
"colors": [
"#FFCCE1",
"#F2F1ED",
"#CDE5D9",
"#F2EBCC",
"#C6E2E7",
"#F7DDE8"
],
"source": "https://designpixie.com/blogs/creative-design-ideas/pastel-color-palettes-with-color-codes"
}