Palette · 4 colors · Lc 8.5
True Haddock’s Sweater Studio palette
True Haddock’s Sweater Studio: a 4-color palette (Trending, Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #DFEAF4, #0077CB, #12344D, #070D11, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFEAF4
surface
#0077CB
accent
#12344D
text
#070D11
Colors in True Haddock’s Sweater Studio: HEX, RGB, HSL & OKLCH
- #DFEAF4 color page →
bg
#DFEAF4
- RGB
- rgb(223 234 244)
- HSL
- hsl(209 49% 92%)
- OKLCH
- oklch(0.932 0.018 245.4)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.21:1 (AAA)
- #0077CB color page →
surface
#0077CB
- RGB
- rgb(0 119 203)
- HSL
- hsl(205 100% 40%)
- OKLCH
- oklch(0.559 0.156 249.5)
WCAG contrast: on white 4.66:1 (AA) · on black 4.50:1 (AA)
- #12344D color page →
accent
#12344D
- RGB
- rgb(18 52 77)
- HSL
- hsl(205 62% 19%)
- OKLCH
- oklch(0.313 0.06 243.7)
WCAG contrast: on white 12.93:1 (AAA) · on black 1.62:1 (Fail)
- #070D11 color page →
text
#070D11
- RGB
- rgb(7 13 17)
- HSL
- hsl(204 42% 5%)
- OKLCH
- oklch(0.154 0.013 236.5)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
Export True Haddock’s Sweater Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dfeaf4;
--surface: #0077cb;
--accent: #12344d;
--text: #070d11;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dfeaf4;
--color-surface: #0077cb;
--color-accent: #12344d;
--color-text: #070d11;
}JSON (DTCG tokens)
{
"true-haddock-s-sweater-studio-5c5": {
"bg": {
"$type": "color",
"$value": "#dfeaf4"
},
"surface": {
"$type": "color",
"$value": "#0077cb"
},
"accent": {
"$type": "color",
"$value": "#12344d"
},
"text": {
"$type": "color",
"$value": "#070d11"
}
}
}About this palette
True Haddock’s Sweater Studio is a 4-color OKLCH-ready palette tagged trending, violet, cold, 4 colors. Hex values: #DFEAF4, #0077CB, #12344D, #070D11. APCA contrast score Lc 8.5. 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 True Haddock’s Sweater Studio by OKLab color distance.