Palette · 5 colors · Lc 9.2
True Olive Canvas palette
True Olive Canvas: a 5-color palette (Green, 5 Colors). HEX, RGB, HSL and OKLCH for #F0EEE4, #C3B37C, #89790D, #504316, #151209, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 5 Colors
bg
#F0EEE4
surface
#C3B37C
primary
#89790D
accent
#504316
text
#151209
Colors in True Olive Canvas: HEX, RGB, HSL & OKLCH
- #F0EEE4 color page →
bg
#F0EEE4
- RGB
- rgb(240 238 228)
- HSL
- hsl(50 29% 92%)
- OKLCH
- oklch(0.948 0.013 97.4)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.05:1 (AAA)
- #C3B37C color page →
surface
#C3B37C
- RGB
- rgb(195 179 124)
- HSL
- hsl(46 37% 63%)
- OKLCH
- oklch(0.767 0.075 93.8)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.05:1 (AAA)
- #89790D color page →
primary
#89790D
- RGB
- rgb(137 121 13)
- HSL
- hsl(52 83% 29%)
- OKLCH
- oklch(0.574 0.116 99.7)
WCAG contrast: on white 4.37:1 (Fail) · on black 4.80:1 (AA)
- #504316 color page →
accent
#504316
- RGB
- rgb(80 67 22)
- HSL
- hsl(47 57% 20%)
- OKLCH
- oklch(0.387 0.065 92.9)
WCAG contrast: on white 9.74:1 (AAA) · on black 2.15:1 (Fail)
- #151209 color page →
text
#151209
- RGB
- rgb(21 18 9)
- HSL
- hsl(45 40% 6%)
- OKLCH
- oklch(0.183 0.018 91.8)
WCAG contrast: on white 18.71:1 (AAA) · on black 1.12:1 (Fail)
Export True Olive Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0eee4;
--surface: #c3b37c;
--primary: #89790d;
--accent: #504316;
--text: #151209;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0eee4;
--color-surface: #c3b37c;
--color-primary: #89790d;
--color-accent: #504316;
--color-text: #151209;
}JSON (DTCG tokens)
{
"true-olive-canvas-2ai": {
"bg": {
"$type": "color",
"$value": "#f0eee4"
},
"surface": {
"$type": "color",
"$value": "#c3b37c"
},
"primary": {
"$type": "color",
"$value": "#89790d"
},
"accent": {
"$type": "color",
"$value": "#504316"
},
"text": {
"$type": "color",
"$value": "#151209"
}
}
}About this palette
True Olive Canvas is a 5-color OKLCH-ready palette tagged green, 5 colors. Hex values: #F0EEE4, #C3B37C, #89790D, #504316, #151209. APCA contrast score Lc 9.2. 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 True Olive Canvas by OKLab color distance.