Palette · 3 colors · Lc 10
Classic Olivia Canvas palette
Classic Olivia Canvas: a 3-color palette (Green, Gray, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #FFF6E7, #9C6A27, #0E0803, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Warm
- Monochromatic
- 3 Colors
bg
#FFF6E7
accent
#9C6A27
text
#0E0803
Colors in Classic Olivia Canvas: HEX, RGB, HSL & OKLCH
- #FFF6E7 color page →
bg
#FFF6E7
- RGB
- rgb(255 246 231)
- HSL
- hsl(38 100% 95%)
- OKLCH
- oklch(0.976 0.022 80.7)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.58:1 (AAA)
- #9C6A27 color page →
accent
#9C6A27
- RGB
- rgb(156 106 39)
- HSL
- hsl(34 60% 38%)
- OKLCH
- oklch(0.565 0.103 70.4)
WCAG contrast: on white 4.66:1 (AA) · on black 4.50:1 (AA)
- #0E0803 color page →
text
#0E0803
- RGB
- rgb(14 8 3)
- HSL
- hsl(27 65% 3%)
- OKLCH
- oklch(0.141 0.018 70.5)
WCAG contrast: on white 19.91:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Olivia Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff6e7;
--accent: #9c6a27;
--text: #0e0803;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff6e7;
--color-accent: #9c6a27;
--color-text: #0e0803;
}JSON (DTCG tokens)
{
"classic-olivia-canvas-3h0": {
"bg": {
"$type": "color",
"$value": "#fff6e7"
},
"accent": {
"$type": "color",
"$value": "#9c6a27"
},
"text": {
"$type": "color",
"$value": "#0e0803"
}
}
}About this palette
Classic Olivia Canvas is a 3-color OKLCH-ready palette tagged green, gray, warm, monochromatic, 3 colors. Hex values: #FFF6E7, #9C6A27, #0E0803. 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 Olivia Canvas by OKLab color distance.