Palette · 3 colors · Lc 9.4
Lumberjack Harbor palette
Lumberjack Harbor: a 3-color palette (Orange, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #E2EDF3, #A25049, #000F1D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2EDF3
accent
#A25049
text
#000F1D
Colors in Lumberjack Harbor: HEX, RGB, HSL & OKLCH
- #E2EDF3 color page →
bg
#E2EDF3
- RGB
- rgb(226 237 243)
- HSL
- hsl(201 41% 92%)
- OKLCH
- oklch(0.94 0.014 231.2)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.64:1 (AAA)
- #A25049 color page →
accent
#A25049
- RGB
- rgb(162 80 73)
- HSL
- hsl(5 38% 46%)
- OKLCH
- oklch(0.531 0.11 26.4)
WCAG contrast: on white 5.55:1 (AA) · on black 3.77:1 (Fail)
- #000F1D color page →
text
#000F1D
- RGB
- rgb(0 15 29)
- HSL
- hsl(209 100% 6%)
- OKLCH
- oklch(0.162 0.039 243.1)
WCAG contrast: on white 19.33:1 (AAA) · on black 1.08:1 (Fail)
Export Lumberjack Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2edf3;
--accent: #a25049;
--text: #000f1d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2edf3;
--color-accent: #a25049;
--color-text: #000f1d;
}JSON (DTCG tokens)
{
"lumberjack-harbor-6w6": {
"bg": {
"$type": "color",
"$value": "#e2edf3"
},
"accent": {
"$type": "color",
"$value": "#a25049"
},
"text": {
"$type": "color",
"$value": "#000f1d"
}
}
}About this palette
Lumberjack Harbor is a 3-color OKLCH-ready palette tagged orange, warm, 3 colors. Hex values: #E2EDF3, #A25049, #000F1D. APCA contrast score Lc 9.4. 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 Harbor by OKLab color distance.