Palette · 5 colors · Lc 8.4
Bancha System palette
Bancha System: a 5-color palette (Green, Gray, 5 Colors). HEX, RGB, HSL and OKLCH for #DFDCEC, #766D8A, #5D6540, #32606B, #0E0A15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFDCEC
surface
#766D8A
primary
#5D6540
accent
#32606B
text
#0E0A15
Colors in Bancha System: HEX, RGB, HSL & OKLCH
- #DFDCEC color page →
bg
#DFDCEC
- RGB
- rgb(223 220 236)
- HSL
- hsl(251 30% 89%)
- OKLCH
- oklch(0.902 0.022 294.6)
WCAG contrast: on white 1.34:1 (Fail) · on black 15.58:1 (AAA)
- #766D8A color page →
surface
#766D8A
- RGB
- rgb(118 109 138)
- HSL
- hsl(259 12% 48%)
- OKLCH
- oklch(0.554 0.046 299.1)
WCAG contrast: on white 4.85:1 (AA) · on black 4.32:1 (Fail)
- #5D6540 color page →
primary
#5D6540
- RGB
- rgb(93 101 64)
- HSL
- hsl(73 22% 32%)
- OKLCH
- oklch(0.49 0.056 118.5)
WCAG contrast: on white 6.17:1 (AA) · on black 3.40:1 (Fail)
- #32606B color page →
accent
#32606B
- RGB
- rgb(50 96 107)
- HSL
- hsl(192 36% 31%)
- OKLCH
- oklch(0.461 0.053 215.1)
WCAG contrast: on white 6.95:1 (AA) · on black 3.02:1 (Fail)
- #0E0A15 color page →
text
#0E0A15
- RGB
- rgb(14 10 21)
- HSL
- hsl(262 35% 6%)
- OKLCH
- oklch(0.156 0.024 300.4)
WCAG contrast: on white 19.57:1 (AAA) · on black 1.07:1 (Fail)
Export Bancha System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dfdcec;
--surface: #766d8a;
--primary: #5d6540;
--accent: #32606b;
--text: #0e0a15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dfdcec;
--color-surface: #766d8a;
--color-primary: #5d6540;
--color-accent: #32606b;
--color-text: #0e0a15;
}JSON (DTCG tokens)
{
"bancha-system-1u5": {
"bg": {
"$type": "color",
"$value": "#dfdcec"
},
"surface": {
"$type": "color",
"$value": "#766d8a"
},
"primary": {
"$type": "color",
"$value": "#5d6540"
},
"accent": {
"$type": "color",
"$value": "#32606b"
},
"text": {
"$type": "color",
"$value": "#0e0a15"
}
}
}About this palette
Bancha System is a 5-color OKLCH-ready palette tagged green, gray, 5 colors. Hex values: #DFDCEC, #766D8A, #5D6540, #32606B, #0E0A15. APCA contrast score Lc 8.4. 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 Bancha System by OKLab color distance.