Palette · 4 colors · Lc 8.1
True Haddock’s Sweater Garden palette
True Haddock’s Sweater Garden: a 4-color palette (Violet, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #030912, #2F3E50, #2F77B4, #E4E4E4, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#030912
surface
#2F3E50
accent
#2F77B4
text
#E4E4E4
Colors in True Haddock’s Sweater Garden: HEX, RGB, HSL & OKLCH
- #030912 color page →
bg
#030912
- RGB
- rgb(3 9 18)
- HSL
- hsl(216 71% 4%)
- OKLCH
- oklch(0.137 0.024 251.4)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
- #2F3E50 color page →
surface
#2F3E50
- RGB
- rgb(47 62 80)
- HSL
- hsl(213 26% 25%)
- OKLCH
- oklch(0.359 0.037 253.3)
WCAG contrast: on white 10.90:1 (AAA) · on black 1.92:1 (Fail)
- #2F77B4 color page →
accent
#2F77B4
- RGB
- rgb(47 119 180)
- HSL
- hsl(208 59% 45%)
- OKLCH
- oklch(0.553 0.119 247.6)
WCAG contrast: on white 4.75:1 (AA) · on black 4.41:1 (Fail)
- #E4E4E4 color page →
text
#E4E4E4
- RGB
- rgb(228 228 228)
- HSL
- hsl(0 0% 89%)
- OKLCH
- oklch(0.919 0 0)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.51:1 (AAA)
Export True Haddock’s Sweater Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #030912;
--surface: #2f3e50;
--accent: #2f77b4;
--text: #e4e4e4;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #030912;
--color-surface: #2f3e50;
--color-accent: #2f77b4;
--color-text: #e4e4e4;
}JSON (DTCG tokens)
{
"true-haddock-s-sweater-garden-4ts": {
"bg": {
"$type": "color",
"$value": "#030912"
},
"surface": {
"$type": "color",
"$value": "#2f3e50"
},
"accent": {
"$type": "color",
"$value": "#2f77b4"
},
"text": {
"$type": "color",
"$value": "#e4e4e4"
}
}
}About this palette
True Haddock’s Sweater Garden is a 4-color OKLCH-ready palette tagged violet, gray, cold, dark mode ui, ui system, 4 colors. Hex values: #030912, #2F3E50, #2F77B4, #E4E4E4. 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 True Haddock’s Sweater Garden by OKLab color distance.