Palette · 10 colors · Lc 9.5
Steady Wizard’s Potion Pulse palette
Steady Wizard’s Potion Pulse: a 10-color palette (Pink, Gray, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #0A0B17, #171629, #2B2E4B, #454567, #5E5F91, #797DAE, #8991B9, #B5B9DB, #D4D8F2, #F6F6FB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Gray
- Monochromatic
- 10 Colors
bg
#0A0B17
surface
#171629
muted
#2B2E4B
primary
#454567
secondary
#5E5F91
accent
#797DAE
highlight
#8991B9
border
#B5B9DB
focus
#D4D8F2
text
#F6F6FB
Colors in Steady Wizard’s Potion Pulse: HEX, RGB, HSL & OKLCH
- #0A0B17 color page →
bg
#0A0B17
- RGB
- rgb(10 11 23)
- HSL
- hsl(235 39% 6%)
- OKLCH
- oklch(0.155 0.026 279.3)
WCAG contrast: on white 19.56:1 (AAA) · on black 1.07:1 (Fail)
- #171629 color page →
surface
#171629
- RGB
- rgb(23 22 41)
- HSL
- hsl(243 30% 12%)
- OKLCH
- oklch(0.212 0.037 285.2)
WCAG contrast: on white 17.74:1 (AAA) · on black 1.18:1 (Fail)
- #2B2E4B color page →
muted
#2B2E4B
- RGB
- rgb(43 46 75)
- HSL
- hsl(234 27% 23%)
- OKLCH
- oklch(0.313 0.052 278.4)
WCAG contrast: on white 13.16:1 (AAA) · on black 1.59:1 (Fail)
- #454567 color page →
primary
#454567
- RGB
- rgb(69 69 103)
- HSL
- hsl(240 20% 34%)
- OKLCH
- oklch(0.405 0.057 283.6)
WCAG contrast: on white 9.12:1 (AAA) · on black 2.30:1 (Fail)
- #5E5F91 color page →
secondary
#5E5F91
- RGB
- rgb(94 95 145)
- HSL
- hsl(239 21% 47%)
- OKLCH
- oklch(0.506 0.079 282.3)
WCAG contrast: on white 5.96:1 (AA) · on black 3.52:1 (Fail)
- #797DAE color page →
accent
#797DAE
- RGB
- rgb(121 125 174)
- HSL
- hsl(235 25% 58%)
- OKLCH
- oklch(0.605 0.074 280.3)
WCAG contrast: on white 3.91:1 (Fail) · on black 5.35:1 (AA)
- #8991B9 color page →
highlight
#8991B9
- RGB
- rgb(137 145 185)
- HSL
- hsl(230 26% 63%)
- OKLCH
- oklch(0.665 0.06 275.8)
WCAG contrast: on white 3.08:1 (Fail) · on black 6.81:1 (AA)
- #B5B9DB color page →
border
#B5B9DB
- RGB
- rgb(181 185 219)
- HSL
- hsl(234 35% 78%)
- OKLCH
- oklch(0.794 0.048 279.9)
WCAG contrast: on white 1.92:1 (Fail) · on black 10.92:1 (AAA)
- #D4D8F2 color page →
focus
#D4D8F2
- RGB
- rgb(212 216 242)
- HSL
- hsl(232 54% 89%)
- OKLCH
- oklch(0.887 0.036 278.7)
WCAG contrast: on white 1.40:1 (Fail) · on black 14.90:1 (AAA)
- #F6F6FB color page →
text
#F6F6FB
- RGB
- rgb(246 246 251)
- HSL
- hsl(240 38% 97%)
- OKLCH
- oklch(0.975 0.007 286.3)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.49:1 (AAA)
Export Steady Wizard’s Potion Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0a0b17;
--surface: #171629;
--muted: #2b2e4b;
--primary: #454567;
--secondary: #5e5f91;
--accent: #797dae;
--highlight: #8991b9;
--border: #b5b9db;
--focus: #d4d8f2;
--text: #f6f6fb;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0a0b17;
--color-surface: #171629;
--color-muted: #2b2e4b;
--color-primary: #454567;
--color-secondary: #5e5f91;
--color-accent: #797dae;
--color-highlight: #8991b9;
--color-border: #b5b9db;
--color-focus: #d4d8f2;
--color-text: #f6f6fb;
}JSON (DTCG tokens)
{
"steady-wizard-s-potion-pulse-3fv": {
"bg": {
"$type": "color",
"$value": "#0a0b17"
},
"surface": {
"$type": "color",
"$value": "#171629"
},
"muted": {
"$type": "color",
"$value": "#2b2e4b"
},
"primary": {
"$type": "color",
"$value": "#454567"
},
"secondary": {
"$type": "color",
"$value": "#5e5f91"
},
"accent": {
"$type": "color",
"$value": "#797dae"
},
"highlight": {
"$type": "color",
"$value": "#8991b9"
},
"border": {
"$type": "color",
"$value": "#b5b9db"
},
"focus": {
"$type": "color",
"$value": "#d4d8f2"
},
"text": {
"$type": "color",
"$value": "#f6f6fb"
}
}
}About this palette
Steady Wizard’s Potion Pulse is a 10-color OKLCH-ready palette tagged pink, gray, monochromatic, 10 colors. Hex values: #0A0B17, #171629, #2B2E4B, #454567, #5E5F91, #797DAE, #8991B9, #B5B9DB, #D4D8F2, #F6F6FB. 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 Potion Pulse by OKLab color distance.