Palette · 4 colors · Lc 10
Matcha Mecha Vault palette
Matcha Mecha Vault: a 4-color palette (Green, Nature, 4 Colors). HEX, RGB, HSL and OKLCH for #EDF5E8, #9BAE6C, #0C461D, #0B1104, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDF5E8
surface
#9BAE6C
accent
#0C461D
text
#0B1104
Colors in Matcha Mecha Vault: HEX, RGB, HSL & OKLCH
- #EDF5E8 color page →
bg
#EDF5E8
- RGB
- rgb(237 245 232)
- HSL
- hsl(97 39% 94%)
- OKLCH
- oklch(0.961 0.019 133.1)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.82:1 (AAA)
- #9BAE6C color page →
surface
#9BAE6C
- RGB
- rgb(155 174 108)
- HSL
- hsl(77 29% 55%)
- OKLCH
- oklch(0.72 0.092 121.8)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.66:1 (AAA)
- #0C461D color page →
accent
#0C461D
- RGB
- rgb(12 70 29)
- HSL
- hsl(138 71% 16%)
- OKLCH
- oklch(0.347 0.09 148.5)
WCAG contrast: on white 10.99:1 (AAA) · on black 1.90:1 (Fail)
- #0B1104 color page →
text
#0B1104
- RGB
- rgb(11 17 4)
- HSL
- hsl(88 62% 4%)
- OKLCH
- oklch(0.167 0.029 127.7)
WCAG contrast: on white 19.15:1 (AAA) · on black 1.09:1 (Fail)
Export Matcha Mecha Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf5e8;
--surface: #9bae6c;
--accent: #0c461d;
--text: #0b1104;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf5e8;
--color-surface: #9bae6c;
--color-accent: #0c461d;
--color-text: #0b1104;
}JSON (DTCG tokens)
{
"matcha-mecha-vault-2vd": {
"bg": {
"$type": "color",
"$value": "#edf5e8"
},
"surface": {
"$type": "color",
"$value": "#9bae6c"
},
"accent": {
"$type": "color",
"$value": "#0c461d"
},
"text": {
"$type": "color",
"$value": "#0b1104"
}
}
}About this palette
Matcha Mecha Vault is a 4-color OKLCH-ready palette tagged green, nature, 4 colors. Hex values: #EDF5E8, #9BAE6C, #0C461D, #0B1104. APCA contrast score Lc 10. 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 Matcha Mecha Vault by OKLab color distance.