Palette · 10 colors · Lc 10
True Bitter Leaf Vault palette
True Bitter Leaf Vault: a 10-color palette (Green, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #F0FDE3, #B9DAAC, #9EC681, #77A753, #63913C, #517422, #395602, #204405, #162304, #030801, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 10 Colors
bg
#F0FDE3
surface
#B9DAAC
muted
#9EC681
primary
#77A753
secondary
#63913C
accent
#517422
highlight
#395602
border
#204405
focus
#162304
text
#030801
Colors in True Bitter Leaf Vault: HEX, RGB, HSL & OKLCH
- #F0FDE3 color page →
bg
#F0FDE3
- RGB
- rgb(240 253 227)
- HSL
- hsl(90 87% 94%)
- OKLCH
- oklch(0.978 0.037 128.9)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.86:1 (AAA)
- #B9DAAC color page →
surface
#B9DAAC
- RGB
- rgb(185 218 172)
- HSL
- hsl(103 38% 76%)
- OKLCH
- oklch(0.852 0.072 136.9)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.68:1 (AAA)
- #9EC681 color page →
muted
#9EC681
- RGB
- rgb(158 198 129)
- HSL
- hsl(95 38% 64%)
- OKLCH
- oklch(0.781 0.103 132.8)
WCAG contrast: on white 1.93:1 (Fail) · on black 10.84:1 (AAA)
- #77A753 color page →
primary
#77A753
- RGB
- rgb(119 167 83)
- HSL
- hsl(94 34% 49%)
- OKLCH
- oklch(0.675 0.126 133.3)
WCAG contrast: on white 2.82:1 (Fail) · on black 7.43:1 (AAA)
- #63913C color page →
secondary
#63913C
- RGB
- rgb(99 145 60)
- HSL
- hsl(92 41% 40%)
- OKLCH
- oklch(0.604 0.126 132.8)
WCAG contrast: on white 3.71:1 (Fail) · on black 5.64:1 (AA)
- #517422 color page →
accent
#517422
- RGB
- rgb(81 116 34)
- HSL
- hsl(86 55% 29%)
- OKLCH
- oklch(0.515 0.117 129.7)
WCAG contrast: on white 5.42:1 (AA) · on black 3.87:1 (Fail)
- #395602 color page →
highlight
#395602
- RGB
- rgb(57 86 2)
- HSL
- hsl(81 95% 17%)
- OKLCH
- oklch(0.414 0.108 128.8)
WCAG contrast: on white 8.38:1 (AAA) · on black 2.50:1 (Fail)
- #204405 color page →
border
#204405
- RGB
- rgb(32 68 5)
- HSL
- hsl(94 86% 14%)
- OKLCH
- oklch(0.346 0.097 135.6)
WCAG contrast: on white 11.10:1 (AAA) · on black 1.89:1 (Fail)
- #162304 color page →
focus
#162304
- RGB
- rgb(22 35 4)
- HSL
- hsl(85 79% 8%)
- OKLCH
- oklch(0.236 0.055 129)
WCAG contrast: on white 16.45:1 (AAA) · on black 1.27:1 (Fail)
- #030801 color page →
text
#030801
- RGB
- rgb(3 8 1)
- HSL
- hsl(103 78% 2%)
- OKLCH
- oklch(0.123 0.028 134.3)
WCAG contrast: on white 20.21:1 (AAA) · on black 1.03:1 (Fail)
Export True Bitter Leaf Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0fde3;
--surface: #b9daac;
--muted: #9ec681;
--primary: #77a753;
--secondary: #63913c;
--accent: #517422;
--highlight: #395602;
--border: #204405;
--focus: #162304;
--text: #030801;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0fde3;
--color-surface: #b9daac;
--color-muted: #9ec681;
--color-primary: #77a753;
--color-secondary: #63913c;
--color-accent: #517422;
--color-highlight: #395602;
--color-border: #204405;
--color-focus: #162304;
--color-text: #030801;
}JSON (DTCG tokens)
{
"true-bitter-leaf-vault-1m5": {
"bg": {
"$type": "color",
"$value": "#f0fde3"
},
"surface": {
"$type": "color",
"$value": "#b9daac"
},
"muted": {
"$type": "color",
"$value": "#9ec681"
},
"primary": {
"$type": "color",
"$value": "#77a753"
},
"secondary": {
"$type": "color",
"$value": "#63913c"
},
"accent": {
"$type": "color",
"$value": "#517422"
},
"highlight": {
"$type": "color",
"$value": "#395602"
},
"border": {
"$type": "color",
"$value": "#204405"
},
"focus": {
"$type": "color",
"$value": "#162304"
},
"text": {
"$type": "color",
"$value": "#030801"
}
}
}About this palette
True Bitter Leaf Vault is a 10-color OKLCH-ready palette tagged green, monochromatic, 10 colors. Hex values: #F0FDE3, #B9DAAC, #9EC681, #77A753, #63913C, #517422, #395602, #204405, #162304, #030801. 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 True Bitter Leaf Vault by OKLab color distance.