Palette · 2 colors · Lc 3.5
Starry Night Harbor palette
Starry Night Harbor: a 2-color palette (Violet, Cold, 2 Colors, Pair). HEX, RGB, HSL and OKLCH for #31648E, #471A13, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
primary
#31648E
secondary
#471A13
Colors in Starry Night Harbor: HEX, RGB, HSL & OKLCH
- #31648E color page →
primary
#31648E
- RGB
- rgb(49 100 142)
- HSL
- hsl(207 49% 37%)
- OKLCH
- oklch(0.488 0.087 245.8)
WCAG contrast: on white 6.27:1 (AA) · on black 3.34:1 (Fail)
- #471A13 color page →
secondary
#471A13
- RGB
- rgb(71 26 19)
- HSL
- hsl(8 58% 18%)
- OKLCH
- oklch(0.285 0.071 30.9)
WCAG contrast: on white 14.73:1 (AAA) · on black 1.42:1 (Fail)
Export Starry Night Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--primary: #31648e;
--secondary: #471a13;
}Tailwind CSS v4 @theme
@theme {
--color-primary: #31648e;
--color-secondary: #471a13;
}JSON (DTCG tokens)
{
"starry-night-harbor-1sa": {
"primary": {
"$type": "color",
"$value": "#31648e"
},
"secondary": {
"$type": "color",
"$value": "#471a13"
}
}
}About this palette
Starry Night Harbor is a 2-color OKLCH-ready palette tagged violet, cold, 2 colors, pair. Hex values: #31648E, #471A13. APCA contrast score Lc 3.5. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Starry Night Harbor by OKLab color distance.