Palette · 3 colors · Lc 8.9
Wing Commander System palette
Wing Commander System: a 3-color palette (Violet, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #E9E7E5, #2169A2, #0F0601, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9E7E5
accent
#2169A2
text
#0F0601
Colors in Wing Commander System: HEX, RGB, HSL & OKLCH
- #E9E7E5 color page →
bg
#E9E7E5
- RGB
- rgb(233 231 229)
- HSL
- hsl(30 8% 91%)
- OKLCH
- oklch(0.929 0.003 67.8)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.02:1 (AAA)
- #2169A2 color page →
accent
#2169A2
- RGB
- rgb(33 105 162)
- HSL
- hsl(207 66% 38%)
- OKLCH
- oklch(0.506 0.114 246.9)
WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)
- #0F0601 color page →
text
#0F0601
- RGB
- rgb(15 6 1)
- HSL
- hsl(21 88% 3%)
- OKLCH
- oklch(0.134 0.025 64)
WCAG contrast: on white 20.06:1 (AAA) · on black 1.04:1 (Fail)
Export Wing Commander System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9e7e5;
--accent: #2169a2;
--text: #0f0601;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9e7e5;
--color-accent: #2169a2;
--color-text: #0f0601;
}JSON (DTCG tokens)
{
"wing-commander-system-4j0": {
"bg": {
"$type": "color",
"$value": "#e9e7e5"
},
"accent": {
"$type": "color",
"$value": "#2169a2"
},
"text": {
"$type": "color",
"$value": "#0f0601"
}
}
}About this palette
Wing Commander System is a 3-color OKLCH-ready palette tagged violet, gray, cold, 3 colors. Hex values: #E9E7E5, #2169A2, #0F0601. APCA contrast score Lc 8.9. 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 Wing Commander System by OKLab color distance.