Palette · 4 colors · Lc 7.5
Classic Broccoli Harbor palette
Classic Broccoli Harbor: a 4-color palette (Green, 4 Colors). HEX, RGB, HSL and OKLCH for #DDE3D6, #8DAC5F, #4C6318, #202716, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 4 Colors
bg
#DDE3D6
surface
#8DAC5F
accent
#4C6318
text
#202716
Colors in Classic Broccoli Harbor: HEX, RGB, HSL & OKLCH
- #DDE3D6 color page →
bg
#DDE3D6
- RGB
- rgb(221 227 214)
- HSL
- hsl(88 19% 86%)
- OKLCH
- oklch(0.908 0.019 127.2)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.03:1 (AAA)
- #8DAC5F color page →
surface
#8DAC5F
- RGB
- rgb(141 172 95)
- HSL
- hsl(84 32% 52%)
- OKLCH
- oklch(0.703 0.109 127)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.19:1 (AAA)
- #4C6318 color page →
accent
#4C6318
- RGB
- rgb(76 99 24)
- HSL
- hsl(78 61% 24%)
- OKLCH
- oklch(0.465 0.103 125.2)
WCAG contrast: on white 6.76:1 (AA) · on black 3.10:1 (Fail)
- #202716 color page →
text
#202716
- RGB
- rgb(32 39 22)
- HSL
- hsl(85 28% 12%)
- OKLCH
- oklch(0.26 0.032 126.7)
WCAG contrast: on white 15.40:1 (AAA) · on black 1.36:1 (Fail)
Export Classic Broccoli Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dde3d6;
--surface: #8dac5f;
--accent: #4c6318;
--text: #202716;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dde3d6;
--color-surface: #8dac5f;
--color-accent: #4c6318;
--color-text: #202716;
}JSON (DTCG tokens)
{
"classic-broccoli-harbor-25j": {
"bg": {
"$type": "color",
"$value": "#dde3d6"
},
"surface": {
"$type": "color",
"$value": "#8dac5f"
},
"accent": {
"$type": "color",
"$value": "#4c6318"
},
"text": {
"$type": "color",
"$value": "#202716"
}
}
}About this palette
Classic Broccoli Harbor is a 4-color OKLCH-ready palette tagged green, 4 colors. Hex values: #DDE3D6, #8DAC5F, #4C6318, #202716. APCA contrast score Lc 7.5. 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 Classic Broccoli Harbor by OKLab color distance.