Palette · 10 colors · Lc 8
Classic Candy Grape Fizz Quartz palette
Classic Candy Grape Fizz Quartz: a 10-color palette (Pink, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #DAE5EF, #77B2E8, #008BDC, #665BE5, #A93494, #B31F21, #8F5900, #156400, #003C3C, #010C19, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAE5EF
surface
#77B2E8
muted
#008BDC
primary
#665BE5
secondary
#A93494
accent
#B31F21
highlight
#8F5900
border
#156400
focus
#003C3C
text
#010C19
Colors in Classic Candy Grape Fizz Quartz: HEX, RGB, HSL & OKLCH
- #DAE5EF color page →
bg
#DAE5EF
- RGB
- rgb(218 229 239)
- HSL
- hsl(209 40% 90%)
- OKLCH
- oklch(0.917 0.018 245.4)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.43:1 (AAA)
- #77B2E8 color page →
surface
#77B2E8
- RGB
- rgb(119 178 232)
- HSL
- hsl(209 71% 69%)
- OKLCH
- oklch(0.744 0.1 247.2)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.31:1 (AAA)
- #008BDC color page →
muted
#008BDC
- RGB
- rgb(0 139 220)
- HSL
- hsl(202 100% 43%)
- OKLCH
- oklch(0.616 0.157 245.5)
WCAG contrast: on white 3.66:1 (Fail) · on black 5.72:1 (AA)
- #665BE5 color page →
primary
#665BE5
- RGB
- rgb(102 91 229)
- HSL
- hsl(245 73% 63%)
- OKLCH
- oklch(0.56 0.202 281.3)
WCAG contrast: on white 5.00:1 (AA) · on black 4.19:1 (Fail)
- #A93494 color page →
secondary
#A93494
- RGB
- rgb(169 52 148)
- HSL
- hsl(311 53% 43%)
- OKLCH
- oklch(0.531 0.185 335.9)
WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)
- #B31F21 color page →
accent
#B31F21
- RGB
- rgb(179 31 33)
- HSL
- hsl(359 70% 41%)
- OKLCH
- oklch(0.496 0.183 26.6)
WCAG contrast: on white 6.69:1 (AA) · on black 3.13:1 (Fail)
- #8F5900 color page →
highlight
#8F5900
- RGB
- rgb(143 89 0)
- HSL
- hsl(37 100% 28%)
- OKLCH
- oklch(0.512 0.111 69.4)
WCAG contrast: on white 5.83:1 (AA) · on black 3.59:1 (Fail)
- #156400 color page →
border
#156400
- RGB
- rgb(21 100 0)
- HSL
- hsl(107 100% 20%)
- OKLCH
- oklch(0.439 0.144 140.7)
WCAG contrast: on white 7.35:1 (AAA) · on black 2.85:1 (Fail)
- #003C3C color page →
focus
#003C3C
- RGB
- rgb(0 60 60)
- HSL
- hsl(180 100% 12%)
- OKLCH
- oklch(0.322 0.055 194.8)
WCAG contrast: on white 12.26:1 (AAA) · on black 1.71:1 (Fail)
- #010C19 color page →
text
#010C19
- RGB
- rgb(1 12 25)
- HSL
- hsl(213 92% 5%)
- OKLCH
- oklch(0.15 0.035 247)
WCAG contrast: on white 19.66:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Candy Grape Fizz Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dae5ef;
--surface: #77b2e8;
--muted: #008bdc;
--primary: #665be5;
--secondary: #a93494;
--accent: #b31f21;
--highlight: #8f5900;
--border: #156400;
--focus: #003c3c;
--text: #010c19;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dae5ef;
--color-surface: #77b2e8;
--color-muted: #008bdc;
--color-primary: #665be5;
--color-secondary: #a93494;
--color-accent: #b31f21;
--color-highlight: #8f5900;
--color-border: #156400;
--color-focus: #003c3c;
--color-text: #010c19;
}JSON (DTCG tokens)
{
"classic-candy-grape-fizz-quartz-3pv": {
"bg": {
"$type": "color",
"$value": "#dae5ef"
},
"surface": {
"$type": "color",
"$value": "#77b2e8"
},
"muted": {
"$type": "color",
"$value": "#008bdc"
},
"primary": {
"$type": "color",
"$value": "#665be5"
},
"secondary": {
"$type": "color",
"$value": "#a93494"
},
"accent": {
"$type": "color",
"$value": "#b31f21"
},
"highlight": {
"$type": "color",
"$value": "#8f5900"
},
"border": {
"$type": "color",
"$value": "#156400"
},
"focus": {
"$type": "color",
"$value": "#003c3c"
},
"text": {
"$type": "color",
"$value": "#010c19"
}
}
}About this palette
Classic Candy Grape Fizz Quartz is a 10-color OKLCH-ready palette tagged pink, rainbow, 10 colors. Hex values: #DAE5EF, #77B2E8, #008BDC, #665BE5, #A93494, #B31F21, #8F5900, #156400, #003C3C, #010C19. APCA contrast score Lc 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 Classic Candy Grape Fizz Quartz by OKLab color distance.