Palette · 6 colors · Lc 8.6
Classic Candy Grape Fizz Quartz palette
Classic Candy Grape Fizz Quartz: a 6-color palette (Pink, Dark Mode UI, UI System, 6 Colors). HEX, RGB, HSL and OKLCH for #05050C, #110E21, #353449, #7E56ED, #B590C2, #E1E1E6, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Dark Mode UI
- UI System
- 6 Colors
bg
#05050C
surface
#110E21
muted
#353449
primary
#7E56ED
accent
#B590C2
text
#E1E1E6
Colors in Classic Candy Grape Fizz Quartz: HEX, RGB, HSL & OKLCH
- #05050C color page →
bg
#05050C
- RGB
- rgb(5 5 12)
- HSL
- hsl(240 41% 3%)
- OKLCH
- oklch(0.12 0.018 283.3)
WCAG contrast: on white 20.31:1 (AAA) · on black 1.03:1 (Fail)
- #110E21 color page →
surface
#110E21
- RGB
- rgb(17 14 33)
- HSL
- hsl(249 40% 9%)
- OKLCH
- oklch(0.179 0.038 289.2)
WCAG contrast: on white 18.94:1 (AAA) · on black 1.10:1 (Fail)
- #353449 color page →
muted
#353449
- RGB
- rgb(53 52 73)
- HSL
- hsl(243 17% 25%)
- OKLCH
- oklch(0.335 0.037 286.4)
WCAG contrast: on white 12.07:1 (AAA) · on black 1.73:1 (Fail)
- #7E56ED color page →
primary
#7E56ED
- RGB
- rgb(126 86 237)
- HSL
- hsl(256 81% 63%)
- OKLCH
- oklch(0.578 0.216 290.2)
WCAG contrast: on white 4.72:1 (AA) · on black 4.44:1 (Fail)
- #B590C2 color page →
accent
#B590C2
- RGB
- rgb(181 144 194)
- HSL
- hsl(284 29% 66%)
- OKLCH
- oklch(0.705 0.082 317.2)
WCAG contrast: on white 2.71:1 (Fail) · on black 7.73:1 (AAA)
- #E1E1E6 color page →
text
#E1E1E6
- RGB
- rgb(225 225 230)
- HSL
- hsl(240 9% 89%)
- OKLCH
- oklch(0.911 0.007 286.3)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.11:1 (AAA)
Export Classic Candy Grape Fizz Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #05050c;
--surface: #110e21;
--muted: #353449;
--primary: #7e56ed;
--accent: #b590c2;
--text: #e1e1e6;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #05050c;
--color-surface: #110e21;
--color-muted: #353449;
--color-primary: #7e56ed;
--color-accent: #b590c2;
--color-text: #e1e1e6;
}JSON (DTCG tokens)
{
"classic-candy-grape-fizz-quartz-7g2": {
"bg": {
"$type": "color",
"$value": "#05050c"
},
"surface": {
"$type": "color",
"$value": "#110e21"
},
"muted": {
"$type": "color",
"$value": "#353449"
},
"primary": {
"$type": "color",
"$value": "#7e56ed"
},
"accent": {
"$type": "color",
"$value": "#b590c2"
},
"text": {
"$type": "color",
"$value": "#e1e1e6"
}
}
}About this palette
Classic Candy Grape Fizz Quartz is a 6-color OKLCH-ready palette tagged pink, dark mode ui, ui system, 6 colors. Hex values: #05050C, #110E21, #353449, #7E56ED, #B590C2, #E1E1E6. APCA contrast score Lc 8.6. 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 Candy Grape Fizz Quartz by OKLab color distance.