Palette · 7 colors · Lc 9.3
Steady Neptune Harbor palette
Steady Neptune Harbor: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #020B10, #002A45, #005683, #007EAA, #45A5C9, #9ED6F0, #DCF9FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#020B10
surface
#002A45
muted
#005683
primary
#007EAA
secondary
#45A5C9
accent
#9ED6F0
text
#DCF9FF
Colors in Steady Neptune Harbor: HEX, RGB, HSL & OKLCH
- #020B10 color page →
bg
#020B10
- RGB
- rgb(2 11 16)
- HSL
- hsl(201 78% 4%)
- OKLCH
- oklch(0.141 0.021 227)
WCAG contrast: on white 19.85:1 (AAA) · on black 1.05:1 (Fail)
- #002A45 color page →
surface
#002A45
- RGB
- rgb(0 42 69)
- HSL
- hsl(203 100% 14%)
- OKLCH
- oklch(0.274 0.066 243.1)
WCAG contrast: on white 14.81:1 (AAA) · on black 1.41:1 (Fail)
- #005683 color page →
muted
#005683
- RGB
- rgb(0 86 131)
- HSL
- hsl(201 100% 26%)
- OKLCH
- oklch(0.433 0.102 241.4)
WCAG contrast: on white 7.89:1 (AAA) · on black 2.65:1 (Fail)
- #007EAA color page →
primary
#007EAA
- RGB
- rgb(0 126 170)
- HSL
- hsl(196 100% 33%)
- OKLCH
- oklch(0.557 0.113 231.8)
WCAG contrast: on white 4.60:1 (AA) · on black 4.56:1 (AA)
- #45A5C9 color page →
secondary
#45A5C9
- RGB
- rgb(69 165 201)
- HSL
- hsl(196 55% 53%)
- OKLCH
- oklch(0.68 0.103 226.2)
WCAG contrast: on white 2.80:1 (Fail) · on black 7.47:1 (AAA)
- #9ED6F0 color page →
accent
#9ED6F0
- RGB
- rgb(158 214 240)
- HSL
- hsl(199 73% 78%)
- OKLCH
- oklch(0.846 0.068 228.3)
WCAG contrast: on white 1.57:1 (Fail) · on black 13.33:1 (AAA)
- #DCF9FF color page →
text
#DCF9FF
- RGB
- rgb(220 249 255)
- HSL
- hsl(190 100% 93%)
- OKLCH
- oklch(0.963 0.031 211.5)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.03:1 (AAA)
Export Steady Neptune Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #020b10;
--surface: #002a45;
--muted: #005683;
--primary: #007eaa;
--secondary: #45a5c9;
--accent: #9ed6f0;
--text: #dcf9ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #020b10;
--color-surface: #002a45;
--color-muted: #005683;
--color-primary: #007eaa;
--color-secondary: #45a5c9;
--color-accent: #9ed6f0;
--color-text: #dcf9ff;
}JSON (DTCG tokens)
{
"steady-neptune-harbor-25c": {
"bg": {
"$type": "color",
"$value": "#020b10"
},
"surface": {
"$type": "color",
"$value": "#002a45"
},
"muted": {
"$type": "color",
"$value": "#005683"
},
"primary": {
"$type": "color",
"$value": "#007eaa"
},
"secondary": {
"$type": "color",
"$value": "#45a5c9"
},
"accent": {
"$type": "color",
"$value": "#9ed6f0"
},
"text": {
"$type": "color",
"$value": "#dcf9ff"
}
}
}About this palette
Steady Neptune Harbor is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #020B10, #002A45, #005683, #007EAA, #45A5C9, #9ED6F0, #DCF9FF. APCA contrast score Lc 9.3. 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 Steady Neptune Harbor by OKLab color distance.