5 colors · #17292E · #4E888A · #F8F1D4 · #F19645 · #FE2D36
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #17292E | 23 41 46 | 193° 33% 14% | |
| #4E888A | 78 136 138 | 182° 28% 42% | |
| #F8F1D4 | 248 241 212 | 48° 72% 90% | |
| #F19645 | 241 150 69 | 28° 86% 61% | |
| #FE2D36 | 254 45 54 | 357° 99% 59% |
Hex list
#17292E, #4E888A, #F8F1D4, #F19645, #FE2D36CSS variables
:root {
--harbor-sunset-1: #17292E;
--harbor-sunset-2: #4E888A;
--harbor-sunset-3: #F8F1D4;
--harbor-sunset-4: #F19645;
--harbor-sunset-5: #FE2D36;
}Tailwind v4
@theme {
--color-harbor-sunset-1: #17292E;
--color-harbor-sunset-2: #4E888A;
--color-harbor-sunset-3: #F8F1D4;
--color-harbor-sunset-4: #F19645;
--color-harbor-sunset-5: #FE2D36;
}JSON
{
"name": "Harbor Sunset",
"colors": [
"#17292E",
"#4E888A",
"#F8F1D4",
"#F19645",
"#FE2D36"
],
"source": "https://colorpalettes.net/color-palette-1209/"
}