Palette · 6 colors · Lc 10
Classic Olive Bloom palette
Classic Olive Bloom: a 6-color palette (Green, UI System, 6 Colors). HEX, RGB, HSL and OKLCH for #F8F8F7, #E1E3D0, #C1C192, #877700, #175F27, #121309, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F8F7
surface
#E1E3D0
muted
#C1C192
primary
#877700
accent
#175F27
text
#121309
Colors in Classic Olive Bloom: HEX, RGB, HSL & OKLCH
- #F8F8F7 color page →
bg
#F8F8F7
- RGB
- rgb(248 248 247)
- HSL
- hsl(60 7% 97%)
- OKLCH
- oklch(0.979 0.001 106.4)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.76:1 (AAA)
- #E1E3D0 color page →
surface
#E1E3D0
- RGB
- rgb(225 227 208)
- HSL
- hsl(66 25% 85%)
- OKLCH
- oklch(0.909 0.025 111.8)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.09:1 (AAA)
- #C1C192 color page →
muted
#C1C192
- RGB
- rgb(193 193 146)
- HSL
- hsl(60 27% 66%)
- OKLCH
- oklch(0.799 0.063 107.7)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.31:1 (AAA)
- #877700 color page →
primary
#877700
- RGB
- rgb(135 119 0)
- HSL
- hsl(53 100% 26%)
- OKLCH
- oklch(0.567 0.118 99.9)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.66:1 (AA)
- #175F27 color page →
accent
#175F27
- RGB
- rgb(23 95 39)
- HSL
- hsl(133 61% 23%)
- OKLCH
- oklch(0.428 0.112 147.1)
WCAG contrast: on white 7.77:1 (AAA) · on black 2.70:1 (Fail)
- #121309 color page →
text
#121309
- RGB
- rgb(18 19 9)
- HSL
- hsl(66 36% 5%)
- OKLCH
- oklch(0.182 0.019 113)
WCAG contrast: on white 18.70:1 (AAA) · on black 1.12:1 (Fail)
Export Classic Olive Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f8f7;
--surface: #e1e3d0;
--muted: #c1c192;
--primary: #877700;
--accent: #175f27;
--text: #121309;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f8f7;
--color-surface: #e1e3d0;
--color-muted: #c1c192;
--color-primary: #877700;
--color-accent: #175f27;
--color-text: #121309;
}JSON (DTCG tokens)
{
"classic-olive-bloom-5fo": {
"bg": {
"$type": "color",
"$value": "#f8f8f7"
},
"surface": {
"$type": "color",
"$value": "#e1e3d0"
},
"muted": {
"$type": "color",
"$value": "#c1c192"
},
"primary": {
"$type": "color",
"$value": "#877700"
},
"accent": {
"$type": "color",
"$value": "#175f27"
},
"text": {
"$type": "color",
"$value": "#121309"
}
}
}About this palette
Classic Olive Bloom is a 6-color OKLCH-ready palette tagged green, ui system, 6 colors. Hex values: #F8F8F7, #E1E3D0, #C1C192, #877700, #175F27, #121309. APCA contrast score Lc 10. 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 Olive Bloom by OKLab color distance.