Palette · 5 colors · Lc 9.2
Haddock’s Sweater Harbor palette
Haddock’s Sweater Harbor: a 5-color palette (Violet, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #DBEBFD, #187AC5, #9F4661, #487302, #030F1C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBEBFD
surface
#187AC5
primary
#9F4661
accent
#487302
text
#030F1C
Colors in Haddock’s Sweater Harbor: HEX, RGB, HSL & OKLCH
- #DBEBFD color page →
bg
#DBEBFD
- RGB
- rgb(219 235 253)
- HSL
- hsl(212 89% 93%)
- OKLCH
- oklch(0.934 0.03 251.3)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.31:1 (AAA)
- #187AC5 color page →
surface
#187AC5
- RGB
- rgb(24 122 197)
- HSL
- hsl(206 78% 43%)
- OKLCH
- oklch(0.565 0.143 248.1)
WCAG contrast: on white 4.53:1 (AA) · on black 4.62:1 (AA)
- #9F4661 color page →
primary
#9F4661
- RGB
- rgb(159 70 97)
- HSL
- hsl(342 39% 45%)
- OKLCH
- oklch(0.517 0.121 3.2)
WCAG contrast: on white 5.96:1 (AA) · on black 3.52:1 (Fail)
- #487302 color page →
accent
#487302
- RGB
- rgb(72 115 2)
- HSL
- hsl(83 97% 23%)
- OKLCH
- oklch(0.504 0.136 130.7)
WCAG contrast: on white 5.63:1 (AA) · on black 3.72:1 (Fail)
- #030F1C color page →
text
#030F1C
- RGB
- rgb(3 15 28)
- HSL
- hsl(211 81% 6%)
- OKLCH
- oklch(0.164 0.034 248.5)
WCAG contrast: on white 19.28:1 (AAA) · on black 1.08:1 (Fail)
Export Haddock’s Sweater Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbebfd;
--surface: #187ac5;
--primary: #9f4661;
--accent: #487302;
--text: #030f1c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbebfd;
--color-surface: #187ac5;
--color-primary: #9f4661;
--color-accent: #487302;
--color-text: #030f1c;
}JSON (DTCG tokens)
{
"haddock-s-sweater-harbor-547": {
"bg": {
"$type": "color",
"$value": "#dbebfd"
},
"surface": {
"$type": "color",
"$value": "#187ac5"
},
"primary": {
"$type": "color",
"$value": "#9f4661"
},
"accent": {
"$type": "color",
"$value": "#487302"
},
"text": {
"$type": "color",
"$value": "#030f1c"
}
}
}About this palette
Haddock’s Sweater Harbor is a 5-color OKLCH-ready palette tagged violet, cold, 5 colors. Hex values: #DBEBFD, #187AC5, #9F4661, #487302, #030F1C. APCA contrast score Lc 9.2. 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 Haddock’s Sweater Harbor by OKLab color distance.