6 colors · #F5CEC7 · #FFCA8C · #EBA5A5 · #C7C19D · #FABB92 · #A4BDA8
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #F5CEC7 | 245 206 199 | 9° 70% 87% | |
| #FFCA8C | 255 202 140 | 32° 100% 77% | |
| #EBA5A5 | 235 165 165 | 0° 64% 78% | |
| #C7C19D | 199 193 157 | 51° 27% 70% | |
| #FABB92 | 250 187 146 | 24° 91% 78% | |
| #A4BDA8 | 164 189 168 | 130° 16% 69% |
Hex list
#F5CEC7, #FFCA8C, #EBA5A5, #C7C19D, #FABB92, #A4BDA8CSS variables
:root {
--retro-spring-1: #F5CEC7;
--retro-spring-2: #FFCA8C;
--retro-spring-3: #EBA5A5;
--retro-spring-4: #C7C19D;
--retro-spring-5: #FABB92;
--retro-spring-6: #A4BDA8;
}Tailwind v4
@theme {
--color-retro-spring-1: #F5CEC7;
--color-retro-spring-2: #FFCA8C;
--color-retro-spring-3: #EBA5A5;
--color-retro-spring-4: #C7C19D;
--color-retro-spring-5: #FABB92;
--color-retro-spring-6: #A4BDA8;
}JSON
{
"name": "Retro Spring",
"colors": [
"#F5CEC7",
"#FFCA8C",
"#EBA5A5",
"#C7C19D",
"#FABB92",
"#A4BDA8"
],
"source": null
}