Palette · 6 colors · Lc 8.9
Bucolic Brief palette
Bucolic Brief: a 6-color palette (Green, Cold, UI System, 6 Colors). HEX, RGB, HSL and OKLCH for #F2F2F2, #E2E1D2, #C4BD81, #817700, #036B32, #151300, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2F2F2
surface
#E2E1D2
muted
#C4BD81
primary
#817700
accent
#036B32
text
#151300
Colors in Bucolic Brief: HEX, RGB, HSL & OKLCH
- #F2F2F2 color page →
bg
#F2F2F2
- RGB
- rgb(242 242 242)
- HSL
- hsl(0 0% 95%)
- OKLCH
- oklch(0.961 0 0)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.75:1 (AAA)
- #E2E1D2 color page →
surface
#E2E1D2
- RGB
- rgb(226 225 210)
- HSL
- hsl(56 22% 85%)
- OKLCH
- oklch(0.906 0.02 103.7)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.93:1 (AAA)
- #C4BD81 color page →
muted
#C4BD81
- RGB
- rgb(196 189 129)
- HSL
- hsl(54 36% 64%)
- OKLCH
- oklch(0.79 0.079 102.4)
WCAG contrast: on white 1.91:1 (Fail) · on black 10.94:1 (AAA)
- #817700 color page →
primary
#817700
- RGB
- rgb(129 119 0)
- HSL
- hsl(55 100% 25%)
- OKLCH
- oklch(0.561 0.118 103.7)
WCAG contrast: on white 4.59:1 (AA) · on black 4.57:1 (AA)
- #036B32 color page →
accent
#036B32
- RGB
- rgb(3 107 50)
- HSL
- hsl(147 95% 22%)
- OKLCH
- oklch(0.462 0.123 151)
WCAG contrast: on white 6.66:1 (AA) · on black 3.15:1 (Fail)
- #151300 color page →
text
#151300
- RGB
- rgb(21 19 0)
- HSL
- hsl(54 100% 4%)
- OKLCH
- oklch(0.183 0.039 104.9)
WCAG contrast: on white 18.66:1 (AAA) · on black 1.12:1 (Fail)
Export Bucolic Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2f2f2;
--surface: #e2e1d2;
--muted: #c4bd81;
--primary: #817700;
--accent: #036b32;
--text: #151300;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2f2f2;
--color-surface: #e2e1d2;
--color-muted: #c4bd81;
--color-primary: #817700;
--color-accent: #036b32;
--color-text: #151300;
}JSON (DTCG tokens)
{
"bucolic-brief-6ty": {
"bg": {
"$type": "color",
"$value": "#f2f2f2"
},
"surface": {
"$type": "color",
"$value": "#e2e1d2"
},
"muted": {
"$type": "color",
"$value": "#c4bd81"
},
"primary": {
"$type": "color",
"$value": "#817700"
},
"accent": {
"$type": "color",
"$value": "#036b32"
},
"text": {
"$type": "color",
"$value": "#151300"
}
}
}About this palette
Bucolic Brief is a 6-color OKLCH-ready palette tagged green, cold, ui system, 6 colors. Hex values: #F2F2F2, #E2E1D2, #C4BD81, #817700, #036B32, #151300. APCA contrast score Lc 8.9. 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 Bucolic Brief by OKLab color distance.