Palette · 8 colors · Lc 7.7
True Wizard’s Potion Atelier palette
True Wizard’s Potion Atelier: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #D0E8E1, #45A691, #008599, #5D5FA2, #915378, #915330, #4B4A18, #09100E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#D0E8E1
surface
#45A691
muted
#008599
primary
#5D5FA2
secondary
#915378
accent
#915330
highlight
#4B4A18
text
#09100E
Colors in True Wizard’s Potion Atelier: HEX, RGB, HSL & OKLCH
- #D0E8E1 color page →
bg
#D0E8E1
- RGB
- rgb(208 232 225)
- HSL
- hsl(162 34% 86%)
- OKLCH
- oklch(0.911 0.027 176.3)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.31:1 (AAA)
- #45A691 color page →
surface
#45A691
- RGB
- rgb(69 166 145)
- HSL
- hsl(167 41% 46%)
- OKLCH
- oklch(0.662 0.097 176.6)
WCAG contrast: on white 2.95:1 (Fail) · on black 7.11:1 (AAA)
- #008599 color page →
muted
#008599
- RGB
- rgb(0 133 153)
- HSL
- hsl(188 100% 30%)
- OKLCH
- oklch(0.567 0.099 213)
WCAG contrast: on white 4.36:1 (Fail) · on black 4.81:1 (AA)
- #5D5FA2 color page →
primary
#5D5FA2
- RGB
- rgb(93 95 162)
- HSL
- hsl(238 27% 50%)
- OKLCH
- oklch(0.515 0.105 280.7)
WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)
- #915378 color page →
secondary
#915378
- RGB
- rgb(145 83 120)
- HSL
- hsl(324 27% 45%)
- OKLCH
- oklch(0.526 0.096 344.2)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #915330 color page →
accent
#915330
- RGB
- rgb(145 83 48)
- HSL
- hsl(22 50% 38%)
- OKLCH
- oklch(0.507 0.096 48.8)
WCAG contrast: on white 6.02:1 (AA) · on black 3.48:1 (Fail)
- #4B4A18 color page →
highlight
#4B4A18
- RGB
- rgb(75 74 24)
- HSL
- hsl(59 52% 19%)
- OKLCH
- oklch(0.399 0.07 108.1)
WCAG contrast: on white 9.16:1 (AAA) · on black 2.29:1 (Fail)
- #09100E color page →
text
#09100E
- RGB
- rgb(9 16 14)
- HSL
- hsl(163 28% 5%)
- OKLCH
- oklch(0.165 0.012 175.4)
WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)
Export True Wizard’s Potion Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d0e8e1;
--surface: #45a691;
--muted: #008599;
--primary: #5d5fa2;
--secondary: #915378;
--accent: #915330;
--highlight: #4b4a18;
--text: #09100e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d0e8e1;
--color-surface: #45a691;
--color-muted: #008599;
--color-primary: #5d5fa2;
--color-secondary: #915378;
--color-accent: #915330;
--color-highlight: #4b4a18;
--color-text: #09100e;
}JSON (DTCG tokens)
{
"true-wizard-s-potion-atelier-a8": {
"bg": {
"$type": "color",
"$value": "#d0e8e1"
},
"surface": {
"$type": "color",
"$value": "#45a691"
},
"muted": {
"$type": "color",
"$value": "#008599"
},
"primary": {
"$type": "color",
"$value": "#5d5fa2"
},
"secondary": {
"$type": "color",
"$value": "#915378"
},
"accent": {
"$type": "color",
"$value": "#915330"
},
"highlight": {
"$type": "color",
"$value": "#4b4a18"
},
"text": {
"$type": "color",
"$value": "#09100e"
}
}
}About this palette
True Wizard’s Potion Atelier is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #D0E8E1, #45A691, #008599, #5D5FA2, #915378, #915330, #4B4A18, #09100E. APCA contrast score Lc 7.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 True Wizard’s Potion Atelier by OKLab color distance.