Palette · 6 colors · Lc 8.7
Dark Wood Canvas palette
Dark Wood Canvas: a 6-color palette (Yellow, Gray, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #E3F1E9, #708E7E, #7F5D48, #48516B, #282C2A, #050C08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3F1E9
surface
#708E7E
muted
#7F5D48
primary
#48516B
accent
#282C2A
text
#050C08
Colors in Dark Wood Canvas: HEX, RGB, HSL & OKLCH
- #E3F1E9 color page →
bg
#E3F1E9
- RGB
- rgb(227 241 233)
- HSL
- hsl(146 33% 92%)
- OKLCH
- oklch(0.945 0.018 161.1)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.02:1 (AAA)
- #708E7E color page →
surface
#708E7E
- RGB
- rgb(112 142 126)
- HSL
- hsl(148 12% 50%)
- OKLCH
- oklch(0.619 0.042 161.6)
WCAG contrast: on white 3.58:1 (Fail) · on black 5.85:1 (AA)
- #7F5D48 color page →
muted
#7F5D48
- RGB
- rgb(127 93 72)
- HSL
- hsl(23 28% 39%)
- OKLCH
- oklch(0.508 0.055 52.8)
WCAG contrast: on white 5.89:1 (AA) · on black 3.56:1 (Fail)
- #48516B color page →
primary
#48516B
- RGB
- rgb(72 81 107)
- HSL
- hsl(225 20% 35%)
- OKLCH
- oklch(0.438 0.045 269.7)
WCAG contrast: on white 7.88:1 (AAA) · on black 2.66:1 (Fail)
- #282C2A color page →
accent
#282C2A
- RGB
- rgb(40 44 42)
- HSL
- hsl(150 5% 16%)
- OKLCH
- oklch(0.288 0.007 164.5)
WCAG contrast: on white 14.15:1 (AAA) · on black 1.48:1 (Fail)
- #050C08 color page →
text
#050C08
- RGB
- rgb(5 12 8)
- HSL
- hsl(146 41% 3%)
- OKLCH
- oklch(0.144 0.015 161.2)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
Export Dark Wood Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f1e9;
--surface: #708e7e;
--muted: #7f5d48;
--primary: #48516b;
--accent: #282c2a;
--text: #050c08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f1e9;
--color-surface: #708e7e;
--color-muted: #7f5d48;
--color-primary: #48516b;
--color-accent: #282c2a;
--color-text: #050c08;
}JSON (DTCG tokens)
{
"dark-wood-canvas-t": {
"bg": {
"$type": "color",
"$value": "#e3f1e9"
},
"surface": {
"$type": "color",
"$value": "#708e7e"
},
"muted": {
"$type": "color",
"$value": "#7f5d48"
},
"primary": {
"$type": "color",
"$value": "#48516b"
},
"accent": {
"$type": "color",
"$value": "#282c2a"
},
"text": {
"$type": "color",
"$value": "#050c08"
}
}
}About this palette
Dark Wood Canvas is a 6-color OKLCH-ready palette tagged yellow, gray, warm, 6 colors. Hex values: #E3F1E9, #708E7E, #7F5D48, #48516B, #282C2A, #050C08. APCA contrast score Lc 8.7. 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 Dark Wood Canvas by OKLab color distance.