Palette · 6 colors · Lc 9.5
Steady Haddock’s Sweater Mirror palette
Steady Haddock’s Sweater Mirror: a 6-color palette (Violet, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #04070A, #0E1C29, #243647, #387FB9, #9DACCD, #E7EDF2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#04070A
surface
#0E1C29
muted
#243647
primary
#387FB9
accent
#9DACCD
text
#E7EDF2
Colors in Steady Haddock’s Sweater Mirror: HEX, RGB, HSL & OKLCH
- #04070A color page →
bg
#04070A
- RGB
- rgb(4 7 10)
- HSL
- hsl(210 43% 3%)
- OKLCH
- oklch(0.126 0.01 241.8)
WCAG contrast: on white 20.19:1 (AAA) · on black 1.03:1 (Fail)
- #0E1C29 color page →
surface
#0E1C29
- RGB
- rgb(14 28 41)
- HSL
- hsl(209 49% 11%)
- OKLCH
- oklch(0.221 0.032 247.7)
WCAG contrast: on white 17.25:1 (AAA) · on black 1.21:1 (Fail)
- #243647 color page →
muted
#243647
- RGB
- rgb(36 54 71)
- HSL
- hsl(209 33% 21%)
- OKLCH
- oklch(0.325 0.038 247.7)
WCAG contrast: on white 12.39:1 (AAA) · on black 1.69:1 (Fail)
- #387FB9 color page →
primary
#387FB9
- RGB
- rgb(56 127 185)
- HSL
- hsl(207 54% 47%)
- OKLCH
- oklch(0.578 0.114 246.3)
WCAG contrast: on white 4.28:1 (Fail) · on black 4.90:1 (AA)
- #9DACCD color page →
accent
#9DACCD
- RGB
- rgb(157 172 205)
- HSL
- hsl(221 32% 71%)
- OKLCH
- oklch(0.744 0.051 265.9)
WCAG contrast: on white 2.27:1 (Fail) · on black 9.21:1 (AAA)
- #E7EDF2 color page →
text
#E7EDF2
- RGB
- rgb(231 237 242)
- HSL
- hsl(207 30% 93%)
- OKLCH
- oklch(0.943 0.009 242.8)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.79:1 (AAA)
Export Steady Haddock’s Sweater Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #04070a;
--surface: #0e1c29;
--muted: #243647;
--primary: #387fb9;
--accent: #9daccd;
--text: #e7edf2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #04070a;
--color-surface: #0e1c29;
--color-muted: #243647;
--color-primary: #387fb9;
--color-accent: #9daccd;
--color-text: #e7edf2;
}JSON (DTCG tokens)
{
"steady-haddock-s-sweater-mirror-7if": {
"bg": {
"$type": "color",
"$value": "#04070a"
},
"surface": {
"$type": "color",
"$value": "#0e1c29"
},
"muted": {
"$type": "color",
"$value": "#243647"
},
"primary": {
"$type": "color",
"$value": "#387fb9"
},
"accent": {
"$type": "color",
"$value": "#9daccd"
},
"text": {
"$type": "color",
"$value": "#e7edf2"
}
}
}About this palette
Steady Haddock’s Sweater Mirror is a 6-color OKLCH-ready palette tagged violet, gray, cold, dark mode ui, ui system, 6 colors. Hex values: #04070A, #0E1C29, #243647, #387FB9, #9DACCD, #E7EDF2. APCA contrast score Lc 9.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 Steady Haddock’s Sweater Mirror by OKLab color distance.