5 colors · #FBA164 · #FB829D · #FBADC1 · #F7E8DD · #F95965
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FBA164 | 251 161 100 | 24° 95% 69% | |
| #FB829D | 251 130 157 | 347° 94% 75% | |
| #FBADC1 | 251 173 193 | 345° 91% 83% | |
| #F7E8DD | 247 232 221 | 25° 62% 92% | |
| #F95965 | 249 89 101 | 356° 93% 66% |
Hex list
#FBA164, #FB829D, #FBADC1, #F7E8DD, #F95965CSS variables
:root {
--summer-starfish-1: #FBA164;
--summer-starfish-2: #FB829D;
--summer-starfish-3: #FBADC1;
--summer-starfish-4: #F7E8DD;
--summer-starfish-5: #F95965;
}Tailwind v4
@theme {
--color-summer-starfish-1: #FBA164;
--color-summer-starfish-2: #FB829D;
--color-summer-starfish-3: #FBADC1;
--color-summer-starfish-4: #F7E8DD;
--color-summer-starfish-5: #F95965;
}JSON
{
"name": "Summer Starfish",
"colors": [
"#FBA164",
"#FB829D",
"#FBADC1",
"#F7E8DD",
"#F95965"
],
"source": "https://avemateiu.com/summer-color-palettes/"
}