Palette · 10 colors · Lc 9.2
True Bucolic Vault palette
True Bucolic Vault: a 10-color palette (Green, Cold, Nature, 10 Colors). HEX, RGB, HSL and OKLCH for #DCEFDE, #BBD8B5, #8BAA85, #5F965F, #387F4B, #01693B, #025231, #003B24, #082514, #09120A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCEFDE
surface
#BBD8B5
muted
#8BAA85
primary
#5F965F
secondary
#387F4B
accent
#01693B
highlight
#025231
border
#003B24
focus
#082514
text
#09120A
Colors in True Bucolic Vault: HEX, RGB, HSL & OKLCH
- #DCEFDE color page →
bg
#DCEFDE
- RGB
- rgb(220 239 222)
- HSL
- hsl(126 37% 90%)
- OKLCH
- oklch(0.933 0.03 148.4)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.44:1 (AAA)
- #BBD8B5 color page →
surface
#BBD8B5
- RGB
- rgb(187 216 181)
- HSL
- hsl(110 31% 78%)
- OKLCH
- oklch(0.851 0.057 140.3)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.60:1 (AAA)
- #8BAA85 color page →
muted
#8BAA85
- RGB
- rgb(139 170 133)
- HSL
- hsl(110 18% 59%)
- OKLCH
- oklch(0.705 0.063 140.5)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.18:1 (AAA)
- #5F965F color page →
primary
#5F965F
- RGB
- rgb(95 150 95)
- HSL
- hsl(120 22% 48%)
- OKLCH
- oklch(0.62 0.1 144.3)
WCAG contrast: on white 3.49:1 (Fail) · on black 6.01:1 (AA)
- #387F4B color page →
secondary
#387F4B
- RGB
- rgb(56 127 75)
- HSL
- hsl(136 39% 36%)
- OKLCH
- oklch(0.537 0.108 150.1)
WCAG contrast: on white 4.87:1 (AA) · on black 4.30:1 (Fail)
- #01693B color page →
accent
#01693B
- RGB
- rgb(1 105 59)
- HSL
- hsl(153 98% 21%)
- OKLCH
- oklch(0.458 0.112 155.5)
WCAG contrast: on white 6.80:1 (AA) · on black 3.08:1 (Fail)
- #025231 color page →
highlight
#025231
- RGB
- rgb(2 82 49)
- HSL
- hsl(155 95% 16%)
- OKLCH
- oklch(0.387 0.09 158)
WCAG contrast: on white 9.31:1 (AAA) · on black 2.25:1 (Fail)
- #003B24 color page →
border
#003B24
- RGB
- rgb(0 59 36)
- HSL
- hsl(157 100% 12%)
- OKLCH
- oklch(0.311 0.07 160.2)
WCAG contrast: on white 12.71:1 (AAA) · on black 1.65:1 (Fail)
- #082514 color page →
focus
#082514
- RGB
- rgb(8 37 20)
- HSL
- hsl(145 64% 9%)
- OKLCH
- oklch(0.237 0.048 154.5)
WCAG contrast: on white 16.34:1 (AAA) · on black 1.28:1 (Fail)
- #09120A color page →
text
#09120A
- RGB
- rgb(9 18 10)
- HSL
- hsl(127 33% 5%)
- OKLCH
- oklch(0.17 0.021 147.5)
WCAG contrast: on white 19.04:1 (AAA) · on black 1.10:1 (Fail)
Export True Bucolic Vault: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcefde;
--surface: #bbd8b5;
--muted: #8baa85;
--primary: #5f965f;
--secondary: #387f4b;
--accent: #01693b;
--highlight: #025231;
--border: #003b24;
--focus: #082514;
--text: #09120a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcefde;
--color-surface: #bbd8b5;
--color-muted: #8baa85;
--color-primary: #5f965f;
--color-secondary: #387f4b;
--color-accent: #01693b;
--color-highlight: #025231;
--color-border: #003b24;
--color-focus: #082514;
--color-text: #09120a;
}JSON (DTCG tokens)
{
"true-bucolic-vault-7ky": {
"bg": {
"$type": "color",
"$value": "#dcefde"
},
"surface": {
"$type": "color",
"$value": "#bbd8b5"
},
"muted": {
"$type": "color",
"$value": "#8baa85"
},
"primary": {
"$type": "color",
"$value": "#5f965f"
},
"secondary": {
"$type": "color",
"$value": "#387f4b"
},
"accent": {
"$type": "color",
"$value": "#01693b"
},
"highlight": {
"$type": "color",
"$value": "#025231"
},
"border": {
"$type": "color",
"$value": "#003b24"
},
"focus": {
"$type": "color",
"$value": "#082514"
},
"text": {
"$type": "color",
"$value": "#09120a"
}
}
}About this palette
True Bucolic Vault is a 10-color OKLCH-ready palette tagged green, cold, nature, 10 colors. Hex values: #DCEFDE, #BBD8B5, #8BAA85, #5F965F, #387F4B, #01693B, #025231, #003B24, #082514, #09120A. APCA contrast score Lc 9.2. 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 Bucolic Vault by OKLab color distance.