Palette · 10 colors · Lc 8.5
True Wing Commander Canvas palette
True Wing Commander Canvas: a 10-color palette (Violet, Cold, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #E8F0EC, #77C5A1, #00945B, #00839E, #0062BF, #8B43A5, #A6395A, #974100, #373700, #08170F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8F0EC
surface
#77C5A1
muted
#00945B
primary
#00839E
secondary
#0062BF
accent
#8B43A5
highlight
#A6395A
border
#974100
focus
#373700
text
#08170F
Colors in True Wing Commander Canvas: HEX, RGB, HSL & OKLCH
- #E8F0EC color page →
bg
#E8F0EC
- RGB
- rgb(232 240 236)
- HSL
- hsl(150 21% 93%)
- OKLCH
- oklch(0.948 0.01 164.9)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.10:1 (AAA)
- #77C5A1 color page →
surface
#77C5A1
- RGB
- rgb(119 197 161)
- HSL
- hsl(152 40% 62%)
- OKLCH
- oklch(0.763 0.094 163.2)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.28:1 (AAA)
- #00945B color page →
muted
#00945B
- RGB
- rgb(0 148 91)
- HSL
- hsl(157 100% 29%)
- OKLCH
- oklch(0.587 0.138 157.7)
WCAG contrast: on white 3.89:1 (Fail) · on black 5.38:1 (AA)
- #00839E color page →
primary
#00839E
- RGB
- rgb(0 131 158)
- HSL
- hsl(190 100% 31%)
- OKLCH
- oklch(0.564 0.102 219)
WCAG contrast: on white 4.43:1 (Fail) · on black 4.74:1 (AA)
- #0062BF color page →
secondary
#0062BF
- RGB
- rgb(0 98 191)
- HSL
- hsl(209 100% 37%)
- OKLCH
- oklch(0.503 0.165 254.9)
WCAG contrast: on white 6.00:1 (AA) · on black 3.49:1 (Fail)
- #8B43A5 color page →
accent
#8B43A5
- RGB
- rgb(139 67 165)
- HSL
- hsl(284 42% 45%)
- OKLCH
- oklch(0.516 0.162 316.2)
WCAG contrast: on white 6.09:1 (AA) · on black 3.44:1 (Fail)
- #A6395A color page →
highlight
#A6395A
- RGB
- rgb(166 57 90)
- HSL
- hsl(342 49% 44%)
- OKLCH
- oklch(0.509 0.145 5.3)
WCAG contrast: on white 6.26:1 (AA) · on black 3.35:1 (Fail)
- #974100 color page →
border
#974100
- RGB
- rgb(151 65 0)
- HSL
- hsl(26 100% 30%)
- OKLCH
- oklch(0.482 0.132 47.8)
WCAG contrast: on white 6.83:1 (AA) · on black 3.07:1 (Fail)
- #373700 color page →
focus
#373700
- RGB
- rgb(55 55 0)
- HSL
- hsl(60 100% 11%)
- OKLCH
- oklch(0.326 0.071 109.8)
WCAG contrast: on white 12.28:1 (AAA) · on black 1.70:1 (Fail)
- #08170F color page →
text
#08170F
- RGB
- rgb(8 23 15)
- HSL
- hsl(148 48% 6%)
- OKLCH
- oklch(0.188 0.027 159.3)
WCAG contrast: on white 18.42:1 (AAA) · on black 1.13:1 (Fail)
Export True Wing Commander Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8f0ec;
--surface: #77c5a1;
--muted: #00945b;
--primary: #00839e;
--secondary: #0062bf;
--accent: #8b43a5;
--highlight: #a6395a;
--border: #974100;
--focus: #373700;
--text: #08170f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8f0ec;
--color-surface: #77c5a1;
--color-muted: #00945b;
--color-primary: #00839e;
--color-secondary: #0062bf;
--color-accent: #8b43a5;
--color-highlight: #a6395a;
--color-border: #974100;
--color-focus: #373700;
--color-text: #08170f;
}JSON (DTCG tokens)
{
"true-wing-commander-canvas-4ho": {
"bg": {
"$type": "color",
"$value": "#e8f0ec"
},
"surface": {
"$type": "color",
"$value": "#77c5a1"
},
"muted": {
"$type": "color",
"$value": "#00945b"
},
"primary": {
"$type": "color",
"$value": "#00839e"
},
"secondary": {
"$type": "color",
"$value": "#0062bf"
},
"accent": {
"$type": "color",
"$value": "#8b43a5"
},
"highlight": {
"$type": "color",
"$value": "#a6395a"
},
"border": {
"$type": "color",
"$value": "#974100"
},
"focus": {
"$type": "color",
"$value": "#373700"
},
"text": {
"$type": "color",
"$value": "#08170f"
}
}
}About this palette
True Wing Commander Canvas is a 10-color OKLCH-ready palette tagged violet, cold, rainbow, 10 colors. Hex values: #E8F0EC, #77C5A1, #00945B, #00839E, #0062BF, #8B43A5, #A6395A, #974100, #373700, #08170F. APCA contrast score Lc 8.5. 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 Canvas by OKLab color distance.