Palette · 5 colors · Lc 9.1
Lumberjack Canvas palette
Lumberjack Canvas: a 5-color palette (Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F8EBE9, #A64B48, #2A763D, #5565A4, #1C1210, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8EBE9
surface
#A64B48
primary
#2A763D
accent
#5565A4
text
#1C1210
Colors in Lumberjack Canvas: HEX, RGB, HSL & OKLCH
- #F8EBE9 color page →
bg
#F8EBE9
- RGB
- rgb(248 235 233)
- HSL
- hsl(8 52% 94%)
- OKLCH
- oklch(0.95 0.014 28)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.05:1 (AAA)
- #A64B48 color page →
surface
#A64B48
- RGB
- rgb(166 75 72)
- HSL
- hsl(2 39% 47%)
- OKLCH
- oklch(0.529 0.121 24)
WCAG contrast: on white 5.64:1 (AA) · on black 3.72:1 (Fail)
- #2A763D color page →
primary
#2A763D
- RGB
- rgb(42 118 61)
- HSL
- hsl(135 48% 31%)
- OKLCH
- oklch(0.504 0.116 148.7)
WCAG contrast: on white 5.58:1 (AA) · on black 3.75:1 (Fail)
- #5565A4 color page →
accent
#5565A4
- RGB
- rgb(85 101 164)
- HSL
- hsl(228 32% 49%)
- OKLCH
- oklch(0.522 0.101 271.7)
WCAG contrast: on white 5.54:1 (AA) · on black 3.78:1 (Fail)
- #1C1210 color page →
text
#1C1210
- RGB
- rgb(28 18 16)
- HSL
- hsl(10 27% 9%)
- OKLCH
- oklch(0.195 0.017 31.5)
WCAG contrast: on white 18.36:1 (AAA) · on black 1.14:1 (Fail)
Export Lumberjack Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8ebe9;
--surface: #a64b48;
--primary: #2a763d;
--accent: #5565a4;
--text: #1c1210;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8ebe9;
--color-surface: #a64b48;
--color-primary: #2a763d;
--color-accent: #5565a4;
--color-text: #1c1210;
}JSON (DTCG tokens)
{
"lumberjack-canvas-4mp": {
"bg": {
"$type": "color",
"$value": "#f8ebe9"
},
"surface": {
"$type": "color",
"$value": "#a64b48"
},
"primary": {
"$type": "color",
"$value": "#2a763d"
},
"accent": {
"$type": "color",
"$value": "#5565a4"
},
"text": {
"$type": "color",
"$value": "#1c1210"
}
}
}About this palette
Lumberjack Canvas is a 5-color OKLCH-ready palette tagged orange, warm, 5 colors. Hex values: #F8EBE9, #A64B48, #2A763D, #5565A4, #1C1210. APCA contrast score Lc 9.1. 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 Lumberjack Canvas by OKLab color distance.