Palette · 4 colors · Lc 8.8
Wizard’s Potion Grove palette
Wizard’s Potion Grove: a 4-color palette (Pink, 4 Colors). HEX, RGB, HSL and OKLCH for #EBE7DD, #2B7368, #57629A, #140F03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 4 Colors
bg
#EBE7DD
surface
#2B7368
accent
#57629A
text
#140F03
Colors in Wizard’s Potion Grove: HEX, RGB, HSL & OKLCH
- #EBE7DD color page →
bg
#EBE7DD
- RGB
- rgb(235 231 221)
- HSL
- hsl(43 26% 89%)
- OKLCH
- oklch(0.928 0.014 88.7)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.00:1 (AAA)
- #2B7368 color page →
surface
#2B7368
- RGB
- rgb(43 115 104)
- HSL
- hsl(171 46% 31%)
- OKLCH
- oklch(0.507 0.073 181.5)
WCAG contrast: on white 5.59:1 (AA) · on black 3.75:1 (Fail)
- #57629A color page →
accent
#57629A
- RGB
- rgb(87 98 154)
- HSL
- hsl(230 28% 47%)
- OKLCH
- oklch(0.512 0.09 274.4)
WCAG contrast: on white 5.80:1 (AA) · on black 3.61:1 (Fail)
- #140F03 color page →
text
#140F03
- RGB
- rgb(20 15 3)
- HSL
- hsl(42 74% 5%)
- OKLCH
- oklch(0.171 0.027 90.3)
WCAG contrast: on white 19.10:1 (AAA) · on black 1.09:1 (Fail)
Export Wizard’s Potion Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebe7dd;
--surface: #2b7368;
--accent: #57629a;
--text: #140f03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebe7dd;
--color-surface: #2b7368;
--color-accent: #57629a;
--color-text: #140f03;
}JSON (DTCG tokens)
{
"wizard-s-potion-grove-2ho": {
"bg": {
"$type": "color",
"$value": "#ebe7dd"
},
"surface": {
"$type": "color",
"$value": "#2b7368"
},
"accent": {
"$type": "color",
"$value": "#57629a"
},
"text": {
"$type": "color",
"$value": "#140f03"
}
}
}About this palette
Wizard’s Potion Grove is a 4-color OKLCH-ready palette tagged pink, 4 colors. Hex values: #EBE7DD, #2B7368, #57629A, #140F03. APCA contrast score Lc 8.8. 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 Wizard’s Potion Grove by OKLab color distance.