Palette · 5 colors · Lc 8.7
Shipyard Harbor palette
Shipyard Harbor: a 5-color palette (Violet, Gray, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #F7E9DD, #836B55, #4D6A7F, #6F5A6D, #170D04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E9DD
surface
#836B55
primary
#4D6A7F
accent
#6F5A6D
text
#170D04
Colors in Shipyard Harbor: HEX, RGB, HSL & OKLCH
- #F7E9DD color page →
bg
#F7E9DD
- RGB
- rgb(247 233 221)
- HSL
- hsl(28 62% 92%)
- OKLCH
- oklch(0.942 0.022 63.2)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.65:1 (AAA)
- #836B55 color page →
surface
#836B55
- RGB
- rgb(131 107 85)
- HSL
- hsl(29 21% 42%)
- OKLCH
- oklch(0.545 0.045 64.2)
WCAG contrast: on white 5.00:1 (AA) · on black 4.19:1 (Fail)
- #4D6A7F color page →
primary
#4D6A7F
- RGB
- rgb(77 106 127)
- HSL
- hsl(205 25% 40%)
- OKLCH
- oklch(0.51 0.048 240.3)
WCAG contrast: on white 5.70:1 (AA) · on black 3.68:1 (Fail)
- #6F5A6D color page →
accent
#6F5A6D
- RGB
- rgb(111 90 109)
- HSL
- hsl(306 10% 39%)
- OKLCH
- oklch(0.495 0.04 329.3)
WCAG contrast: on white 6.25:1 (AA) · on black 3.35:1 (Fail)
- #170D04 color page →
text
#170D04
- RGB
- rgb(23 13 4)
- HSL
- hsl(28 70% 5%)
- OKLCH
- oklch(0.17 0.026 66.2)
WCAG contrast: on white 19.16:1 (AAA) · on black 1.09:1 (Fail)
Export Shipyard Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e9dd;
--surface: #836b55;
--primary: #4d6a7f;
--accent: #6f5a6d;
--text: #170d04;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e9dd;
--color-surface: #836b55;
--color-primary: #4d6a7f;
--color-accent: #6f5a6d;
--color-text: #170d04;
}JSON (DTCG tokens)
{
"shipyard-harbor-1r": {
"bg": {
"$type": "color",
"$value": "#f7e9dd"
},
"surface": {
"$type": "color",
"$value": "#836b55"
},
"primary": {
"$type": "color",
"$value": "#4d6a7f"
},
"accent": {
"$type": "color",
"$value": "#6f5a6d"
},
"text": {
"$type": "color",
"$value": "#170d04"
}
}
}About this palette
Shipyard Harbor is a 5-color OKLCH-ready palette tagged violet, gray, cold, 5 colors. Hex values: #F7E9DD, #836B55, #4D6A7F, #6F5A6D, #170D04. 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 Shipyard Harbor by OKLab color distance.