Palette · 7 colors · Lc 9.1
Classic Wing Commander Harbor palette
Classic Wing Commander Harbor: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E1F1F7, #5BDADE, #00B7C7, #008FDB, #0064B9, #003676, #002239, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1F1F7
surface
#5BDADE
muted
#00B7C7
primary
#008FDB
secondary
#0064B9
accent
#003676
text
#002239
Colors in Classic Wing Commander Harbor: HEX, RGB, HSL & OKLCH
- #E1F1F7 color page →
bg
#E1F1F7
- RGB
- rgb(225 241 247)
- HSL
- hsl(196 58% 93%)
- OKLCH
- oklch(0.948 0.019 222.2)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.12:1 (AAA)
- #5BDADE color page →
surface
#5BDADE
- RGB
- rgb(91 218 222)
- HSL
- hsl(182 66% 61%)
- OKLCH
- oklch(0.82 0.111 198.1)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.52:1 (AAA)
- #00B7C7 color page →
muted
#00B7C7
- RGB
- rgb(0 183 199)
- HSL
- hsl(185 100% 39%)
- OKLCH
- oklch(0.712 0.122 205.9)
WCAG contrast: on white 2.44:1 (Fail) · on black 8.59:1 (AAA)
- #008FDB color page →
primary
#008FDB
- RGB
- rgb(0 143 219)
- HSL
- hsl(201 100% 43%)
- OKLCH
- oklch(0.625 0.152 243.2)
WCAG contrast: on white 3.52:1 (Fail) · on black 5.95:1 (AA)
- #0064B9 color page →
secondary
#0064B9
- RGB
- rgb(0 100 185)
- HSL
- hsl(208 100% 36%)
- OKLCH
- oklch(0.504 0.155 252.9)
WCAG contrast: on white 5.96:1 (AA) · on black 3.52:1 (Fail)
- #003676 color page →
accent
#003676
- RGB
- rgb(0 54 118)
- HSL
- hsl(213 100% 23%)
- OKLCH
- oklch(0.344 0.122 256.9)
WCAG contrast: on white 11.73:1 (AAA) · on black 1.78:1 (Fail)
- #002239 color page →
text
#002239
- RGB
- rgb(0 34 57)
- HSL
- hsl(204 100% 11%)
- OKLCH
- oklch(0.242 0.058 243)
WCAG contrast: on white 16.30:1 (AAA) · on black 1.28:1 (Fail)
Export Classic Wing Commander Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1f1f7;
--surface: #5bdade;
--muted: #00b7c7;
--primary: #008fdb;
--secondary: #0064b9;
--accent: #003676;
--text: #002239;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1f1f7;
--color-surface: #5bdade;
--color-muted: #00b7c7;
--color-primary: #008fdb;
--color-secondary: #0064b9;
--color-accent: #003676;
--color-text: #002239;
}JSON (DTCG tokens)
{
"classic-wing-commander-harbor-6ee": {
"bg": {
"$type": "color",
"$value": "#e1f1f7"
},
"surface": {
"$type": "color",
"$value": "#5bdade"
},
"muted": {
"$type": "color",
"$value": "#00b7c7"
},
"primary": {
"$type": "color",
"$value": "#008fdb"
},
"secondary": {
"$type": "color",
"$value": "#0064b9"
},
"accent": {
"$type": "color",
"$value": "#003676"
},
"text": {
"$type": "color",
"$value": "#002239"
}
}
}About this palette
Classic Wing Commander Harbor is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #E1F1F7, #5BDADE, #00B7C7, #008FDB, #0064B9, #003676, #002239. APCA contrast score Lc 9.1. 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 Classic Wing Commander Harbor by OKLab color distance.