Palette · 9 colors · Lc 9.5
Steady Wizard’s Brew Brief palette
Steady Wizard’s Brew Brief: a 9-color palette (Pink, Gray, 9 Colors). HEX, RGB, HSL and OKLCH for #09080C, #221D26, #3F304B, #635173, #746487, #9D8BB2, #B8B2CC, #D9D0E9, #EFEFF2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#09080C
surface
#221D26
muted
#3F304B
primary
#635173
secondary
#746487
accent
#9D8BB2
highlight
#B8B2CC
border
#D9D0E9
text
#EFEFF2
Colors in Steady Wizard’s Brew Brief: HEX, RGB, HSL & OKLCH
- #09080C color page →
bg
#09080C
- RGB
- rgb(9 8 12)
- HSL
- hsl(255 20% 4%)
- OKLCH
- oklch(0.138 0.009 297.4)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
- #221D26 color page →
surface
#221D26
- RGB
- rgb(34 29 38)
- HSL
- hsl(273 13% 13%)
- OKLCH
- oklch(0.24 0.018 310)
WCAG contrast: on white 16.51:1 (AAA) · on black 1.27:1 (Fail)
- #3F304B color page →
muted
#3F304B
- RGB
- rgb(63 48 75)
- HSL
- hsl(273 22% 24%)
- OKLCH
- oklch(0.338 0.05 309.3)
WCAG contrast: on white 12.09:1 (AAA) · on black 1.73:1 (Fail)
- #635173 color page →
primary
#635173
- RGB
- rgb(99 81 115)
- HSL
- hsl(272 17% 38%)
- OKLCH
- oklch(0.466 0.058 308.4)
WCAG contrast: on white 7.10:1 (AAA) · on black 2.95:1 (Fail)
- #746487 color page →
secondary
#746487
- RGB
- rgb(116 100 135)
- HSL
- hsl(267 15% 46%)
- OKLCH
- oklch(0.532 0.057 305.4)
WCAG contrast: on white 5.36:1 (AA) · on black 3.91:1 (Fail)
- #9D8BB2 color page →
accent
#9D8BB2
- RGB
- rgb(157 139 178)
- HSL
- hsl(268 20% 62%)
- OKLCH
- oklch(0.666 0.06 305.8)
WCAG contrast: on white 3.10:1 (Fail) · on black 6.76:1 (AA)
- #B8B2CC color page →
highlight
#B8B2CC
- RGB
- rgb(184 178 204)
- HSL
- hsl(254 20% 75%)
- OKLCH
- oklch(0.777 0.037 296.1)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.27:1 (AAA)
- #D9D0E9 color page →
border
#D9D0E9
- RGB
- rgb(217 208 233)
- HSL
- hsl(262 36% 86%)
- OKLCH
- oklch(0.872 0.035 302)
WCAG contrast: on white 1.48:1 (Fail) · on black 14.14:1 (AAA)
- #EFEFF2 color page →
text
#EFEFF2
- RGB
- rgb(239 239 242)
- HSL
- hsl(240 10% 94%)
- OKLCH
- oklch(0.953 0.004 286.3)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.29:1 (AAA)
Export Steady Wizard’s Brew Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #09080c;
--surface: #221d26;
--muted: #3f304b;
--primary: #635173;
--secondary: #746487;
--accent: #9d8bb2;
--highlight: #b8b2cc;
--border: #d9d0e9;
--text: #efeff2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #09080c;
--color-surface: #221d26;
--color-muted: #3f304b;
--color-primary: #635173;
--color-secondary: #746487;
--color-accent: #9d8bb2;
--color-highlight: #b8b2cc;
--color-border: #d9d0e9;
--color-text: #efeff2;
}JSON (DTCG tokens)
{
"steady-wizard-s-brew-brief-1gu": {
"bg": {
"$type": "color",
"$value": "#09080c"
},
"surface": {
"$type": "color",
"$value": "#221d26"
},
"muted": {
"$type": "color",
"$value": "#3f304b"
},
"primary": {
"$type": "color",
"$value": "#635173"
},
"secondary": {
"$type": "color",
"$value": "#746487"
},
"accent": {
"$type": "color",
"$value": "#9d8bb2"
},
"highlight": {
"$type": "color",
"$value": "#b8b2cc"
},
"border": {
"$type": "color",
"$value": "#d9d0e9"
},
"text": {
"$type": "color",
"$value": "#efeff2"
}
}
}About this palette
Steady Wizard’s Brew Brief is a 9-color OKLCH-ready palette tagged pink, gray, 9 colors. Hex values: #09080C, #221D26, #3F304B, #635173, #746487, #9D8BB2, #B8B2CC, #D9D0E9, #EFEFF2. 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 Wizard’s Brew Brief by OKLab color distance.