Palette · 5 colors · Lc 8.4
Pure Bucolic System palette
Pure Bucolic System: a 5-color palette (Green, Cold, Nature, 5 Colors). HEX, RGB, HSL and OKLCH for #DFF2E4, #7CA378, #1B6E3B, #004736, #031107, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFF2E4
surface
#7CA378
primary
#1B6E3B
accent
#004736
text
#031107
Colors in Pure Bucolic System: HEX, RGB, HSL & OKLCH
- #DFF2E4 color page →
bg
#DFF2E4
- RGB
- rgb(223 242 228)
- HSL
- hsl(136 42% 91%)
- OKLCH
- oklch(0.943 0.027 153.9)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.95:1 (AAA)
- #7CA378 color page →
surface
#7CA378
- RGB
- rgb(124 163 120)
- HSL
- hsl(114 19% 55%)
- OKLCH
- oklch(0.675 0.075 142.3)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.36:1 (AAA)
- #1B6E3B color page →
primary
#1B6E3B
- RGB
- rgb(27 110 59)
- HSL
- hsl(143 61% 27%)
- OKLCH
- oklch(0.477 0.112 151.8)
WCAG contrast: on white 6.28:1 (AA) · on black 3.34:1 (Fail)
- #004736 color page →
accent
#004736
- RGB
- rgb(0 71 54)
- HSL
- hsl(166 100% 14%)
- OKLCH
- oklch(0.354 0.07 170.2)
WCAG contrast: on white 10.74:1 (AAA) · on black 1.95:1 (Fail)
- #031107 color page →
text
#031107
- RGB
- rgb(3 17 7)
- HSL
- hsl(137 70% 4%)
- OKLCH
- oklch(0.16 0.031 153.4)
WCAG contrast: on white 19.31:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Bucolic System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dff2e4;
--surface: #7ca378;
--primary: #1b6e3b;
--accent: #004736;
--text: #031107;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dff2e4;
--color-surface: #7ca378;
--color-primary: #1b6e3b;
--color-accent: #004736;
--color-text: #031107;
}JSON (DTCG tokens)
{
"pure-bucolic-system-2w5": {
"bg": {
"$type": "color",
"$value": "#dff2e4"
},
"surface": {
"$type": "color",
"$value": "#7ca378"
},
"primary": {
"$type": "color",
"$value": "#1b6e3b"
},
"accent": {
"$type": "color",
"$value": "#004736"
},
"text": {
"$type": "color",
"$value": "#031107"
}
}
}About this palette
Pure Bucolic System is a 5-color OKLCH-ready palette tagged green, cold, nature, 5 colors. Hex values: #DFF2E4, #7CA378, #1B6E3B, #004736, #031107. 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 Pure Bucolic System by OKLab color distance.