Palette · 4 colors · Lc 9.4
Bay Leaf Cascade palette
Bay Leaf Cascade: a 4-color palette (Green, Gray, 4 Colors). HEX, RGB, HSL and OKLCH for #EFECDD, #7F7434, #333122, #100E08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFECDD
surface
#7F7434
accent
#333122
text
#100E08
Colors in Bay Leaf Cascade: HEX, RGB, HSL & OKLCH
- #EFECDD color page →
bg
#EFECDD
- RGB
- rgb(239 236 221)
- HSL
- hsl(50 36% 90%)
- OKLCH
- oklch(0.941 0.02 97.5)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.71:1 (AAA)
- #7F7434 color page →
surface
#7F7434
- RGB
- rgb(127 116 52)
- HSL
- hsl(51 42% 35%)
- OKLCH
- oklch(0.555 0.086 99.7)
WCAG contrast: on white 4.71:1 (AA) · on black 4.45:1 (Fail)
- #333122 color page →
accent
#333122
- RGB
- rgb(51 49 34)
- HSL
- hsl(53 20% 17%)
- OKLCH
- oklch(0.311 0.025 101.4)
WCAG contrast: on white 13.09:1 (AAA) · on black 1.60:1 (Fail)
- #100E08 color page →
text
#100E08
- RGB
- rgb(16 14 8)
- HSL
- hsl(45 33% 5%)
- OKLCH
- oklch(0.164 0.013 92.1)
WCAG contrast: on white 19.29:1 (AAA) · on black 1.08:1 (Fail)
Export Bay Leaf Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efecdd;
--surface: #7f7434;
--accent: #333122;
--text: #100e08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efecdd;
--color-surface: #7f7434;
--color-accent: #333122;
--color-text: #100e08;
}JSON (DTCG tokens)
{
"bay-leaf-cascade-2dm": {
"bg": {
"$type": "color",
"$value": "#efecdd"
},
"surface": {
"$type": "color",
"$value": "#7f7434"
},
"accent": {
"$type": "color",
"$value": "#333122"
},
"text": {
"$type": "color",
"$value": "#100e08"
}
}
}About this palette
Bay Leaf Cascade is a 4-color OKLCH-ready palette tagged green, gray, 4 colors. Hex values: #EFECDD, #7F7434, #333122, #100E08. APCA contrast score Lc 9.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 Bay Leaf Cascade by OKLab color distance.