Palette · 8 colors · Lc 8.5
Classic Lumberjack Lattice palette
Classic Lumberjack Lattice: a 8-color palette (Orange, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #E1F0E5, #84B394, #61771A, #9E4344, #464F8B, #0A4036, #182418, #020703, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1F0E5
surface
#84B394
muted
#61771A
primary
#9E4344
secondary
#464F8B
accent
#0A4036
highlight
#182418
text
#020703
Colors in Classic Lumberjack Lattice: HEX, RGB, HSL & OKLCH
- #E1F0E5 color page →
bg
#E1F0E5
- RGB
- rgb(225 240 229)
- HSL
- hsl(136 33% 91%)
- OKLCH
- oklch(0.941 0.022 154.1)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.79:1 (AAA)
- #84B394 color page →
surface
#84B394
- RGB
- rgb(132 179 148)
- HSL
- hsl(140 24% 61%)
- OKLCH
- oklch(0.724 0.067 155.5)
WCAG contrast: on white 2.37:1 (Fail) · on black 8.85:1 (AAA)
- #61771A color page →
muted
#61771A
- RGB
- rgb(97 119 26)
- HSL
- hsl(74 64% 28%)
- OKLCH
- oklch(0.533 0.118 122.4)
WCAG contrast: on white 5.04:1 (AA) · on black 4.16:1 (Fail)
- #9E4344 color page →
primary
#9E4344
- RGB
- rgb(158 67 68)
- HSL
- hsl(359 40% 44%)
- OKLCH
- oklch(0.504 0.122 21.8)
WCAG contrast: on white 6.28:1 (AA) · on black 3.34:1 (Fail)
- #464F8B color page →
secondary
#464F8B
- RGB
- rgb(70 79 139)
- HSL
- hsl(232 33% 41%)
- OKLCH
- oklch(0.449 0.098 275.3)
WCAG contrast: on white 7.63:1 (AAA) · on black 2.75:1 (Fail)
- #0A4036 color page →
accent
#0A4036
- RGB
- rgb(10 64 54)
- HSL
- hsl(169 73% 15%)
- OKLCH
- oklch(0.335 0.057 177)
WCAG contrast: on white 11.66:1 (AAA) · on black 1.79:1 (Fail)
- #182418 color page →
highlight
#182418
- RGB
- rgb(24 36 24)
- HSL
- hsl(120 20% 12%)
- OKLCH
- oklch(0.245 0.028 144.7)
WCAG contrast: on white 16.09:1 (AAA) · on black 1.30:1 (Fail)
- #020703 color page →
text
#020703
- RGB
- rgb(2 7 3)
- HSL
- hsl(132 56% 2%)
- OKLCH
- oklch(0.118 0.019 151.2)
WCAG contrast: on white 20.30:1 (AAA) · on black 1.03:1 (Fail)
Export Classic Lumberjack Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1f0e5;
--surface: #84b394;
--muted: #61771a;
--primary: #9e4344;
--secondary: #464f8b;
--accent: #0a4036;
--highlight: #182418;
--text: #020703;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1f0e5;
--color-surface: #84b394;
--color-muted: #61771a;
--color-primary: #9e4344;
--color-secondary: #464f8b;
--color-accent: #0a4036;
--color-highlight: #182418;
--color-text: #020703;
}JSON (DTCG tokens)
{
"classic-lumberjack-lattice-4mf": {
"bg": {
"$type": "color",
"$value": "#e1f0e5"
},
"surface": {
"$type": "color",
"$value": "#84b394"
},
"muted": {
"$type": "color",
"$value": "#61771a"
},
"primary": {
"$type": "color",
"$value": "#9e4344"
},
"secondary": {
"$type": "color",
"$value": "#464f8b"
},
"accent": {
"$type": "color",
"$value": "#0a4036"
},
"highlight": {
"$type": "color",
"$value": "#182418"
},
"text": {
"$type": "color",
"$value": "#020703"
}
}
}About this palette
Classic Lumberjack Lattice is a 8-color OKLCH-ready palette tagged orange, warm, 8 colors. Hex values: #E1F0E5, #84B394, #61771A, #9E4344, #464F8B, #0A4036, #182418, #020703. APCA contrast score Lc 8.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 Lumberjack Lattice by OKLab color distance.