6 colors · #D4343F · #F3505A · #ECEBEA · #085979 · #008EA0 · #64BABE
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #D4343F | 212 52 63 | 356° 65% 52% | |
| #F3505A | 243 80 90 | 356° 87% 63% | |
| #ECEBEA | 236 235 234 | 30° 5% 92% | |
| #085979 | 8 89 121 | 197° 88% 25% | |
| #008EA0 | 0 142 160 | 187° 100% 31% | |
| #64BABE | 100 186 190 | 183° 41% 57% |
Hex list
#D4343F, #F3505A, #ECEBEA, #085979, #008EA0, #64BABECSS variables
:root {
--coastal-pop-1: #D4343F;
--coastal-pop-2: #F3505A;
--coastal-pop-3: #ECEBEA;
--coastal-pop-4: #085979;
--coastal-pop-5: #008EA0;
--coastal-pop-6: #64BABE;
}Tailwind v4
@theme {
--color-coastal-pop-1: #D4343F;
--color-coastal-pop-2: #F3505A;
--color-coastal-pop-3: #ECEBEA;
--color-coastal-pop-4: #085979;
--color-coastal-pop-5: #008EA0;
--color-coastal-pop-6: #64BABE;
}JSON
{
"name": "Coastal Pop",
"colors": [
"#D4343F",
"#F3505A",
"#ECEBEA",
"#085979",
"#008EA0",
"#64BABE"
],
"source": null
}