Palette · 10 colors · Lc 9.1
Wing Commander Meadow palette
Wing Commander Meadow: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #FBE9DC, #D8AA87, #B66E31, #7F7800, #00856C, #007894, #146BAA, #4C4E98, #4C293A, #180E07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBE9DC
surface
#D8AA87
muted
#B66E31
primary
#7F7800
secondary
#00856C
accent
#007894
highlight
#146BAA
border
#4C4E98
focus
#4C293A
text
#180E07
Colors in Wing Commander Meadow: HEX, RGB, HSL & OKLCH
- #FBE9DC color page →
bg
#FBE9DC
- RGB
- rgb(251 233 220)
- HSL
- hsl(25 79% 92%)
- OKLCH
- oklch(0.945 0.026 58.3)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.79:1 (AAA)
- #D8AA87 color page →
surface
#D8AA87
- RGB
- rgb(216 170 135)
- HSL
- hsl(26 51% 69%)
- OKLCH
- oklch(0.771 0.072 58.7)
WCAG contrast: on white 2.09:1 (Fail) · on black 10.01:1 (AAA)
- #B66E31 color page →
muted
#B66E31
- RGB
- rgb(182 110 49)
- HSL
- hsl(28 58% 45%)
- OKLCH
- oklch(0.606 0.118 57.8)
WCAG contrast: on white 3.98:1 (Fail) · on black 5.26:1 (AA)
- #7F7800 color page →
primary
#7F7800
- RGB
- rgb(127 120 0)
- HSL
- hsl(57 100% 25%)
- OKLCH
- oklch(0.561 0.119 105.6)
WCAG contrast: on white 4.57:1 (AA) · on black 4.58:1 (AA)
- #00856C color page →
secondary
#00856C
- RGB
- rgb(0 133 108)
- HSL
- hsl(169 100% 26%)
- OKLCH
- oklch(0.55 0.105 173.3)
WCAG contrast: on white 4.59:1 (AA) · on black 4.57:1 (AA)
- #007894 color page →
accent
#007894
- RGB
- rgb(0 120 148)
- HSL
- hsl(191 100% 29%)
- OKLCH
- oklch(0.531 0.098 221.6)
WCAG contrast: on white 5.10:1 (AA) · on black 4.11:1 (Fail)
- #146BAA color page →
highlight
#146BAA
- RGB
- rgb(20 107 170)
- HSL
- hsl(205 79% 37%)
- OKLCH
- oklch(0.512 0.126 246.7)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #4C4E98 color page →
border
#4C4E98
- RGB
- rgb(76 78 152)
- HSL
- hsl(238 33% 45%)
- OKLCH
- oklch(0.46 0.118 279.5)
WCAG contrast: on white 7.36:1 (AAA) · on black 2.85:1 (Fail)
- #4C293A color page →
focus
#4C293A
- RGB
- rgb(76 41 58)
- HSL
- hsl(331 30% 23%)
- OKLCH
- oklch(0.332 0.058 350.2)
WCAG contrast: on white 12.45:1 (AAA) · on black 1.68:1 (Fail)
- #180E07 color page →
text
#180E07
- RGB
- rgb(24 14 7)
- HSL
- hsl(25 55% 6%)
- OKLCH
- oklch(0.175 0.022 56.9)
WCAG contrast: on white 19.00:1 (AAA) · on black 1.10:1 (Fail)
Export Wing Commander Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbe9dc;
--surface: #d8aa87;
--muted: #b66e31;
--primary: #7f7800;
--secondary: #00856c;
--accent: #007894;
--highlight: #146baa;
--border: #4c4e98;
--focus: #4c293a;
--text: #180e07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbe9dc;
--color-surface: #d8aa87;
--color-muted: #b66e31;
--color-primary: #7f7800;
--color-secondary: #00856c;
--color-accent: #007894;
--color-highlight: #146baa;
--color-border: #4c4e98;
--color-focus: #4c293a;
--color-text: #180e07;
}JSON (DTCG tokens)
{
"wing-commander-meadow-4or": {
"bg": {
"$type": "color",
"$value": "#fbe9dc"
},
"surface": {
"$type": "color",
"$value": "#d8aa87"
},
"muted": {
"$type": "color",
"$value": "#b66e31"
},
"primary": {
"$type": "color",
"$value": "#7f7800"
},
"secondary": {
"$type": "color",
"$value": "#00856c"
},
"accent": {
"$type": "color",
"$value": "#007894"
},
"highlight": {
"$type": "color",
"$value": "#146baa"
},
"border": {
"$type": "color",
"$value": "#4c4e98"
},
"focus": {
"$type": "color",
"$value": "#4c293a"
},
"text": {
"$type": "color",
"$value": "#180e07"
}
}
}About this palette
Wing Commander Meadow is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #FBE9DC, #D8AA87, #B66E31, #7F7800, #00856C, #007894, #146BAA, #4C4E98, #4C293A, #180E07. 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 Wing Commander Meadow by OKLab color distance.