Palette · 5 colors · Lc 8.1
Bold Blurple System palette
Bold Blurple System: a 5-color palette (Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #DCE6E0, #009D37, #5A3FE2, #BE0000, #0C1611, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 5 Colors
bg
#DCE6E0
surface
#009D37
primary
#5A3FE2
accent
#BE0000
text
#0C1611
Colors in Bold Blurple System: HEX, RGB, HSL & OKLCH
- #DCE6E0 color page →
bg
#DCE6E0
- RGB
- rgb(220 230 224)
- HSL
- hsl(144 17% 88%)
- OKLCH
- oklch(0.916 0.013 159.9)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.43:1 (AAA)
- #009D37 color page →
surface
#009D37
- RGB
- rgb(0 157 55)
- HSL
- hsl(141 100% 31%)
- OKLCH
- oklch(0.606 0.181 146.8)
WCAG contrast: on white 3.57:1 (Fail) · on black 5.87:1 (AA)
- #5A3FE2 color page →
primary
#5A3FE2
- RGB
- rgb(90 63 226)
- HSL
- hsl(250 74% 57%)
- OKLCH
- oklch(0.506 0.232 281.8)
WCAG contrast: on white 6.47:1 (AA) · on black 3.24:1 (Fail)
- #BE0000 color page →
accent
#BE0000
- RGB
- rgb(190 0 0)
- HSL
- hsl(0 100% 37%)
- OKLCH
- oklch(0.503 0.207 29.2)
WCAG contrast: on white 6.58:1 (AA) · on black 3.18:1 (Fail)
- #0C1611 color page →
text
#0C1611
- RGB
- rgb(12 22 17)
- HSL
- hsl(150 29% 7%)
- OKLCH
- oklch(0.188 0.018 162.3)
WCAG contrast: on white 18.44:1 (AAA) · on black 1.13:1 (Fail)
Export Bold Blurple System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dce6e0;
--surface: #009d37;
--primary: #5a3fe2;
--accent: #be0000;
--text: #0c1611;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dce6e0;
--color-surface: #009d37;
--color-primary: #5a3fe2;
--color-accent: #be0000;
--color-text: #0c1611;
}JSON (DTCG tokens)
{
"bold-blurple-system-45d": {
"bg": {
"$type": "color",
"$value": "#dce6e0"
},
"surface": {
"$type": "color",
"$value": "#009d37"
},
"primary": {
"$type": "color",
"$value": "#5a3fe2"
},
"accent": {
"$type": "color",
"$value": "#be0000"
},
"text": {
"$type": "color",
"$value": "#0c1611"
}
}
}About this palette
Bold Blurple System is a 5-color OKLCH-ready palette tagged pink, 5 colors. Hex values: #DCE6E0, #009D37, #5A3FE2, #BE0000, #0C1611. APCA contrast score Lc 8.1. 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 Bold Blurple System by OKLab color distance.