Palette · 10 colors · Lc 8.9
True Wing Commander Forge palette
True Wing Commander Forge: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #E4ECEE, #8EDFEB, #00D2D4, #00C2D3, #0099CD, #007FCA, #005FBA, #004191, #002D60, #001E30, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4ECEE
surface
#8EDFEB
muted
#00D2D4
primary
#00C2D3
secondary
#0099CD
accent
#007FCA
highlight
#005FBA
border
#004191
focus
#002D60
text
#001E30
Colors in True Wing Commander Forge: HEX, RGB, HSL & OKLCH
- #E4ECEE color page →
bg
#E4ECEE
- RGB
- rgb(228 236 238)
- HSL
- hsl(192 23% 91%)
- OKLCH
- oklch(0.938 0.009 214.3)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.53:1 (AAA)
- #8EDFEB color page →
surface
#8EDFEB
- RGB
- rgb(142 223 235)
- HSL
- hsl(188 70% 74%)
- OKLCH
- oklch(0.856 0.081 207.7)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.90:1 (AAA)
- #00D2D4 color page →
muted
#00D2D4
- RGB
- rgb(0 210 212)
- HSL
- hsl(181 100% 42%)
- OKLCH
- oklch(0.783 0.133 196)
WCAG contrast: on white 1.88:1 (Fail) · on black 11.16:1 (AAA)
- #00C2D3 color page →
primary
#00C2D3
- RGB
- rgb(0 194 211)
- HSL
- hsl(185 100% 41%)
- OKLCH
- oklch(0.743 0.127 205.9)
WCAG contrast: on white 2.17:1 (Fail) · on black 9.65:1 (AAA)
- #0099CD color page →
secondary
#0099CD
- RGB
- rgb(0 153 205)
- HSL
- hsl(195 100% 40%)
- OKLCH
- oklch(0.641 0.13 231.6)
WCAG contrast: on white 3.26:1 (Fail) · on black 6.43:1 (AA)
- #007FCA color page →
accent
#007FCA
- RGB
- rgb(0 127 202)
- HSL
- hsl(202 100% 40%)
- OKLCH
- oklch(0.577 0.147 245.6)
WCAG contrast: on white 4.29:1 (Fail) · on black 4.88:1 (AA)
- #005FBA color page →
highlight
#005FBA
- RGB
- rgb(0 95 186)
- HSL
- hsl(209 100% 36%)
- OKLCH
- oklch(0.493 0.162 255)
WCAG contrast: on white 6.27:1 (AA) · on black 3.34:1 (Fail)
- #004191 color page →
border
#004191
- RGB
- rgb(0 65 145)
- HSL
- hsl(213 100% 28%)
- OKLCH
- oklch(0.393 0.145 257.9)
WCAG contrast: on white 9.69:1 (AAA) · on black 2.16:1 (Fail)
- #002D60 color page →
focus
#002D60
- RGB
- rgb(0 45 96)
- HSL
- hsl(212 100% 19%)
- OKLCH
- oklch(0.303 0.102 255.6)
WCAG contrast: on white 13.59:1 (AAA) · on black 1.54:1 (Fail)
- #001E30 color page →
text
#001E30
- RGB
- rgb(0 30 48)
- HSL
- hsl(203 100% 9%)
- OKLCH
- oklch(0.224 0.05 238.8)
WCAG contrast: on white 17.09:1 (AAA) · on black 1.22:1 (Fail)
Export True Wing Commander Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4ecee;
--surface: #8edfeb;
--muted: #00d2d4;
--primary: #00c2d3;
--secondary: #0099cd;
--accent: #007fca;
--highlight: #005fba;
--border: #004191;
--focus: #002d60;
--text: #001e30;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4ecee;
--color-surface: #8edfeb;
--color-muted: #00d2d4;
--color-primary: #00c2d3;
--color-secondary: #0099cd;
--color-accent: #007fca;
--color-highlight: #005fba;
--color-border: #004191;
--color-focus: #002d60;
--color-text: #001e30;
}JSON (DTCG tokens)
{
"true-wing-commander-forge-7oi": {
"bg": {
"$type": "color",
"$value": "#e4ecee"
},
"surface": {
"$type": "color",
"$value": "#8edfeb"
},
"muted": {
"$type": "color",
"$value": "#00d2d4"
},
"primary": {
"$type": "color",
"$value": "#00c2d3"
},
"secondary": {
"$type": "color",
"$value": "#0099cd"
},
"accent": {
"$type": "color",
"$value": "#007fca"
},
"highlight": {
"$type": "color",
"$value": "#005fba"
},
"border": {
"$type": "color",
"$value": "#004191"
},
"focus": {
"$type": "color",
"$value": "#002d60"
},
"text": {
"$type": "color",
"$value": "#001e30"
}
}
}About this palette
True Wing Commander Forge is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #E4ECEE, #8EDFEB, #00D2D4, #00C2D3, #0099CD, #007FCA, #005FBA, #004191, #002D60, #001E30. 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 True Wing Commander Forge by OKLab color distance.