Palette · 4 colors · Lc 8.1
Lumberjack Harbor palette
Lumberjack Harbor: a 4-color palette (Orange, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #D7E4E5, #6D5A95, #994D49, #030C0E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D7E4E5
surface
#6D5A95
accent
#994D49
text
#030C0E
Colors in Lumberjack Harbor: HEX, RGB, HSL & OKLCH
- #D7E4E5 color page →
bg
#D7E4E5
- RGB
- rgb(215 228 229)
- HSL
- hsl(184 21% 87%)
- OKLCH
- oklch(0.909 0.014 202.4)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.11:1 (AAA)
- #6D5A95 color page →
surface
#6D5A95
- RGB
- rgb(109 90 149)
- HSL
- hsl(259 25% 47%)
- OKLCH
- oklch(0.511 0.093 297.8)
WCAG contrast: on white 5.92:1 (AA) · on black 3.54:1 (Fail)
- #994D49 color page →
accent
#994D49
- RGB
- rgb(153 77 73)
- HSL
- hsl(3 35% 44%)
- OKLCH
- oklch(0.513 0.102 24.4)
WCAG contrast: on white 5.97:1 (AA) · on black 3.51:1 (Fail)
- #030C0E color page →
text
#030C0E
- RGB
- rgb(3 12 14)
- HSL
- hsl(191 65% 3%)
- OKLCH
- oklch(0.145 0.017 210.2)
WCAG contrast: on white 19.75:1 (AAA) · on black 1.06:1 (Fail)
Export Lumberjack Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d7e4e5;
--surface: #6d5a95;
--accent: #994d49;
--text: #030c0e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d7e4e5;
--color-surface: #6d5a95;
--color-accent: #994d49;
--color-text: #030c0e;
}JSON (DTCG tokens)
{
"lumberjack-harbor-2l2": {
"bg": {
"$type": "color",
"$value": "#d7e4e5"
},
"surface": {
"$type": "color",
"$value": "#6d5a95"
},
"accent": {
"$type": "color",
"$value": "#994d49"
},
"text": {
"$type": "color",
"$value": "#030c0e"
}
}
}About this palette
Lumberjack Harbor is a 4-color OKLCH-ready palette tagged orange, warm, 4 colors. Hex values: #D7E4E5, #6D5A95, #994D49, #030C0E. APCA contrast score Lc 8.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 Harbor by OKLab color distance.