Palette · 6 colors · Lc 9.1
True Wizard’s Potion Ember palette
True Wizard’s Potion Ember: a 6-color palette (Pink, Gray, 6 Colors). HEX, RGB, HSL and OKLCH for #EEF0FF, #B6B8CA, #898EB1, #5D5E87, #2E3049, #0E1020, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEF0FF
surface
#B6B8CA
muted
#898EB1
primary
#5D5E87
accent
#2E3049
text
#0E1020
Colors in True Wizard’s Potion Ember: HEX, RGB, HSL & OKLCH
- #EEF0FF color page →
bg
#EEF0FF
- RGB
- rgb(238 240 255)
- HSL
- hsl(233 100% 97%)
- OKLCH
- oklch(0.958 0.02 279.9)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.54:1 (AAA)
- #B6B8CA color page →
surface
#B6B8CA
- RGB
- rgb(182 184 202)
- HSL
- hsl(234 16% 75%)
- OKLCH
- oklch(0.787 0.025 280.7)
WCAG contrast: on white 1.96:1 (Fail) · on black 10.69:1 (AAA)
- #898EB1 color page →
muted
#898EB1
- RGB
- rgb(137 142 177)
- HSL
- hsl(232 20% 62%)
- OKLCH
- oklch(0.655 0.052 278.5)
WCAG contrast: on white 3.19:1 (Fail) · on black 6.56:1 (AA)
- #5D5E87 color page →
primary
#5D5E87
- RGB
- rgb(93 94 135)
- HSL
- hsl(239 18% 45%)
- OKLCH
- oklch(0.498 0.065 282.7)
WCAG contrast: on white 6.14:1 (AA) · on black 3.41:1 (Fail)
- #2E3049 color page →
accent
#2E3049
- RGB
- rgb(46 48 73)
- HSL
- hsl(236 23% 23%)
- OKLCH
- oklch(0.319 0.045 280)
WCAG contrast: on white 12.84:1 (AAA) · on black 1.63:1 (Fail)
- #0E1020 color page →
text
#0E1020
- RGB
- rgb(14 16 32)
- HSL
- hsl(233 39% 9%)
- OKLCH
- oklch(0.18 0.033 277.1)
WCAG contrast: on white 18.85:1 (AAA) · on black 1.11:1 (Fail)
Export True Wizard’s Potion Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef0ff;
--surface: #b6b8ca;
--muted: #898eb1;
--primary: #5d5e87;
--accent: #2e3049;
--text: #0e1020;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef0ff;
--color-surface: #b6b8ca;
--color-muted: #898eb1;
--color-primary: #5d5e87;
--color-accent: #2e3049;
--color-text: #0e1020;
}JSON (DTCG tokens)
{
"true-wizard-s-potion-ember-2gl": {
"bg": {
"$type": "color",
"$value": "#eef0ff"
},
"surface": {
"$type": "color",
"$value": "#b6b8ca"
},
"muted": {
"$type": "color",
"$value": "#898eb1"
},
"primary": {
"$type": "color",
"$value": "#5d5e87"
},
"accent": {
"$type": "color",
"$value": "#2e3049"
},
"text": {
"$type": "color",
"$value": "#0e1020"
}
}
}About this palette
True Wizard’s Potion Ember is a 6-color OKLCH-ready palette tagged pink, gray, 6 colors. Hex values: #EEF0FF, #B6B8CA, #898EB1, #5D5E87, #2E3049, #0E1020. APCA contrast score Lc 9.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 Wizard’s Potion Ember by OKLab color distance.