Palette · 6 colors · Lc 8.5
Vivid Bubblegum Baby Girl System palette
Vivid Bubblegum Baby Girl System: a 6-color palette (Red, OKLCH Neon, Cyberpunk, Rainbow). HEX, RGB, HSL and OKLCH for #00060F, #0076E4, #D754E1, #FE5D00, #17BE51, #E7EAED, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- OKLCH Neon
- Cyberpunk
- Rainbow
- 6 Colors
bg
#00060F
surface
#0076E4
muted
#D754E1
primary
#FE5D00
accent
#17BE51
text
#E7EAED
Colors in Vivid Bubblegum Baby Girl System: HEX, RGB, HSL & OKLCH
- #00060F color page →
bg
#00060F
- RGB
- rgb(0 6 15)
- HSL
- hsl(216 100% 3%)
- OKLCH
- oklch(0.118 0.029 243.8)
WCAG contrast: on white 20.33:1 (AAA) · on black 1.03:1 (Fail)
- #0076E4 color page →
surface
#0076E4
- RGB
- rgb(0 118 228)
- HSL
- hsl(209 100% 45%)
- OKLCH
- oklch(0.574 0.189 254.9)
WCAG contrast: on white 4.45:1 (Fail) · on black 4.71:1 (AA)
- #D754E1 color page →
muted
#D754E1
- RGB
- rgb(215 84 225)
- HSL
- hsl(296 70% 61%)
- OKLCH
- oklch(0.67 0.23 324.8)
WCAG contrast: on white 3.36:1 (Fail) · on black 6.24:1 (AA)
- #FE5D00 color page →
primary
#FE5D00
- RGB
- rgb(254 93 0)
- HSL
- hsl(22 100% 50%)
- OKLCH
- oklch(0.683 0.21 41)
WCAG contrast: on white 3.09:1 (Fail) · on black 6.77:1 (AA)
- #17BE51 color page →
accent
#17BE51
- RGB
- rgb(23 190 81)
- HSL
- hsl(141 78% 42%)
- OKLCH
- oklch(0.701 0.196 148.2)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.52:1 (AAA)
- #E7EAED color page →
text
#E7EAED
- RGB
- rgb(231 234 237)
- HSL
- hsl(210 14% 92%)
- OKLCH
- oklch(0.936 0.005 247.9)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.38:1 (AAA)
Export Vivid Bubblegum Baby Girl System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #00060f;
--surface: #0076e4;
--muted: #d754e1;
--primary: #fe5d00;
--accent: #17be51;
--text: #e7eaed;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #00060f;
--color-surface: #0076e4;
--color-muted: #d754e1;
--color-primary: #fe5d00;
--color-accent: #17be51;
--color-text: #e7eaed;
}JSON (DTCG tokens)
{
"vivid-bubblegum-baby-girl-system-6cc": {
"bg": {
"$type": "color",
"$value": "#00060f"
},
"surface": {
"$type": "color",
"$value": "#0076e4"
},
"muted": {
"$type": "color",
"$value": "#d754e1"
},
"primary": {
"$type": "color",
"$value": "#fe5d00"
},
"accent": {
"$type": "color",
"$value": "#17be51"
},
"text": {
"$type": "color",
"$value": "#e7eaed"
}
}
}About this palette
Vivid Bubblegum Baby Girl System is a 6-color OKLCH-ready palette tagged red, oklch neon, cyberpunk, rainbow, 6 colors. Hex values: #00060F, #0076E4, #D754E1, #FE5D00, #17BE51, #E7EAED. APCA contrast score Lc 8.5. 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 Bubblegum Baby Girl System by OKLab color distance.