Palette · 8 colors · Lc 8.9
Bay Leaf Brief palette
Bay Leaf Brief: a 8-color palette (Green, Gray, UI System, 8 Colors). HEX, RGB, HSL and OKLCH for #EFEFEF, #F0F1DE, #CACABE, #A9AA8C, #847C3F, #59632B, #35421F, #191809, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFEFEF
surface
#F0F1DE
muted
#CACABE
primary
#A9AA8C
secondary
#847C3F
accent
#59632B
highlight
#35421F
text
#191809
Colors in Bay Leaf Brief: HEX, RGB, HSL & OKLCH
- #EFEFEF color page →
bg
#EFEFEF
- RGB
- rgb(239 239 239)
- HSL
- hsl(0 0% 94%)
- OKLCH
- oklch(0.952 0 0)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.26:1 (AAA)
- #F0F1DE color page →
surface
#F0F1DE
- RGB
- rgb(240 241 222)
- HSL
- hsl(63 40% 91%)
- OKLCH
- oklch(0.952 0.025 109.3)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.34:1 (AAA)
- #CACABE color page →
muted
#CACABE
- RGB
- rgb(202 202 190)
- HSL
- hsl(60 10% 77%)
- OKLCH
- oklch(0.836 0.016 106.7)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.70:1 (AAA)
- #A9AA8C color page →
primary
#A9AA8C
- RGB
- rgb(169 170 140)
- HSL
- hsl(62 15% 61%)
- OKLCH
- oklch(0.729 0.042 109)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.81:1 (AAA)
- #847C3F color page →
secondary
#847C3F
- RGB
- rgb(132 124 63)
- HSL
- hsl(53 35% 38%)
- OKLCH
- oklch(0.58 0.083 101.9)
WCAG contrast: on white 4.25:1 (Fail) · on black 4.93:1 (AA)
- #59632B color page →
accent
#59632B
- RGB
- rgb(89 99 43)
- HSL
- hsl(71 39% 28%)
- OKLCH
- oklch(0.478 0.08 118)
WCAG contrast: on white 6.47:1 (AA) · on black 3.24:1 (Fail)
- #35421F color page →
highlight
#35421F
- RGB
- rgb(53 66 31)
- HSL
- hsl(82 36% 19%)
- OKLCH
- oklch(0.358 0.058 125.9)
WCAG contrast: on white 10.76:1 (AAA) · on black 1.95:1 (Fail)
- #191809 color page →
text
#191809
- RGB
- rgb(25 24 9)
- HSL
- hsl(56 47% 7%)
- OKLCH
- oklch(0.206 0.027 105.2)
WCAG contrast: on white 17.85:1 (AAA) · on black 1.17:1 (Fail)
Export Bay Leaf Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efefef;
--surface: #f0f1de;
--muted: #cacabe;
--primary: #a9aa8c;
--secondary: #847c3f;
--accent: #59632b;
--highlight: #35421f;
--text: #191809;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efefef;
--color-surface: #f0f1de;
--color-muted: #cacabe;
--color-primary: #a9aa8c;
--color-secondary: #847c3f;
--color-accent: #59632b;
--color-highlight: #35421f;
--color-text: #191809;
}JSON (DTCG tokens)
{
"bay-leaf-brief-5l3": {
"bg": {
"$type": "color",
"$value": "#efefef"
},
"surface": {
"$type": "color",
"$value": "#f0f1de"
},
"muted": {
"$type": "color",
"$value": "#cacabe"
},
"primary": {
"$type": "color",
"$value": "#a9aa8c"
},
"secondary": {
"$type": "color",
"$value": "#847c3f"
},
"accent": {
"$type": "color",
"$value": "#59632b"
},
"highlight": {
"$type": "color",
"$value": "#35421f"
},
"text": {
"$type": "color",
"$value": "#191809"
}
}
}About this palette
Bay Leaf Brief is a 8-color OKLCH-ready palette tagged green, gray, ui system, 8 colors. Hex values: #EFEFEF, #F0F1DE, #CACABE, #A9AA8C, #847C3F, #59632B, #35421F, #191809. 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 Bay Leaf Brief by OKLab color distance.