Palette · 7 colors · Lc 9.7
Classic Wizard’s Potion Studio palette
Classic Wizard’s Potion Studio: a 7-color palette (Pink, Gray, UI System, 7 Colors). HEX, RGB, HSL and OKLCH for #F8F8F8, #DEE7FC, #BDC1D5, #8898C2, #5F5B8C, #594266, #0C101C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F8F8
surface
#DEE7FC
muted
#BDC1D5
primary
#8898C2
secondary
#5F5B8C
accent
#594266
text
#0C101C
Colors in Classic Wizard’s Potion Studio: HEX, RGB, HSL & OKLCH
- #F8F8F8 color page →
bg
#F8F8F8
- RGB
- rgb(248 248 248)
- HSL
- hsl(0 0% 97%)
- OKLCH
- oklch(0.979 0 0)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)
- #DEE7FC color page →
surface
#DEE7FC
- RGB
- rgb(222 231 252)
- HSL
- hsl(222 83% 93%)
- OKLCH
- oklch(0.928 0.03 267.2)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.94:1 (AAA)
- #BDC1D5 color page →
muted
#BDC1D5
- RGB
- rgb(189 193 213)
- HSL
- hsl(230 22% 79%)
- OKLCH
- oklch(0.814 0.028 276.8)
WCAG contrast: on white 1.78:1 (Fail) · on black 11.75:1 (AAA)
- #8898C2 color page →
primary
#8898C2
- RGB
- rgb(136 152 194)
- HSL
- hsl(223 32% 65%)
- OKLCH
- oklch(0.682 0.065 268.4)
WCAG contrast: on white 2.86:1 (Fail) · on black 7.31:1 (AAA)
- #5F5B8C color page →
secondary
#5F5B8C
- RGB
- rgb(95 91 140)
- HSL
- hsl(245 21% 45%)
- OKLCH
- oklch(0.496 0.077 287)
WCAG contrast: on white 6.24:1 (AA) · on black 3.36:1 (Fail)
- #594266 color page →
accent
#594266
- RGB
- rgb(89 66 102)
- HSL
- hsl(278 21% 33%)
- OKLCH
- oklch(0.419 0.065 312.9)
WCAG contrast: on white 8.76:1 (AAA) · on black 2.39:1 (Fail)
- #0C101C color page →
text
#0C101C
- RGB
- rgb(12 16 28)
- HSL
- hsl(225 40% 8%)
- OKLCH
- oklch(0.175 0.026 269.5)
WCAG contrast: on white 18.97:1 (AAA) · on black 1.10:1 (Fail)
Export Classic Wizard’s Potion Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f8f8;
--surface: #dee7fc;
--muted: #bdc1d5;
--primary: #8898c2;
--secondary: #5f5b8c;
--accent: #594266;
--text: #0c101c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f8f8;
--color-surface: #dee7fc;
--color-muted: #bdc1d5;
--color-primary: #8898c2;
--color-secondary: #5f5b8c;
--color-accent: #594266;
--color-text: #0c101c;
}JSON (DTCG tokens)
{
"classic-wizard-s-potion-studio-zw": {
"bg": {
"$type": "color",
"$value": "#f8f8f8"
},
"surface": {
"$type": "color",
"$value": "#dee7fc"
},
"muted": {
"$type": "color",
"$value": "#bdc1d5"
},
"primary": {
"$type": "color",
"$value": "#8898c2"
},
"secondary": {
"$type": "color",
"$value": "#5f5b8c"
},
"accent": {
"$type": "color",
"$value": "#594266"
},
"text": {
"$type": "color",
"$value": "#0c101c"
}
}
}About this palette
Classic Wizard’s Potion Studio is a 7-color OKLCH-ready palette tagged pink, gray, ui system, 7 colors. Hex values: #F8F8F8, #DEE7FC, #BDC1D5, #8898C2, #5F5B8C, #594266, #0C101C. APCA contrast score Lc 9.7. 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 Classic Wizard’s Potion Studio by OKLab color distance.