Palette · 4 colors · Lc 8.7
Vivid Candy Grape Fizz Studio palette
Vivid Candy Grape Fizz Studio: a 4-color palette (Pink, Dark Mode UI, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #060713, #2F334A, #644DF5, #E9E9EA, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Dark Mode UI
- UI System
- 4 Colors
bg
#060713
surface
#2F334A
accent
#644DF5
text
#E9E9EA
Colors in Vivid Candy Grape Fizz Studio: HEX, RGB, HSL & OKLCH
- #060713 color page →
bg
#060713
- RGB
- rgb(6 7 19)
- HSL
- hsl(235 52% 5%)
- OKLCH
- oklch(0.135 0.027 277.6)
WCAG contrast: on white 20.04:1 (AAA) · on black 1.04:1 (Fail)
- #2F334A color page →
surface
#2F334A
- RGB
- rgb(47 51 74)
- HSL
- hsl(231 22% 24%)
- OKLCH
- oklch(0.328 0.041 276.3)
WCAG contrast: on white 12.40:1 (AAA) · on black 1.69:1 (Fail)
- #644DF5 color page →
accent
#644DF5
- RGB
- rgb(100 77 245)
- HSL
- hsl(248 89% 63%)
- OKLCH
- oklch(0.55 0.238 281.4)
WCAG contrast: on white 5.35:1 (AA) · on black 3.92:1 (Fail)
- #E9E9EA color page →
text
#E9E9EA
- RGB
- rgb(233 233 234)
- HSL
- hsl(240 2% 92%)
- OKLCH
- oklch(0.934 0.001 286.4)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.30:1 (AAA)
Export Vivid Candy Grape Fizz Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060713;
--surface: #2f334a;
--accent: #644df5;
--text: #e9e9ea;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060713;
--color-surface: #2f334a;
--color-accent: #644df5;
--color-text: #e9e9ea;
}JSON (DTCG tokens)
{
"vivid-candy-grape-fizz-studio-6gc": {
"bg": {
"$type": "color",
"$value": "#060713"
},
"surface": {
"$type": "color",
"$value": "#2f334a"
},
"accent": {
"$type": "color",
"$value": "#644df5"
},
"text": {
"$type": "color",
"$value": "#e9e9ea"
}
}
}About this palette
Vivid Candy Grape Fizz Studio is a 4-color OKLCH-ready palette tagged pink, dark mode ui, ui system, 4 colors. Hex values: #060713, #2F334A, #644DF5, #E9E9EA. APCA contrast score Lc 8.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 Vivid Candy Grape Fizz Studio by OKLab color distance.