Palette · 4 colors · Lc 8.7
Pure Haddock’s Sweater Bloom palette
Pure Haddock’s Sweater Bloom: a 4-color palette (Violet, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #010912, #2F4050, #3B7CAE, #EDEEEE, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#010912
surface
#2F4050
accent
#3B7CAE
text
#EDEEEE
Colors in Pure Haddock’s Sweater Bloom: HEX, RGB, HSL & OKLCH
- #010912 color page →
bg
#010912
- RGB
- rgb(1 9 18)
- HSL
- hsl(212 89% 4%)
- OKLCH
- oklch(0.134 0.027 242)
WCAG contrast: on white 20.01:1 (AAA) · on black 1.04:1 (Fail)
- #2F4050 color page →
surface
#2F4050
- RGB
- rgb(47 64 80)
- HSL
- hsl(209 26% 25%)
- OKLCH
- oklch(0.364 0.035 247.3)
WCAG contrast: on white 10.65:1 (AAA) · on black 1.97:1 (Fail)
- #3B7CAE color page →
accent
#3B7CAE
- RGB
- rgb(59 124 174)
- HSL
- hsl(206 49% 46%)
- OKLCH
- oklch(0.566 0.102 244.3)
WCAG contrast: on white 4.48:1 (Fail) · on black 4.68:1 (AA)
- #EDEEEE color page →
text
#EDEEEE
- RGB
- rgb(237 238 238)
- HSL
- hsl(180 3% 93%)
- OKLCH
- oklch(0.948 0.001 197.1)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.06:1 (AAA)
Export Pure Haddock’s Sweater Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #010912;
--surface: #2f4050;
--accent: #3b7cae;
--text: #edeeee;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #010912;
--color-surface: #2f4050;
--color-accent: #3b7cae;
--color-text: #edeeee;
}JSON (DTCG tokens)
{
"pure-haddock-s-sweater-bloom-140": {
"bg": {
"$type": "color",
"$value": "#010912"
},
"surface": {
"$type": "color",
"$value": "#2f4050"
},
"accent": {
"$type": "color",
"$value": "#3b7cae"
},
"text": {
"$type": "color",
"$value": "#edeeee"
}
}
}About this palette
Pure Haddock’s Sweater Bloom is a 4-color OKLCH-ready palette tagged violet, gray, cold, dark mode ui, ui system, 4 colors. Hex values: #010912, #2F4050, #3B7CAE, #EDEEEE. 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 Pure Haddock’s Sweater Bloom by OKLab color distance.