Palette · 9 colors · Lc 9.1
Classic Wing Commander Orchard palette
Classic Wing Commander Orchard: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #E1E8EE, #9FD9F4, #5AC4DB, #00A0D3, #008CD9, #0061BA, #324493, #042A58, #00192B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1E8EE
surface
#9FD9F4
muted
#5AC4DB
primary
#00A0D3
secondary
#008CD9
accent
#0061BA
highlight
#324493
border
#042A58
text
#00192B
Colors in Classic Wing Commander Orchard: HEX, RGB, HSL & OKLCH
- #E1E8EE color page →
bg
#E1E8EE
- RGB
- rgb(225 232 238)
- HSL
- hsl(208 28% 91%)
- OKLCH
- oklch(0.927 0.011 243.7)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.97:1 (AAA)
- #9FD9F4 color page →
surface
#9FD9F4
- RGB
- rgb(159 217 244)
- HSL
- hsl(199 79% 79%)
- OKLCH
- oklch(0.855 0.07 228.4)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.70:1 (AAA)
- #5AC4DB color page →
muted
#5AC4DB
- RGB
- rgb(90 196 219)
- HSL
- hsl(191 64% 61%)
- OKLCH
- oklch(0.767 0.102 214.1)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.35:1 (AAA)
- #00A0D3 color page →
primary
#00A0D3
- RGB
- rgb(0 160 211)
- HSL
- hsl(195 100% 41%)
- OKLCH
- oklch(0.661 0.132 230)
WCAG contrast: on white 3.01:1 (Fail) · on black 6.96:1 (AA)
- #008CD9 color page →
secondary
#008CD9
- RGB
- rgb(0 140 217)
- HSL
- hsl(201 100% 43%)
- OKLCH
- oklch(0.617 0.152 244.1)
WCAG contrast: on white 3.65:1 (Fail) · on black 5.75:1 (AA)
- #0061BA color page →
accent
#0061BA
- RGB
- rgb(0 97 186)
- HSL
- hsl(209 100% 36%)
- OKLCH
- oklch(0.497 0.16 254.3)
WCAG contrast: on white 6.14:1 (AA) · on black 3.41:1 (Fail)
- #324493 color page →
highlight
#324493
- RGB
- rgb(50 68 147)
- HSL
- hsl(229 49% 39%)
- OKLCH
- oklch(0.418 0.131 270.1)
WCAG contrast: on white 8.80:1 (AAA) · on black 2.38:1 (Fail)
- #042A58 color page →
border
#042A58
- RGB
- rgb(4 42 88)
- HSL
- hsl(213 91% 18%)
- OKLCH
- oklch(0.29 0.093 256.1)
WCAG contrast: on white 14.21:1 (AAA) · on black 1.47:1 (Fail)
- #00192B color page →
text
#00192B
- RGB
- rgb(0 25 43)
- HSL
- hsl(205 100% 8%)
- OKLCH
- oklch(0.204 0.049 242)
WCAG contrast: on white 17.88:1 (AAA) · on black 1.17:1 (Fail)
Export Classic Wing Commander Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1e8ee;
--surface: #9fd9f4;
--muted: #5ac4db;
--primary: #00a0d3;
--secondary: #008cd9;
--accent: #0061ba;
--highlight: #324493;
--border: #042a58;
--text: #00192b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1e8ee;
--color-surface: #9fd9f4;
--color-muted: #5ac4db;
--color-primary: #00a0d3;
--color-secondary: #008cd9;
--color-accent: #0061ba;
--color-highlight: #324493;
--color-border: #042a58;
--color-text: #00192b;
}JSON (DTCG tokens)
{
"classic-wing-commander-orchard-4al": {
"bg": {
"$type": "color",
"$value": "#e1e8ee"
},
"surface": {
"$type": "color",
"$value": "#9fd9f4"
},
"muted": {
"$type": "color",
"$value": "#5ac4db"
},
"primary": {
"$type": "color",
"$value": "#00a0d3"
},
"secondary": {
"$type": "color",
"$value": "#008cd9"
},
"accent": {
"$type": "color",
"$value": "#0061ba"
},
"highlight": {
"$type": "color",
"$value": "#324493"
},
"border": {
"$type": "color",
"$value": "#042a58"
},
"text": {
"$type": "color",
"$value": "#00192b"
}
}
}About this palette
Classic Wing Commander Orchard is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #E1E8EE, #9FD9F4, #5AC4DB, #00A0D3, #008CD9, #0061BA, #324493, #042A58, #00192B. 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 Orchard by OKLab color distance.